@ckeditor/ckeditor5-theme-lark 45.1.0-alpha.7 → 45.2.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3327,15 +3327,23 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon){
3327
3327
  }
3328
3328
  :root{
3329
3329
  --ck-color-selector-focused-cell-background:hsla(212, 90%, 80%, .3);
3330
+ --ck-table-content-default-border-color:hsl(0, 0%, 83%);
3330
3331
  }
3331
- .ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
3332
- .ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,
3333
- .ck-widget.table td.ck-editor__nested-editable:focus,
3334
- .ck-widget.table th.ck-editor__nested-editable:focus{
3335
- background:var(--ck-color-selector-focused-cell-background);
3336
- outline:1px solid var(--ck-color-focus-border);
3337
- outline-offset:-1px;
3332
+ .ck-widget.table table[style*="border:none"],
3333
+ .ck-widget.table table[style*="border-style:none"]{
3334
+ outline:var(--ck-table-content-default-border-color) 1px dashed;
3335
+ }
3336
+ .ck-widget.table td.ck-editor__nested-editable, .ck-widget.table th.ck-editor__nested-editable{
3337
+ outline:unset;
3338
3338
  }
3339
+ .ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused:not(.ck-editor__editable_selected),
3340
+ .ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused:not(.ck-editor__editable_selected),
3341
+ .ck-widget.table td.ck-editor__nested-editable:not(.ck-editor__editable_selected):focus,
3342
+ .ck-widget.table th.ck-editor__nested-editable:not(.ck-editor__editable_selected):focus{
3343
+ background:var(--ck-color-selector-focused-cell-background);
3344
+ outline:1px solid var(--ck-color-focus-border);
3345
+ outline-offset:-1px;
3346
+ }
3339
3347
  :root{
3340
3348
  --ck-table-properties-error-arrow-size:6px;
3341
3349
  --ck-table-properties-min-error-width:150px;
@@ -3425,7 +3433,6 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon){
3425
3433
  .ck.ck-editor__editable .table table th.ck-editor__editable_selected{
3426
3434
  position:relative;
3427
3435
  caret-color:transparent;
3428
- outline:unset;
3429
3436
  box-shadow:unset;
3430
3437
  }
3431
3438
  .ck.ck-editor__editable .table table td.ck-editor__editable_selected:after, .ck.ck-editor__editable .table table th.ck-editor__editable_selected:after{
package/dist/index.css CHANGED
@@ -4857,22 +4857,31 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {
4857
4857
  */
4858
4858
  :root {
4859
4859
  --ck-color-selector-focused-cell-background: hsla(212, 90%, 80%, .3);
4860
+ --ck-table-content-default-border-color: hsl(0, 0%, 83%);
4860
4861
  }
4862
+ /* Dashed outline for table without any border. */
4863
+ .ck-widget.table table[style*="border:none"],
4864
+ .ck-widget.table table[style*="border-style:none"] {
4865
+ outline: var(--ck-table-content-default-border-color) 1px dashed;
4866
+ }
4861
4867
  /**
4862
4868
  * While setting outline is fine, the border should not be modified here
4863
4869
  * because it overrides the default table cell border color which is not expected.
4864
4870
  * So do not use `@mixin ck-focus-ring;` here, or any other border styles.
4865
4871
  * See more: https://github.com/ckeditor/ckeditor5/issues/16979
4866
4872
  */
4867
- .ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused,
4868
- .ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused,
4869
- .ck-widget.table td.ck-editor__nested-editable:focus,
4870
- .ck-widget.table th.ck-editor__nested-editable:focus {
4871
- /* A very slight background to highlight the focused cell */
4872
- background: var(--ck-color-selector-focused-cell-background);
4873
- outline: 1px solid var(--ck-color-focus-border);
4874
- outline-offset: -1px; /* progressive enhancement - no IE support */
4873
+ .ck-widget.table td.ck-editor__nested-editable, .ck-widget.table th.ck-editor__nested-editable {
4874
+ outline: unset;
4875
4875
  }
4876
+ .ck-widget.table td.ck-editor__nested-editable.ck-editor__nested-editable_focused:not(.ck-editor__editable_selected),
4877
+ .ck-widget.table th.ck-editor__nested-editable.ck-editor__nested-editable_focused:not(.ck-editor__editable_selected),
4878
+ .ck-widget.table td.ck-editor__nested-editable:not(.ck-editor__editable_selected):focus,
4879
+ .ck-widget.table th.ck-editor__nested-editable:not(.ck-editor__editable_selected):focus {
4880
+ /* A very slight background to highlight the focused cell */
4881
+ background: var(--ck-color-selector-focused-cell-background);
4882
+ outline: 1px solid var(--ck-color-focus-border);
4883
+ outline-offset: -1px; /* progressive enhancement - no IE support */
4884
+ }
4876
4885
  /*
4877
4886
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
4878
4887
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
@@ -4987,7 +4996,6 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {
4987
4996
  .ck.ck-editor__editable .table table th.ck-editor__editable_selected {
4988
4997
  position: relative;
4989
4998
  caret-color: transparent;
4990
- outline: unset;
4991
4999
  box-shadow: unset;
4992
5000
 
4993
5001
  /* https://github.com/ckeditor/ckeditor5/issues/6446 */