@ckeditor/ckeditor5-theme-lark 45.0.0-alpha.1 → 45.0.0-alpha.11

package/dist/index-editor.css

@@ -3461,8 +3461,7 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon){
 .ck-editor__editable .table.layout-table > table{
 			width:100%;
 			height:100%;
-			overflow:clip;
-			overflow-clip-margin:var(--ck-widget-outline-thickness);
+			border-collapse:revert;
 		}
 .ck-editor__editable .table.layout-table > table:not(
 			[style*="border:"],
@@ -3527,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);
@@ -3550,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;
@@ -3587,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;
 }
@@ -3650,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));
@@ -3668,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);
@@ -3832,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;
@@ -3844,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

@@ -5034,10 +5034,8 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {
 			width: 100%;
 			height: 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);
+			/* 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. */
 		}
@@ -5113,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);
@@ -5136,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 {
@@ -5200,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;
 
@@ -5299,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 {
@@ -5328,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,
@@ -5568,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
@@ -5595,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).
  */