@ckeditor/ckeditor5-theme-lark 35.2.1 → 35.3.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.
Files changed (6) hide show
  1. package/package.json +27 -27
  2. package/theme/ckeditor5-list/collapsible.css +1 -0
  3. package/theme/ckeditor5-ui/components/button/switchbutton.css +10 -6
  4. package/theme/ckeditor5-ui/components/icon/icon.css +10 -6
  5. package/theme/ckeditor5-ui/components/labeledfield/labeledfieldview.css +4 -2
  6. package/theme/ckeditor5-ui/globals/_colors.css +4 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ckeditor/ckeditor5-theme-lark",
3
- "version": "35.2.1",
3
+ "version": "35.3.1",
4
4
  "description": "A bright theme for CKEditor 5.",
5
5
  "keywords": [
6
6
  "ckeditor",
@@ -9,34 +9,34 @@
9
9
  "ckeditor5-theme"
10
10
  ],
11
11
  "dependencies": {
12
- "@ckeditor/ckeditor5-ui": "^35.2.1"
12
+ "@ckeditor/ckeditor5-ui": "^35.3.1"
13
13
  },
14
14
  "devDependencies": {
15
- "@ckeditor/ckeditor5-basic-styles": "^35.2.1",
16
- "@ckeditor/ckeditor5-ckfinder": "^35.2.1",
17
- "@ckeditor/ckeditor5-code-block": "^35.2.1",
18
- "@ckeditor/ckeditor5-core": "^35.2.1",
19
- "@ckeditor/ckeditor5-editor-balloon": "^35.2.1",
20
- "@ckeditor/ckeditor5-editor-classic": "^35.2.1",
21
- "@ckeditor/ckeditor5-find-and-replace": "^35.2.1",
22
- "@ckeditor/ckeditor5-font": "^35.2.1",
23
- "@ckeditor/ckeditor5-heading": "^35.2.1",
24
- "@ckeditor/ckeditor5-highlight": "^35.2.1",
25
- "@ckeditor/ckeditor5-html-embed": "^35.2.1",
26
- "@ckeditor/ckeditor5-indent": "^35.2.1",
27
- "@ckeditor/ckeditor5-link": "^35.2.1",
28
- "@ckeditor/ckeditor5-list": "^35.2.1",
29
- "@ckeditor/ckeditor5-media-embed": "^35.2.1",
30
- "@ckeditor/ckeditor5-page-break": "^35.2.1",
31
- "@ckeditor/ckeditor5-remove-format": "^35.2.1",
32
- "@ckeditor/ckeditor5-restricted-editing": "^35.2.1",
33
- "@ckeditor/ckeditor5-select-all": "^35.2.1",
34
- "@ckeditor/ckeditor5-source-editing": "^35.2.1",
35
- "@ckeditor/ckeditor5-special-characters": "^35.2.1",
36
- "@ckeditor/ckeditor5-undo": "^35.2.1",
37
- "@ckeditor/ckeditor5-utils": "^35.2.1",
38
- "@ckeditor/ckeditor5-table": "^35.2.1",
39
- "ckeditor5": "^35.2.1"
15
+ "@ckeditor/ckeditor5-basic-styles": "^35.3.1",
16
+ "@ckeditor/ckeditor5-ckfinder": "^35.3.1",
17
+ "@ckeditor/ckeditor5-code-block": "^35.3.1",
18
+ "@ckeditor/ckeditor5-core": "^35.3.1",
19
+ "@ckeditor/ckeditor5-editor-balloon": "^35.3.1",
20
+ "@ckeditor/ckeditor5-editor-classic": "^35.3.1",
21
+ "@ckeditor/ckeditor5-find-and-replace": "^35.3.1",
22
+ "@ckeditor/ckeditor5-font": "^35.3.1",
23
+ "@ckeditor/ckeditor5-heading": "^35.3.1",
24
+ "@ckeditor/ckeditor5-highlight": "^35.3.1",
25
+ "@ckeditor/ckeditor5-html-embed": "^35.3.1",
26
+ "@ckeditor/ckeditor5-indent": "^35.3.1",
27
+ "@ckeditor/ckeditor5-link": "^35.3.1",
28
+ "@ckeditor/ckeditor5-list": "^35.3.1",
29
+ "@ckeditor/ckeditor5-media-embed": "^35.3.1",
30
+ "@ckeditor/ckeditor5-page-break": "^35.3.1",
31
+ "@ckeditor/ckeditor5-remove-format": "^35.3.1",
32
+ "@ckeditor/ckeditor5-restricted-editing": "^35.3.1",
33
+ "@ckeditor/ckeditor5-select-all": "^35.3.1",
34
+ "@ckeditor/ckeditor5-source-editing": "^35.3.1",
35
+ "@ckeditor/ckeditor5-special-characters": "^35.3.1",
36
+ "@ckeditor/ckeditor5-undo": "^35.3.1",
37
+ "@ckeditor/ckeditor5-utils": "^35.3.1",
38
+ "@ckeditor/ckeditor5-table": "^35.3.1",
39
+ "ckeditor5": "^35.3.1"
40
40
  },
