@ckeditor/ckeditor5-theme-lark 43.1.0-alpha.5 → 43.1.0-alpha.7

package/dist/index-editor.css

@@ -3221,7 +3221,6 @@ a.ck.ck-button-bold{
 		.ck-widget.table td.ck-editor__nested-editable:focus,
 		.ck-widget.table th.ck-editor__nested-editable:focus{
 			background:var(--ck-color-selector-focused-cell-background);
-			border-style:none;
 			outline:1px solid var(--ck-color-focus-border);
 			outline-offset:-1px;
 		}
@@ -3374,8 +3373,6 @@ a.ck.ck-button-bold{
 }
 .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
 	.ck .ck-editor__nested-editable:focus{
-		outline:none;
-		border:var(--ck-focus-ring);
 		box-shadow:var(--ck-inner-shadow), 0 0;
 	}
 @media (forced-colors: none){
@@ -3383,6 +3380,10 @@ a.ck.ck-button-bold{
 			background-color:var(--ck-color-widget-editable-focus-background);
 		}
 	}
+.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused:not(td, th), .ck .ck-editor__nested-editable:focus:not(td, th){
+			outline:none;
+			border:var(--ck-focus-ring);
+		}
 .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle{
 		padding:4px;
 		box-sizing:border-box;

package/dist/index.css

@@ -4703,17 +4703,18 @@ of the component, floating–point numbers have been used which, for the default
 :root {
 	--ck-color-selector-focused-cell-background: hsla(212, 90%, 80%, .3);
 }
+/**
+		 * 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-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
 		.ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,
 		.ck-widget.table td.ck-editor__nested-editable:focus,
 		.ck-widget.table th.ck-editor__nested-editable:focus {
 			/* A very slight background to highlight the focused cell */
 			background: var(--ck-color-selector-focused-cell-background);
-
-			/* Fixes the problem where surrounding cells cover the focused cell's border.
-			It does not fix the problem in all places but the UX is improved.
-			See https://github.com/ckeditor/ckeditor5-table/issues/29. */
-			border-style: none;
 			outline: 1px solid var(--ck-color-focus-border);
 			outline-offset: -1px; /* progressive enhancement - no IE support */
 		}
@@ -4926,9 +4927,6 @@ of the component, floating–point numbers have been used which, for the default
 }
 .ck .ck-editor__nested-editable.ck-editor__nested-editable_focused,
 	.ck .ck-editor__nested-editable:focus {
-		/* Disable native outline. */
-		outline: none;
-		border: var(--ck-focus-ring);
 		box-shadow: var(--ck-inner-shadow), 0 0;
 	}
 @media (forced-colors: none) {
@@ -4936,6 +4934,16 @@ of the component, floating–point numbers have been used which, for the default
 			background-color: var(--ck-color-widget-editable-focus-background);
 		}
 	}
+/**
+		 * Focus border should not be applied to table cells because it overrides the default table cell border color.
+		 * In other words - in some scenarios, the part of the table cell border has focus color style, which is not expected behavior
+		 * because it should be the same as the table cell border color.
+		 */
+.ck .ck-editor__nested-editable.ck-editor__nested-editable_focused:not(td, th), .ck .ck-editor__nested-editable:focus:not(td, th) {
+			/* Disable native outline. */
+			outline: none;
+			border: var(--ck-focus-ring);
+		}
 .ck .ck-widget.ck-widget_with-selection-handle .ck-widget__selection-handle {
 		padding: 4px;
 		box-sizing: border-box;