@ckeditor/ckeditor5-theme-lark 41.1.0 → 41.3.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.
Files changed (9) hide show
  1. package/dist/content-index.css +12 -0
  2. package/dist/editor-index.css +2522 -0
  3. package/dist/index.css +4420 -0
  4. package/dist/index.js +5 -0
  5. package/package.json +3 -2
  6. package/theme/ckeditor5-ui/components/editorui/accessibilityhelp.css +103 -0
  7. package/theme/ckeditor5-ui/components/labeledfield/labeledfieldview.css +1 -1
  8. package/theme/ckeditor5-ui/components/tooltip/tooltip.css +1 -0
  9. package/theme/index.css +80 -0
package/dist/index.js ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ * @license 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
+
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.3.0-alpha.0",
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.3.0-alpha.0"
13
13
  },
14
14
  "author": "CKSource (http://cksource.com/)",
15
15
  "license": "GPL-2.0-or-later",
@@ -21,6 +21,7 @@
21
21
  "directory": "packages/ckeditor5-theme-lark"
22
22
  },
23
23
  "files": [
24
+ "dist",
24
25
  "lang",
25
26
  "src",
26
27
  "theme",
package/theme/ckeditor5-ui/components/editorui/accessibilityhelp.css ADDED
@@ -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
+
package/theme/ckeditor5-ui/components/labeledfield/labeledfieldview.css CHANGED
@@ -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
  }
package/theme/ckeditor5-ui/components/tooltip/tooltip.css CHANGED
@@ -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 */
package/theme/index.css ADDED
@@ -0,0 +1,80 @@
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
+ /* Reset */
7
+ @import "./ckeditor5-ui/globals/globals.css";
8
+
9
+ /* Components */
10
+ @import "./ckeditor5-ui/components/autocomplete/autocomplete.css";
11
+ @import "./ckeditor5-ui/components/button/button.css";
12
+ @import "./ckeditor5-ui/components/button/switchbutton.css";
13
+ @import "./ckeditor5-ui/components/colorgrid/colorgrid.css";
14
+ @import "./ckeditor5-ui/components/colorselector/colorselector.css";
15
+ @import "./ckeditor5-ui/components/dropdown/dropdown.css";
16
+ @import "./ckeditor5-ui/components/dropdown/listdropdown.css";
17
+ @import "./ckeditor5-ui/components/dropdown/splitbutton.css";
18
+ @import "./ckeditor5-ui/components/dropdown/toolbardropdown.css";
19
+ @import "./ckeditor5-ui/components/editorui/editorui.css";
20
+ @import "./ckeditor5-ui/components/formheader/formheader.css";
21
+ @import "./ckeditor5-ui/components/icon/icon.css";
22
+ @import "./ckeditor5-ui/components/input/input.css";
23
+ @import "./ckeditor5-ui/components/label/label.css";
24
+ @import "./ckeditor5-ui/components/labeledfield/labeledfieldview.css";
25
+ @import "./ckeditor5-ui/components/labeledinput/labeledinput.css";
26
+ @import "./ckeditor5-ui/components/list/list.css";
27
+ @import "./ckeditor5-ui/components/panel/balloonpanel.css";
28
+ @import "./ckeditor5-ui/components/panel/balloonrotator.css";
29
+ @import "./ckeditor5-ui/components/panel/fakepanel.css";
30
+ @import "./ckeditor5-ui/components/panel/stickypanel.css";
31
+ @import "./ckeditor5-ui/components/responsive-form/responsiveform.css";
32
+ @import "./ckeditor5-ui/components/search/search.css";
33
+ @import "./ckeditor5-ui/components/spinner/spinner.css";
34
+ @import "./ckeditor5-ui/components/textarea/textarea.css";
35
+ @import "./ckeditor5-ui/components/toolbar/blocktoolbar.css";
36
+ @import "./ckeditor5-ui/components/toolbar/toolbar.css";
37
+ @import "./ckeditor5-ui/components/tooltip/tooltip.css";
38
+
39
+ /* Editor */
40
+ @import "./ckeditor5-editor-classic/classiceditor.css";
41
+
42
+ /* Plugins */
43
+ @import "./ckeditor5-clipboard/clipboard.css";
44
+ @import "./ckeditor5-code-block/codeblock.css";
45
+ @import "./ckeditor5-engine/placeholder.css";
46
+ @import "./ckeditor5-find-and-replace/findandreplaceform.css";
47
+ @import "./ckeditor5-heading/heading.css";
48
+ @import "./ckeditor5-html-embed/htmlembed.css";
49
+ @import "./ckeditor5-image/imageupload.css";
50
+ @import "./ckeditor5-image/imageuploadicon.css";
51
+ @import "./ckeditor5-image/imageuploadloader.css";
52
+ @import "./ckeditor5-image/imageuploadprogress.css";
53
+ @import "./ckeditor5-link/link.css";
54
+ @import "./ckeditor5-link/linkactions.css";
55
+ @import "./ckeditor5-link/linkform.css";
56
+ @import "./ckeditor5-link/linkimage.css";
57
+ @import "./ckeditor5-list/listproperties.css";
58
+ @import "./ckeditor5-list/liststyles.css";
59
+ @import "./ckeditor5-media-embed/mediaembedediting.css";
60
+ @import "./ckeditor5-mention/mention.css";
61
+ @import "./ckeditor5-restricted-editing/restrictedediting.css";
62
+ @import "./ckeditor5-special-characters/charactergrid.css";
63
+ @import "./ckeditor5-special-characters/characterinfo.css";
64
+ @import "./ckeditor5-special-characters/specialcharacters.css";
65
+ @import "./ckeditor5-style/style.css";
66
+ @import "./ckeditor5-style/stylegrid.css";
67
+ @import "./ckeditor5-style/stylegroup.css";
68
+ @import "./ckeditor5-style/stylepanel.css";
69
+ @import "./ckeditor5-table/colorinput.css";
70
+ @import "./ckeditor5-table/form.css";
71
+ @import "./ckeditor5-table/formrow.css";
72
+ @import "./ckeditor5-table/inserttable.css";
73
+ @import "./ckeditor5-table/tablecellproperties.css";
74
+ @import "./ckeditor5-table/tableediting.css";
75
+ @import "./ckeditor5-table/tableform.css";
76
+ @import "./ckeditor5-table/tableproperties.css";
77
+ @import "./ckeditor5-table/tableselection.css";
78
+ @import "./ckeditor5-widget/widget.css";
79
+ @import "./ckeditor5-widget/widgetresize.css";
80
+ @import "./ckeditor5-widget/widgettypearound.css";