41
41
  "engines": {
42
42
  "node": ">=14.0.0",
package/theme/ckeditor5-list/collapsible.css CHANGED
@@ -13,6 +13,7 @@
13
13
  font-weight: bold;
14
14
  padding: var(--ck-spacing-medium) var(--ck-spacing-large);
15
15
  border-radius: 0;
16
+ color: inherit;
16
17
 
17
18
  &:focus {
18
19
  background: transparent;
package/theme/ckeditor5-ui/components/button/switchbutton.css CHANGED
@@ -24,6 +24,15 @@ of the component, floating–point numbers have been used which, for the default
24
24
  }
25
25
 
26
26
  .ck.ck-button.ck-switchbutton {
27
+ /* Unlike a regular button, the switch button text color and background should never change.
28
+ * Changing toggle switch (background, outline) is enough to carry the information about the
29
+ * state of the entire component (https://github.com/ckeditor/ckeditor5/issues/12519)
30
+ */
31
+ &, &:hover, &:focus, &:active, &.ck-on:hover, &.ck-on:focus, &.ck-on:active {
32
+ color: inherit;
33
+ background: transparent;
34
+ }
35
+
27
36
  & .ck-button__label {
28
37
  @mixin ck-dir ltr {
29
38
  /* Separate the label from the switch */
@@ -95,6 +104,7 @@ of the component, floating–point numbers have been used which, for the default
95
104
  }
96
105
  }
97
106
 
107
+ /* stylelint-disable-next-line no-descending-specificity */
98
108
  &.ck-on {
99
109
  & .ck-button__toggle {
100
110
  background: var(--ck-color-switch-button-on-background);
@@ -117,10 +127,4 @@ of the component, floating–point numbers have been used which, for the default
117
127
  }
118
128
  }
119
129
  }
120
-
121
- /* Regular buttons get a backgound when active. Switch buttons announce that through the switch toggle instead */
122
- &:active, &.ck-on:active {
123
- background: transparent;
124
- }
125
-
126
130
  }
package/theme/ckeditor5-ui/components/icon/icon.css CHANGED
@@ -14,8 +14,6 @@
14
14
  /* Multiplied by the height of the line in "px" should give SVG "viewport" dimensions */
15
15
  font-size: .8333350694em;
16
16
 
17
- color: inherit;
18
-
19
17
  /* Inherit cursor style (#5). */
20
18
  cursor: inherit;
21
19
 
@@ -25,13 +23,19 @@
25
23
  & * {
26
24
  /* Inherit cursor style (#5). */
27
25
  cursor: inherit;
26
+ }
28
27
 
29
- /* Allows dynamic coloring of the icons. */
28
+ /* Allows dynamic coloring of an icon by inheriting its color from the parent. */
29
+ &.ck-icon_inherit-color {
30
30
  color: inherit;
31
31
 
32
- &:not([fill]) {
33
- /* Needed by FF. */
34
- fill: currentColor;
32
+ & * {
33
+ color: inherit;
34
+
35
+ &:not([fill]) {
36
+ /* Needed by FF. */
37
+ fill: currentColor;
38
+ }
35
39
  }
36
40
  }
37
41
  }
package/theme/ckeditor5-ui/components/labeledfield/labeledfieldview.css CHANGED
@@ -9,6 +9,8 @@
9
9
  :root {
10
10
  --ck-labeled-field-view-transition: .1s cubic-bezier(0, 0, 0.24, 0.95);
11
11
  --ck-labeled-field-empty-unfocused-max-width: 100% - 2 * var(--ck-spacing-medium);
12
+ --ck-labeled-field-label-default-position-x: var(--ck-spacing-medium);
13
+ --ck-labeled-field-label-default-position-y: calc(0.6 * var(--ck-font-size-base));
12
14
  --ck-color-labeled-field-label-background: var(--ck-color-base-background);
13
15
  }
14
16
 
@@ -87,11 +89,11 @@
87
89
  &.ck-disabled.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
88
90
  &.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 {
89
91
  @mixin ck-dir ltr {
90
- transform: translate(var(--ck-spacing-medium), calc(0.6 * var(--ck-font-size-base))) scale(1);
92
+ transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);
91
93
  }
92
94
 
93
95
  @mixin ck-dir rtl {
94
- transform: translate(calc(-1 * var(--ck-spacing-medium)), calc(0.6 * var(--ck-font-size-base))) scale(1);
96
+ transform: translate(calc(-1 * var(--ck-labeled-field-label-default-position-x)), var(--ck-labeled-field-label-default-position-y)) scale(1);
95
97
  }
96
98
 
97
99
  /* Compensate for the default translate position. */
package/theme/ckeditor5-ui/globals/_colors.css CHANGED
@@ -107,4 +107,8 @@
107
107
  --ck-color-link-default: hsl(240, 100%, 47%);
108
108
  --ck-color-link-selected-background: hsla(201, 100%, 56%, 0.1);
109
109
  --ck-color-link-fake-selection: hsla(201, 100%, 56%, 0.3);
110
+
111
+ /* -- Search result highlight ---------------------------------------------------------------- */
112
+
113
+ --ck-color-highlight-background: hsl(60, 100%, 50%)
110
114
  }