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

package/dist/index-editor.css

@@ -2087,6 +2087,9 @@ a.ck.ck-button-bold{
 .ck.ck-bookmark-form{
 	width:var(--ck-bookmark-form-width);
 }
+.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);
@@ -2690,6 +2693,9 @@ a.ck.ck-button-bold{
 :root{
 	--ck-link-bookmark-icon-size:calc( var(--ck-icon-size) * 0.7);
 }
+.ck.ck-toolbar.ck-link-toolbar > .ck-toolbar__items{
+		flex-wrap:nowrap;
+	}
 a.ck.ck-button.ck-link-toolbar__preview{
 	padding:0 var(--ck-spacing-medium);
 	color:var(--ck-color-link-default);
@@ -3454,8 +3460,8 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon){
 }
 .ck-editor__editable .table.layout-table > table{
 			width:100%;
-			overflow:clip;
-			overflow-clip-margin:var(--ck-widget-outline-thickness);
+			height:100%;
+			border-collapse:revert;
 		}
 .ck-editor__editable .table.layout-table > table:not(
 			[style*="border:"],
@@ -3520,6 +3526,7 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon){
 .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before,
 					.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after{
 						transform:translateY(0);
+						z-index:2;
 					}
 .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before{
 						margin-left:var(--ck-table-layout-widget-type-around-button-size);
@@ -3543,7 +3550,7 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon){
 					--ck-widget-handler-icon-size:var(--ck-table-layout-widget-handler-icon-size);
 
 					transform:translateY(calc(0px - var(--ck-widget-outline-thickness)));
-					z-index:var(--ck-z-default);
+					z-index:3;
 				}
 .ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret{
 						top:0;
@@ -3580,9 +3587,6 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon){
 .ck .ck-widget:hover{
 		outline-color:var(--ck-color-widget-hover-border);
 	}
-.ck .ck-widget:has( .ck-widget:hover){
-		outline-color:transparent;
-	}
 .ck .ck-editor__nested-editable{
 	border:1px solid transparent;
 }
@@ -3643,10 +3647,6 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon){
 .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator{
 				opacity:1;
 			}
-.ck .ck-widget.ck-widget_with-selection-handle:has( .ck-widget:hover) > .ck-widget__selection-handle{
-		opacity:0;
-		visibility:hidden;
-	}
 .ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{
 	left:auto;
 	right:calc(0px - var(--ck-widget-outline-thickness));
@@ -3661,6 +3661,13 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon){
 		.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover{
 			background:var(--ck-color-widget-blurred-border);
 		}
+.ck .ck-widget:has( .ck-widget.table:hover){
+	outline-color:transparent;
+}
+.ck .ck-widget.ck-widget_with-selection-handle:has( .ck-widget.table:hover) > .ck-widget__selection-handle{
+	opacity:0;
+	visibility:hidden;
+}
 .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
 	.ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover{
 		outline-color:var(--ck-color-widget-blurred-border);
@@ -3825,10 +3832,6 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon){
 .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer{
 			opacity:0
 		}
-.ck .ck-widget:has( .ck-widget:hover) > .ck-widget__type-around > .ck-widget__type-around__button{
-			opacity:0;
-			pointer-events:none;
-		}
 .ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__type-around > .ck-widget__type-around__button_before{
 	margin-left:0;
 	margin-right:20px;
@@ -3837,6 +3840,10 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon){
 				opacity:0;
 				pointer-events:none;
 			}
+.ck .ck-widget:has( .ck-widget.table:hover) > .ck-widget__type-around > .ck-widget__type-around__button{
+		opacity:0;
+		pointer-events:none;
+	}
 .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected > .ck-widget__type-around > .ck-widget__type-around__button:not(:hover){
 	background:var(--ck-color-widget-type-around-button-blurred-editable);
 }

package/dist/index.css

@@ -3216,6 +3216,9 @@ of the component, floating–point numbers have been used which, for the default
 /**
  * Makes element unselectable.
  */
+.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);
@@ -4012,6 +4015,9 @@ of the component, floating–point numbers have been used which, for the default
 :root {
 	--ck-link-bookmark-icon-size: calc( var(--ck-icon-size) * 0.7); /* 0.7 = 14/20 cause default the icon size is 20px */
 }
+.ck.ck-toolbar.ck-link-toolbar > .ck-toolbar__items {
+		flex-wrap: nowrap;
+	}
 a.ck.ck-button.ck-link-toolbar__preview {
 	padding: 0 var(--ck-spacing-medium);
 	color: var(--ck-color-link-default);
@@ -5026,10 +5032,10 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {
 }
 .ck-editor__editable .table.layout-table > table {
 			width: 100%;
-			/* Styles to make the layout table outline visible when the layout table is inside another layout table inside edge cells.
-			Currently, this solution works on every browser except Safari. */
-			overflow: clip;
-			overflow-clip-margin: var(--ck-widget-outline-thickness);
+			height: 100%;
+
+			/* Resetting `border-collapse` property to the user agent styles. */
+			border-collapse: revert;
 
 			/* The default table layout style in the editing view when the border is unset. */
 		}
@@ -5105,6 +5111,8 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {
 .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before,
 					.ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {
 						transform: translateY(0);
+						/* Same value as inline-image widget because it is after the inline-image in HTML structure */
+						z-index: 2;
 					}
 .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before {
 						margin-left: var(--ck-table-layout-widget-type-around-button-size);
@@ -5128,7 +5136,9 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {
 					--ck-widget-handler-icon-size: var(--ck-table-layout-widget-handler-icon-size);
 
 					transform: translateY(calc(0px - var(--ck-widget-outline-thickness)));
-					z-index: var(--ck-z-default);
+					/* Value increased by 1 as in selected inline-image widget
+					because it is before the inline-image in HTML structure. */
+					z-index: 3;
 				}
 /* Show fake caret on border not above. */
 .ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
@@ -5192,12 +5202,6 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {
 .ck .ck-widget:hover {
 		outline-color: var(--ck-color-widget-hover-border);
 	}
-/*
-	 * Hide the outline of all widget parents when the widget is being hovered.
-	 */
-.ck .ck-widget:has( .ck-widget:hover ) {
-		outline-color: transparent;
-	}
 .ck .ck-editor__nested-editable {
 	border: 1px solid transparent;
 
@@ -5291,11 +5295,6 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {
 .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator, .ck .ck-widget.ck-widget_with-selection-handle.ck-widget_selected:hover > .ck-widget__selection-handle .ck-icon .ck-icon__selected-indicator {
 				opacity: 1;
 			}
-/* Hide the selection handle on mouse hover over the widget of all the widget parents. */
-.ck .ck-widget.ck-widget_with-selection-handle:has( .ck-widget:hover ) > .ck-widget__selection-handle {
-		opacity: 0;
-		visibility: hidden;
-	}
 /* In a RTL environment, align the selection handler to the right side of the widget */
 /* stylelint-disable-next-line no-descending-specificity */
 .ck[dir="rtl"] .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
@@ -5320,6 +5319,17 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {
 		.ck.ck-editor__editable.ck-read-only .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle:hover {
 			background: var(--ck-color-widget-blurred-border);
 		}
+/*
+* Hide the outline of all widget parents when the widget is being hovered.
+*/
+.ck .ck-widget:has( .ck-widget.table:hover ) {
+	outline-color: transparent;
+}
+/* Hide the selection handle on mouse hover over the widget of all the widget parents. */
+.ck .ck-widget.ck-widget_with-selection-handle:has( .ck-widget.table:hover ) > .ck-widget__selection-handle {
+	opacity: 0;
+	visibility: hidden;
+}
 /* Style the widget when it's selected but the editable it belongs to lost focus. */
 /* stylelint-disable-next-line no-descending-specificity */
 .ck.ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected,
@@ -5560,13 +5570,6 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {
 .ck .ck-widget.ck-widget_type-around_show-fake-caret_before.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer, .ck .ck-widget.ck-widget_type-around_show-fake-caret_after.ck-widget_selected.ck-widget_with-resizer > .ck-widget__resizer {
 			opacity: 0
 		}
-/*
-	 * Hide type around buttons of all widget parents when the widget is being hovered.
-	 */
-.ck .ck-widget:has( .ck-widget:hover ) > .ck-widget__type-around > .ck-widget__type-around__button {
-			opacity: 0;
-			pointer-events: none;
-		}
 /*
  * Styles for the "before" button when the widget has a selection handle in an RTL environment.
  * The selection handler is aligned to the right side of the widget so there is no need to create
@@ -5587,6 +5590,13 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {
 				opacity: 0;
 				pointer-events: none;
 			}
+/*
+ * Hide type around buttons of all widget parents when the widget is being hovered.
+ */
+.ck .ck-widget:has( .ck-widget.table:hover ) > .ck-widget__type-around > .ck-widget__type-around__button {
+		opacity: 0;
+		pointer-events: none;
+	}
 /*
  * Styles for the buttons when the widget is selected but the user clicked outside of the editor (blurred the editor).
  */