@ckeditor/ckeditor5-theme-lark 41.1.0 → 41.2.1

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ckeditor/ckeditor5-theme-lark",
3
- "version": "41.1.0",
3
+ "version": "41.2.1",
4
4
  "description": "A bright theme for CKEditor 5.",
5
5
  "keywords": [
6
6
  "ckeditor",
@@ -9,7 +9,7 @@
9
9
  "ckeditor5-theme"
10
10
  ],
11
11
  "dependencies": {
12
- "@ckeditor/ckeditor5-ui": "41.1.0"
12
+ "@ckeditor/ckeditor5-ui": "41.2.1"
13
13
  },
14
14
  "author": "CKSource (http://cksource.com/)",
15
15
  "license": "GPL-2.0-or-later",
@@ -0,0 +1,103 @@
1
+ /*
2
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
3
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
+ */
5
+
6
+ @import "../../../mixins/_focus.css";
7
+ @import "../../../mixins/_shadow.css";
8
+
9
+ :root {
10
+ --ck-accessibility-help-dialog-max-width: 600px;
11
+ --ck-accessibility-help-dialog-max-height: 400px;
12
+ --ck-accessibility-help-dialog-border-color: hsl(220, 6%, 81%);
13
+ --ck-accessibility-help-dialog-code-background-color: hsl(0deg 0% 92.94%);
14
+ --ck-accessibility-help-dialog-kbd-shadow-color: hsl(0deg 0% 61%);
15
+ }
16
+
17
+ .ck.ck-accessibility-help-dialog .ck-accessibility-help-dialog__content {
18
+ padding: var(--ck-spacing-large);
19
+ max-width: var(--ck-accessibility-help-dialog-max-width);
20
+ max-height: var(--ck-accessibility-help-dialog-max-height);
21
+ overflow: auto;
22
+ user-select: text;
23
+
24
+ border: 1px solid transparent;
25
+
26
+ &:focus {
27
+ @mixin ck-focus-ring;
28
+ @mixin ck-box-shadow var(--ck-focus-outer-shadow);
29
+ }
30
+
31
+ * {
32
+ white-space: normal;
33
+ }
34
+
35
+ /* Hide the main label of the content container. */
36
+ & .ck-label {
37
+ display: none;
38
+ }
39
+
40
+ & h3 {
41
+ font-weight: bold;
42
+ font-size: 1.2em;
43
+ }
44
+
45
+ & h4 {
46
+ font-weight: bold;
47
+ font-size: 1em;
48
+ }
49
+
50
+ & p,
51
+ & h3,
52
+ & h4,
53
+ & table {
54
+ margin: 1em 0;
55
+ }
56
+
57
+ & dl {
58
+ display: grid;
59
+ grid-template-columns: 2fr 1fr;
60
+ border-top: 1px solid var(--ck-accessibility-help-dialog-border-color);
61
+ border-bottom: none;
62
+
63
+ & dt, & dd {
64
+ border-bottom: 1px solid var(--ck-accessibility-help-dialog-border-color);
65
+ padding: .4em 0;
66
+ }
67
+
68
+ & dt {
69
+ grid-column-start: 1;
70
+ }
71
+
72
+ & dd {
73
+ grid-column-start: 2;
74
+ text-align: right;
75
+ }
76
+ }
77
+
78
+ & kbd, & code {
79
+ display: inline-block;
80
+ background: var(--ck-accessibility-help-dialog-code-background-color);
81
+ padding: .4em;
82
+ vertical-align: middle;
83
+ line-height: 1;
84
+ border-radius: 2px;
85
+ text-align: center;
86
+ font-size: .9em;
87
+ }
88
+
89
+ & code {
90
+ font-family: monospace;
91
+ }
92
+
93
+ & kbd {
94
+ min-width: 1.8em;
95
+ box-shadow: 0px 1px 1px var(--ck-accessibility-help-dialog-kbd-shadow-color);
96
+ margin: 0 1px;
97
+
98
+ & + kbd {
99
+ margin-left: 2px;
100
+ }
101
+ }
102
+ }
103
+
@@ -88,7 +88,7 @@
88
88
  /* Fields that are disabled or not focused and without a placeholder should have full-sized labels. */
89
89
  /* stylelint-disable-next-line no-descending-specificity */
90
90
  &.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
91
- &.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
91
+ &.ck-labeled-field-view_empty:not(.ck-labeled-field-view_focused):not(.ck-labeled-field-view_placeholder):not(.ck-error) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label {
92
92
  @mixin ck-dir ltr {
93
93
  transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);
94
94
  }
@@ -25,6 +25,7 @@
25
25
  white-space: break-spaces;
26
26
  display: inline-block;
27
27
  padding: var(--ck-tooltip-text-padding) 0;
28
+ max-width: 200px;
28
29
  }
29
30
 
30
31
  /* Reset balloon panel styles */