@ckeditor/ckeditor5-theme-lark 40.1.0 → 41.0.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.
- package/CHANGELOG.md +36 -36
- package/LICENSE.md +1 -1
- package/README.md +1 -1
- package/package.json +2 -2
- package/theme/ckeditor5-clipboard/clipboard.css +1 -1
- package/theme/ckeditor5-code-block/codeblock.css +1 -1
- package/theme/ckeditor5-editor-classic/classiceditor.css +1 -1
- package/theme/ckeditor5-engine/placeholder.css +1 -1
- package/theme/ckeditor5-find-and-replace/findandreplaceform.css +99 -74
- package/theme/ckeditor5-heading/heading.css +1 -1
- package/theme/ckeditor5-horizontal-line/horizontalline.css +1 -1
- package/theme/ckeditor5-html-embed/htmlembed.css +1 -1
- package/theme/ckeditor5-image/imageinsert.css +67 -0
- package/theme/ckeditor5-image/imageupload.css +1 -1
- package/theme/ckeditor5-image/imageuploadicon.css +1 -1
- package/theme/ckeditor5-image/imageuploadloader.css +1 -1
- package/theme/ckeditor5-image/imageuploadprogress.css +1 -1
- package/theme/ckeditor5-link/link.css +1 -1
- package/theme/ckeditor5-link/linkactions.css +1 -1
- package/theme/ckeditor5-link/linkform.css +1 -1
- package/theme/ckeditor5-link/linkimage.css +1 -1
- package/theme/ckeditor5-list/listproperties.css +1 -1
- package/theme/ckeditor5-list/liststyles.css +1 -1
- package/theme/ckeditor5-media-embed/mediaembedediting.css +1 -1
- package/theme/ckeditor5-mention/mention.css +1 -1
- package/theme/ckeditor5-restricted-editing/restrictedediting.css +1 -1
- package/theme/ckeditor5-special-characters/charactergrid.css +1 -1
- package/theme/ckeditor5-special-characters/characterinfo.css +1 -1
- package/theme/ckeditor5-special-characters/specialcharacters.css +1 -1
- package/theme/ckeditor5-style/style.css +1 -1
- package/theme/ckeditor5-style/stylegrid.css +1 -1
- package/theme/ckeditor5-style/stylegroup.css +1 -1
- package/theme/ckeditor5-style/stylepanel.css +1 -1
- package/theme/ckeditor5-table/colorinput.css +1 -1
- package/theme/ckeditor5-table/form.css +1 -1
- package/theme/ckeditor5-table/formrow.css +1 -1
- package/theme/ckeditor5-table/inserttable.css +1 -1
- package/theme/ckeditor5-table/tablecellproperties.css +1 -1
- package/theme/ckeditor5-table/tableediting.css +1 -1
- package/theme/ckeditor5-table/tableform.css +1 -1
- package/theme/ckeditor5-table/tableproperties.css +1 -1
- package/theme/ckeditor5-table/tableselection.css +1 -1
- package/theme/ckeditor5-ui/components/autocomplete/autocomplete.css +1 -1
- package/theme/ckeditor5-ui/components/button/button.css +1 -1
- package/theme/ckeditor5-ui/components/button/switchbutton.css +1 -1
- package/theme/{ckeditor5-list → ckeditor5-ui/components/collapsible}/collapsible.css +3 -3
- package/theme/ckeditor5-ui/components/colorgrid/colorgrid.css +1 -1
- package/theme/ckeditor5-ui/components/colorselector/colorselector.css +1 -1
- package/theme/ckeditor5-ui/components/dialog/dialog.css +43 -0
- package/theme/ckeditor5-ui/components/dialog/dialogactions.css +14 -0
- package/theme/ckeditor5-ui/components/dropdown/dropdown.css +1 -1
- package/theme/ckeditor5-ui/components/dropdown/listdropdown.css +1 -1
- package/theme/ckeditor5-ui/components/dropdown/splitbutton.css +1 -1
- package/theme/ckeditor5-ui/components/dropdown/toolbardropdown.css +1 -1
- package/theme/ckeditor5-ui/components/editorui/editorui.css +1 -1
- package/theme/ckeditor5-ui/components/formheader/formheader.css +4 -3
- package/theme/ckeditor5-ui/components/icon/icon.css +1 -1
- package/theme/ckeditor5-ui/components/input/input.css +1 -1
- package/theme/ckeditor5-ui/components/label/label.css +1 -1
- package/theme/ckeditor5-ui/components/labeledfield/labeledfieldview.css +2 -2
- package/theme/ckeditor5-ui/components/labeledinput/labeledinput.css +1 -1
- package/theme/ckeditor5-ui/components/list/list.css +8 -4
- package/theme/ckeditor5-ui/components/panel/balloonpanel.css +1 -1
- package/theme/ckeditor5-ui/components/panel/balloonrotator.css +1 -1
- package/theme/ckeditor5-ui/components/panel/fakepanel.css +1 -1
- package/theme/ckeditor5-ui/components/panel/stickypanel.css +1 -1
- package/theme/ckeditor5-ui/components/responsive-form/responsiveform.css +1 -1
- package/theme/ckeditor5-ui/components/search/search.css +1 -1
- package/theme/ckeditor5-ui/components/spinner/spinner.css +1 -1
- package/theme/ckeditor5-ui/components/textarea/textarea.css +1 -1
- package/theme/ckeditor5-ui/components/toolbar/blocktoolbar.css +1 -1
- package/theme/ckeditor5-ui/components/toolbar/toolbar.css +1 -1
- package/theme/ckeditor5-ui/components/tooltip/tooltip.css +1 -1
- package/theme/ckeditor5-ui/globals/_colors.css +1 -1
- package/theme/ckeditor5-ui/globals/_disabled.css +1 -1
- package/theme/ckeditor5-ui/globals/_focus.css +1 -1
- package/theme/ckeditor5-ui/globals/_fonts.css +1 -1
- package/theme/ckeditor5-ui/globals/_reset.css +1 -1
- package/theme/ckeditor5-ui/globals/_rounded.css +1 -1
- package/theme/ckeditor5-ui/globals/_shadow.css +1 -1
- package/theme/ckeditor5-ui/globals/_spacing.css +1 -1
- package/theme/ckeditor5-ui/globals/globals.css +1 -1
- package/theme/ckeditor5-ui/mixins/_button.css +1 -1
- package/theme/ckeditor5-widget/widget.css +1 -1
- package/theme/ckeditor5-widget/widgetresize.css +1 -1
- package/theme/ckeditor5-widget/widgettypearound.css +1 -1
- package/theme/mixins/_disabled.css +1 -1
- package/theme/mixins/_focus.css +1 -1
- package/theme/mixins/_rounded.css +1 -1
- package/theme/mixins/_shadow.css +1 -1
- package/theme/theme.css +1 -1
@@ -0,0 +1,67 @@
|
|
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 "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
|
7
|
+
|
8
|
+
:root {
|
9
|
+
--ck-image-insert-insert-by-url-width: 250px;
|
10
|
+
}
|
11
|
+
|
12
|
+
.ck.ck-image-insert-url {
|
13
|
+
--ck-input-width: 100%;
|
14
|
+
|
15
|
+
& .ck-image-insert-url__action-row {
|
16
|
+
grid-column-gap: var(--ck-spacing-large);
|
17
|
+
margin-top: var(--ck-spacing-large);
|
18
|
+
|
19
|
+
& .ck-button-save,
|
20
|
+
& .ck-button-cancel {
|
21
|
+
justify-content: center;
|
22
|
+
min-width: auto;
|
23
|
+
}
|
24
|
+
|
25
|
+
& .ck-button .ck-button__label {
|
26
|
+
color: var(--ck-color-text);
|
27
|
+
}
|
28
|
+
}
|
29
|
+
}
|
30
|
+
|
31
|
+
.ck.ck-image-insert-form {
|
32
|
+
& > .ck.ck-button {
|
33
|
+
display: block;
|
34
|
+
width: 100%;
|
35
|
+
padding: var(--ck-list-button-padding);
|
36
|
+
|
37
|
+
@mixin ck-dir ltr {
|
38
|
+
text-align: left;
|
39
|
+
}
|
40
|
+
|
41
|
+
@mixin ck-dir rtl {
|
42
|
+
text-align: right;
|
43
|
+
}
|
44
|
+
}
|
45
|
+
|
46
|
+
& > .ck.ck-collapsible {
|
47
|
+
&:not(:first-child) {
|
48
|
+
border-top: 1px solid var(--ck-color-base-border);
|
49
|
+
}
|
50
|
+
|
51
|
+
&:not(:last-child) {
|
52
|
+
border-bottom: 1px solid var(--ck-color-base-border);
|
53
|
+
}
|
54
|
+
|
55
|
+
min-width: var(--ck-image-insert-insert-by-url-width);
|
56
|
+
}
|
57
|
+
|
58
|
+
/* This is the case when there are no other integrations configured than insert by URL */
|
59
|
+
& > .ck.ck-image-insert-url {
|
60
|
+
min-width: var(--ck-image-insert-insert-by-url-width);
|
61
|
+
padding: var(--ck-spacing-large);
|
62
|
+
}
|
63
|
+
|
64
|
+
&:focus {
|
65
|
+
outline: none;
|
66
|
+
}
|
67
|
+
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* Copyright (c) 2003-
|
2
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
4
4
|
*/
|
5
5
|
|
@@ -11,7 +11,7 @@
|
|
11
11
|
& > .ck.ck-button {
|
12
12
|
width: 100%;
|
13
13
|
font-weight: bold;
|
14
|
-
padding: var(--ck-
|
14
|
+
padding: var(--ck-list-button-padding);
|
15
15
|
border-radius: 0;
|
16
16
|
color: inherit;
|
17
17
|
|
@@ -32,7 +32,7 @@
|
|
32
32
|
}
|
33
33
|
|
34
34
|
& > .ck-collapsible__children {
|
35
|
-
padding:
|
35
|
+
padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
|
36
36
|
}
|
37
37
|
|
38
38
|
&.ck-collapsible_collapsed {
|
@@ -0,0 +1,43 @@
|
|
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/_rounded.css";
|
7
|
+
@import "../../../mixins/_shadow.css";
|
8
|
+
@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
|
9
|
+
|
10
|
+
:root {
|
11
|
+
--ck-dialog-overlay-background-color: hsla( 0, 0%, 0%, .5 );
|
12
|
+
--ck-dialog-drop-shadow: 0px 0px 6px 2px hsl(0deg 0% 0% / 15%);
|
13
|
+
--ck-dialog-max-width: 100vw;
|
14
|
+
--ck-dialog-max-height: 90vh;
|
15
|
+
}
|
16
|
+
|
17
|
+
.ck.ck-dialog-overlay {
|
18
|
+
animation: ck-dialog-fade-in .3s;
|
19
|
+
background: var(--ck-dialog-overlay-background-color);
|
20
|
+
z-index: var(--ck-z-dialog);
|
21
|
+
}
|
22
|
+
|
23
|
+
.ck.ck-dialog {
|
24
|
+
@mixin ck-rounded-corners;
|
25
|
+
@mixin ck-drop-shadow;
|
26
|
+
|
27
|
+
--ck-drop-shadow: var(--ck-dialog-drop-shadow);
|
28
|
+
|
29
|
+
background: var(--ck-color-base-background);
|
30
|
+
max-height: var(--ck-dialog-max-height);
|
31
|
+
max-width: var(--ck-dialog-max-width);
|
32
|
+
border: 1px solid var(--ck-color-base-border);
|
33
|
+
}
|
34
|
+
|
35
|
+
@keyframes ck-dialog-fade-in {
|
36
|
+
0% {
|
37
|
+
background: hsla( 0, 0%, 0%, 0 );
|
38
|
+
}
|
39
|
+
|
40
|
+
100% {
|
41
|
+
background: var(--ck-dialog-overlay-background-color);
|
42
|
+
}
|
43
|
+
}
|
@@ -0,0 +1,14 @@
|
|
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
|
+
.ck.ck-dialog {
|
7
|
+
& .ck.ck-dialog__actions {
|
8
|
+
padding: var(--ck-spacing-large);
|
9
|
+
|
10
|
+
& > * + * {
|
11
|
+
margin-left: var(--ck-spacing-large);
|
12
|
+
}
|
13
|
+
}
|
14
|
+
}
|
@@ -1,12 +1,12 @@
|
|
1
1
|
/*
|
2
|
-
* Copyright (c) 2003-
|
2
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
4
4
|
*/
|
5
5
|
|
6
6
|
@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
|
7
7
|
|
8
8
|
:root {
|
9
|
-
--ck-form-header-height:
|
9
|
+
--ck-form-header-height: 44px;
|
10
10
|
}
|
11
11
|
|
12
12
|
.ck.ck-form__header {
|
@@ -15,7 +15,7 @@
|
|
15
15
|
line-height: var(--ck-form-header-height);
|
16
16
|
border-bottom: 1px solid var(--ck-color-base-border);
|
17
17
|
|
18
|
-
& .ck-icon {
|
18
|
+
& > .ck-icon {
|
19
19
|
@mixin ck-dir ltr {
|
20
20
|
margin-right: var(--ck-spacing-medium);
|
21
21
|
}
|
@@ -26,6 +26,7 @@
|
|
26
26
|
}
|
27
27
|
|
28
28
|
& .ck-form__header__label {
|
29
|
+
--ck-font-size-base: 15px;
|
29
30
|
font-weight: bold;
|
30
31
|
}
|
31
32
|
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* Copyright (c) 2003-
|
2
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
4
4
|
*/
|
5
5
|
|
@@ -87,7 +87,7 @@
|
|
87
87
|
|
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
|
-
&.ck-disabled.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
|
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
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 {
|
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);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* Copyright (c) 2003-
|
2
|
+
* Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
|
3
3
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
4
4
|
*/
|
5
5
|
|
@@ -8,6 +8,12 @@
|
|
8
8
|
@import "../../../mixins/_shadow.css";
|
9
9
|
@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
|
10
10
|
|
11
|
+
:root {
|
12
|
+
--ck-list-button-padding:
|
13
|
+
calc(.2 * var(--ck-line-height-base) * var(--ck-font-size-base))
|
14
|
+
calc(.4 * var(--ck-line-height-base) * var(--ck-font-size-base));
|
15
|
+
}
|
16
|
+
|
11
17
|
.ck.ck-list {
|
12
18
|
@mixin ck-rounded-corners;
|
13
19
|
|
@@ -35,9 +41,7 @@
|
|
35
41
|
/* List items should have the same height. Use absolute units to make sure it is so
|
36
42
|
because e.g. different heading styles may have different height
|
37
43
|
https://github.com/ckeditor/ckeditor5-heading/issues/63 */
|
38
|
-
padding:
|
39
|
-
calc(.2 * var(--ck-line-height-base) * var(--ck-font-size-base))
|
40
|
-
calc(.4 * var(--ck-line-height-base) * var(--ck-font-size-base));
|
44
|
+
padding: var(--ck-list-button-padding);
|
41
45
|
|
42
46
|
& .ck-button__label {
|
43
47
|
/* https://github.com/ckeditor/ckeditor5-heading/issues/63 */
|