@ckeditor/ckeditor5-theme-lark 40.2.0 → 41.1.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 (90) hide show
  1. package/CHANGELOG.md +10 -10
  2. package/LICENSE.md +1 -1
  3. package/package.json +2 -2
  4. package/theme/ckeditor5-clipboard/clipboard.css +1 -1
  5. package/theme/ckeditor5-code-block/codeblock.css +1 -1
  6. package/theme/ckeditor5-editor-classic/classiceditor.css +1 -1
  7. package/theme/ckeditor5-engine/placeholder.css +1 -1
  8. package/theme/ckeditor5-find-and-replace/findandreplaceform.css +99 -74
  9. package/theme/ckeditor5-heading/heading.css +1 -1
  10. package/theme/ckeditor5-horizontal-line/horizontalline.css +1 -1
  11. package/theme/ckeditor5-html-embed/htmlembed.css +1 -1
  12. package/theme/ckeditor5-image/imageinsert.css +1 -1
  13. package/theme/ckeditor5-image/imageupload.css +1 -1
  14. package/theme/ckeditor5-image/imageuploadicon.css +1 -1
  15. package/theme/ckeditor5-image/imageuploadloader.css +1 -1
  16. package/theme/ckeditor5-image/imageuploadprogress.css +1 -1
  17. package/theme/ckeditor5-link/link.css +1 -1
  18. package/theme/ckeditor5-link/linkactions.css +1 -1
  19. package/theme/ckeditor5-link/linkform.css +1 -1
  20. package/theme/ckeditor5-link/linkimage.css +1 -1
  21. package/theme/ckeditor5-list/listproperties.css +1 -1
  22. package/theme/ckeditor5-list/liststyles.css +1 -1
  23. package/theme/ckeditor5-media-embed/mediaembedediting.css +1 -1
  24. package/theme/ckeditor5-mention/mention.css +1 -1
  25. package/theme/ckeditor5-restricted-editing/restrictedediting.css +1 -1
  26. package/theme/ckeditor5-special-characters/charactergrid.css +1 -1
  27. package/theme/ckeditor5-special-characters/characterinfo.css +1 -1
  28. package/theme/ckeditor5-special-characters/specialcharacters.css +1 -1
  29. package/theme/ckeditor5-style/style.css +1 -1
  30. package/theme/ckeditor5-style/stylegrid.css +1 -1
  31. package/theme/ckeditor5-style/stylegroup.css +1 -1
  32. package/theme/ckeditor5-style/stylepanel.css +1 -1
  33. package/theme/ckeditor5-table/colorinput.css +1 -1
  34. package/theme/ckeditor5-table/form.css +1 -1
  35. package/theme/ckeditor5-table/formrow.css +1 -1
  36. package/theme/ckeditor5-table/inserttable.css +1 -1
  37. package/theme/ckeditor5-table/tablecellproperties.css +1 -1
  38. package/theme/ckeditor5-table/tableediting.css +1 -1
  39. package/theme/ckeditor5-table/tableform.css +1 -1
  40. package/theme/ckeditor5-table/tableproperties.css +1 -1
  41. package/theme/ckeditor5-table/tableselection.css +1 -1
  42. package/theme/ckeditor5-ui/components/autocomplete/autocomplete.css +1 -1
  43. package/theme/ckeditor5-ui/components/button/button.css +1 -1
  44. package/theme/ckeditor5-ui/components/button/switchbutton.css +1 -1
  45. package/theme/ckeditor5-ui/components/collapsible/collapsible.css +1 -1
  46. package/theme/ckeditor5-ui/components/colorgrid/colorgrid.css +1 -1
  47. package/theme/ckeditor5-ui/components/colorselector/colorselector.css +1 -1
  48. package/theme/ckeditor5-ui/components/dialog/dialog.css +49 -0
  49. package/theme/ckeditor5-ui/components/dialog/dialogactions.css +14 -0
  50. package/theme/ckeditor5-ui/components/dropdown/dropdown.css +1 -1
  51. package/theme/ckeditor5-ui/components/dropdown/listdropdown.css +1 -1
  52. package/theme/ckeditor5-ui/components/dropdown/splitbutton.css +1 -1
  53. package/theme/ckeditor5-ui/components/dropdown/toolbardropdown.css +1 -1
  54. package/theme/ckeditor5-ui/components/editorui/editorui.css +1 -1
  55. package/theme/ckeditor5-ui/components/formheader/formheader.css +4 -3
  56. package/theme/ckeditor5-ui/components/icon/icon.css +1 -1
  57. package/theme/ckeditor5-ui/components/input/input.css +1 -1
  58. package/theme/ckeditor5-ui/components/label/label.css +1 -1
  59. package/theme/ckeditor5-ui/components/labeledfield/labeledfieldview.css +1 -1
  60. package/theme/ckeditor5-ui/components/labeledinput/labeledinput.css +1 -1
  61. package/theme/ckeditor5-ui/components/list/list.css +1 -1
  62. package/theme/ckeditor5-ui/components/panel/balloonpanel.css +1 -1
  63. package/theme/ckeditor5-ui/components/panel/balloonrotator.css +1 -1
  64. package/theme/ckeditor5-ui/components/panel/fakepanel.css +1 -1
  65. package/theme/ckeditor5-ui/components/panel/stickypanel.css +1 -1
  66. package/theme/ckeditor5-ui/components/responsive-form/responsiveform.css +1 -1
  67. package/theme/ckeditor5-ui/components/search/search.css +1 -1
  68. package/theme/ckeditor5-ui/components/spinner/spinner.css +1 -1
  69. package/theme/ckeditor5-ui/components/textarea/textarea.css +1 -1
  70. package/theme/ckeditor5-ui/components/toolbar/blocktoolbar.css +1 -1
  71. package/theme/ckeditor5-ui/components/toolbar/toolbar.css +1 -1
  72. package/theme/ckeditor5-ui/components/tooltip/tooltip.css +1 -1
  73. package/theme/ckeditor5-ui/globals/_colors.css +6 -1
  74. package/theme/ckeditor5-ui/globals/_disabled.css +1 -1
  75. package/theme/ckeditor5-ui/globals/_focus.css +1 -1
  76. package/theme/ckeditor5-ui/globals/_fonts.css +1 -1
  77. package/theme/ckeditor5-ui/globals/_reset.css +1 -1
  78. package/theme/ckeditor5-ui/globals/_rounded.css +1 -1
  79. package/theme/ckeditor5-ui/globals/_shadow.css +1 -1
  80. package/theme/ckeditor5-ui/globals/_spacing.css +1 -1
  81. package/theme/ckeditor5-ui/globals/globals.css +1 -1
  82. package/theme/ckeditor5-ui/mixins/_button.css +1 -1
  83. package/theme/ckeditor5-widget/widget.css +1 -1
  84. package/theme/ckeditor5-widget/widgetresize.css +1 -1
  85. package/theme/ckeditor5-widget/widgettypearound.css +1 -1
  86. package/theme/mixins/_disabled.css +1 -1
  87. package/theme/mixins/_focus.css +1 -1
  88. package/theme/mixins/_rounded.css +1 -1
  89. package/theme/mixins/_shadow.css +1 -1
  90. package/theme/theme.css +1 -1
package/CHANGELOG.md CHANGED
@@ -9,15 +9,15 @@ Changes for the past releases are available below.
9
9
 
10
10
  ### Bug fixes
11
11
 
12
- * The selected widget's outline should be visible when the editor is read-only. Closes [ckeditor/ckeditor5#6415](https://github.com/ckeditor/ckeditor5/issues/6415). ([bb03e9a](https://github.com/ckeditor/ckeditor5-theme-lark/commit/bb03e9a))
12
+ * The outline of the selected widget should be visible when the editor is read-only. Closes [ckeditor/ckeditor5#6415](https://github.com/ckeditor/ckeditor5/issues/6415). ([bb03e9a](https://github.com/ckeditor/ckeditor5-theme-lark/commit/bb03e9a))
13
13
 
14
14
  ### Other changes
15
15
 
16
- * Added a missing file for the `FormHeaderView` styles and removed duplicated styles for `SpecialCharactersNavigation` inherited from the the `FormHeaderView` component. Closes [ckeditor/ckeditor5#6586](https://github.com/ckeditor/ckeditor5/issues/6586). ([06f6ca5](https://github.com/ckeditor/ckeditor5-theme-lark/commit/06f6ca5))
16
+ * Added a missing file for the `FormHeaderView` styles and removed duplicated styles for `SpecialCharactersNavigation` inherited from the `FormHeaderView` component. Closes [ckeditor/ckeditor5#6586](https://github.com/ckeditor/ckeditor5/issues/6586). ([06f6ca5](https://github.com/ckeditor/ckeditor5-theme-lark/commit/06f6ca5))
17
17
  * Align code to the changes in ckeditor5-ui API. See [ckeditor/ckeditor5#6110](https://github.com/ckeditor/ckeditor5/issues/6110). ([7df8dec](https://github.com/ckeditor/ckeditor5-theme-lark/commit/7df8dec))
18
18
  * Changed styles of SpecialCharacters and Dropdown to match FormHeaderView component styles. See [ckeditor/ckeditor5#6109](https://github.com/ckeditor/ckeditor5/issues/6109). ([ceeb767](https://github.com/ckeditor/ckeditor5-theme-lark/commit/ceeb767))
19
19
  * Introduced the table cell overlay to improve the rendering of multiple–cell selections and bring compatibility with styled table cells. Closes [ckeditor/ckeditor5#6446](https://github.com/ckeditor/ckeditor5/issues/6446). ([6a1c7b9](https://github.com/ckeditor/ckeditor5-theme-lark/commit/6a1c7b9))
20
- * The selection inside the `InlineEditableUIView` should be grey when the editor is blurred. Closes [ckeditor/ckeditor5#6517](https://github.com/ckeditor/ckeditor5/issues/6517). ([8ad92eb](https://github.com/ckeditor/ckeditor5-theme-lark/commit/8ad92eb))
20
+ * The selection inside the `InlineEditableUIView` should be gray when the editor is blurred. Closes [ckeditor/ckeditor5#6517](https://github.com/ckeditor/ckeditor5/issues/6517). ([8ad92eb](https://github.com/ckeditor/ckeditor5-theme-lark/commit/8ad92eb))
21
21
 
22
22
 
23
23
  ## [18.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v17.0.0...v18.0.0) (March 19, 2020)
@@ -50,7 +50,7 @@ Changes for the past releases are available below.
50
50
 
51
51
  ### Bug fixes
52
52
 
53
- * Removed `ck-` prefix from the restricted editing's CSS classes used in the editor content. Closes [ckeditor/ckeditor5#5899](https://github.com/ckeditor/ckeditor5/issues/5899). ([599f16e](https://github.com/ckeditor/ckeditor5-theme-lark/commit/599f16e))
53
+ * Removed the `ck-` prefix from the restricted editing CSS classes used in the editor content. Closes [ckeditor/ckeditor5#5899](https://github.com/ckeditor/ckeditor5/issues/5899). ([599f16e](https://github.com/ckeditor/ckeditor5-theme-lark/commit/599f16e))
54
54
 
55
55
  ### Other changes
56
56
 
@@ -71,7 +71,7 @@ Changes for the past releases are available below.
71
71
 
72
72
  ### Bug fixes
73
73
 
74
- * Enabled additional box-shadow on `.ck-button` to meet WCAG AA recommendations. Adjusted the color of the `--ck-color-focus-border` for the same reason (editables, widget selection, etc.). Closes [ckeditor/ckeditor5#5580](https://github.com/ckeditor/ckeditor5/issues/5580). ([0fe1500](https://github.com/ckeditor/ckeditor5-theme-lark/commit/0fe1500))
74
+ * Enabled additional box shadow on `.ck-button` to meet WCAG AA recommendations. Adjusted the color of the `--ck-color-focus-border` for the same reason (editable elements, widget selection, etc.). Closes [ckeditor/ckeditor5#5580](https://github.com/ckeditor/ckeditor5/issues/5580). ([0fe1500](https://github.com/ckeditor/ckeditor5-theme-lark/commit/0fe1500))
75
75
 
76
76
  Also:
77
77
  * Optimized the color of a grid component for WCAG AA.
@@ -83,7 +83,7 @@ Changes for the past releases are available below.
83
83
 
84
84
  ### Bug fixes
85
85
 
86
- * To-do list styles should meet WCAG contrast standards and work with other editor features (e.g. font size). Closes [ckeditor/ckeditor5-list#146](https://github.com/ckeditor/ckeditor5-list/issues/146). Closes [ckeditor/ckeditor5-list#136](https://github.com/ckeditor/ckeditor5-list/issues/136). ([0d4a5e2](https://github.com/ckeditor/ckeditor5-theme-lark/commit/0d4a5e2))
86
+ * To-do list styles should meet WCAG contrast standards and work with other editor features (like font size). Closes [ckeditor/ckeditor5-list#146](https://github.com/ckeditor/ckeditor5-list/issues/146). Closes [ckeditor/ckeditor5-list#136](https://github.com/ckeditor/ckeditor5-list/issues/136). ([0d4a5e2](https://github.com/ckeditor/ckeditor5-theme-lark/commit/0d4a5e2))
87
87
 
88
88
  Also moved some to-do list styles from `@ckeditor/ckeditor5-list` (code refactoring).
89
89
 
@@ -117,7 +117,7 @@ Internal changes only (updated dependencies, documentation, etc.).
117
117
 
118
118
  ### Bug fixes
119
119
 
120
- * Background of splitbutton will not be highlighted on hover in read-only mode. Closes [ckeditor/ckeditor5#943](https://github.com/ckeditor/ckeditor5/issues/943). ([0579997](https://github.com/ckeditor/ckeditor5-theme-lark/commit/0579997))
120
+ * Background of split button will not be highlighted on hover in read-only mode. Closes [ckeditor/ckeditor5#943](https://github.com/ckeditor/ckeditor5/issues/943). ([0579997](https://github.com/ckeditor/ckeditor5-theme-lark/commit/0579997))
121
121
  * Tooltips should not render blurry in LoDPI environments. Closes [ckeditor/ckeditor5#1802](https://github.com/ckeditor/ckeditor5/issues/1802). ([53d7ca3](https://github.com/ckeditor/ckeditor5-theme-lark/commit/53d7ca3))
122
122
 
123
123
 
@@ -315,13 +315,13 @@ Internal changes only (updated dependencies, documentation, etc.).
315
315
 
316
316
  ### Other changes
317
317
 
318
- * Adjusted the `border-radius` of the various UI components (drop-down, dropdown panel, list drop-down, and split button) for a better look when placed next to one another. Closes [ckeditor/ckeditor5#816](https://github.com/ckeditor/ckeditor5/issues/816). ([d81568d](https://github.com/ckeditor/ckeditor5-theme-lark/commit/d81568d))
319
- * All colors in the styles should be in the HSLa format. Closes [#124](https://github.com/ckeditor/ckeditor5-theme-lark/issues/124). ([33c7e0d](https://github.com/ckeditor/ckeditor5-theme-lark/commit/33c7e0d))
318
+ * Adjusted the `border-radius` of the various UI components (dropdown, dropdown panel, list dropdown, and split button) for a better look when placed next to one another. Closes [ckeditor/ckeditor5#816](https://github.com/ckeditor/ckeditor5/issues/816). ([d81568d](https://github.com/ckeditor/ckeditor5-theme-lark/commit/d81568d))
319
+ * All colors in the styles should be in the HSLA format. Closes [#124](https://github.com/ckeditor/ckeditor5-theme-lark/issues/124). ([33c7e0d](https://github.com/ckeditor/ckeditor5-theme-lark/commit/33c7e0d))
320
320
  * Enlarged background in `.ck-link_selected`. Closes [#155](https://github.com/ckeditor/ckeditor5-theme-lark/issues/155). ([a7f1925](https://github.com/ckeditor/ckeditor5-theme-lark/commit/a7f1925))
321
321
  * Fixed the coloring issue with the multi-color icons. Additionally, moved the visual `.ck-icon` styles from `ckeditor5-ui`. Closes [#148](https://github.com/ckeditor/ckeditor5-theme-lark/issues/148). ([fbe7e7d](https://github.com/ckeditor/ckeditor5-theme-lark/commit/fbe7e7d))
322
322
  * Improved the visual styles of the split button when hovered or open. Closes [[#134](https://github.com/ckeditor/ckeditor5-theme-lark/issues/134)](https://github.com/ckeditor/ckeditor5-theme-lark/issues/134). ([6db332e](https://github.com/ckeditor/ckeditor5-theme-lark/commit/6db332e))
323
323
  * Increased the spacing in the toolbar by making the buttons bigger. Unified rendering of several components. Closes [ckeditor/ckeditor5#820](https://github.com/ckeditor/ckeditor5/issues/820). ([f223d6a](https://github.com/ckeditor/ckeditor5-theme-lark/commit/f223d6a))
324
- * Manual tests should be aligned to the newest dropdown API ([ckeditor/ckeditor5-ui#356](https://github.com/ckeditor/ckeditor5-ui/issues/356)). Minor refactoring in the drop-down ecosystem. Closes [#129](https://github.com/ckeditor/ckeditor5-theme-lark/issues/129). ([553288a](https://github.com/ckeditor/ckeditor5-theme-lark/commit/553288a))
324
+ * Manual tests should be aligned to the newest dropdown API ([ckeditor/ckeditor5-ui#356](https://github.com/ckeditor/ckeditor5-ui/issues/356)). Minor refactoring in the dropdown ecosystem. Closes [#129](https://github.com/ckeditor/ckeditor5-theme-lark/issues/129). ([553288a](https://github.com/ckeditor/ckeditor5-theme-lark/commit/553288a))
325
325
  * Migrated the theme from SASS to PostCSS (see [ckeditor/ckeditor5-ui#144](https://github.com/ckeditor/ckeditor5-ui/issues/144)). ([efc6004](https://github.com/ckeditor/ckeditor5-theme-lark/commit/efc6004))
326
326
  * Moved ck-button-icon mixin to ckeditor5-ui. ([f086062](https://github.com/ckeditor/ckeditor5-theme-lark/commit/f086062))
327
327
  * Reduced the contrast of the shadow under various floating elements. Closes [ckeditor/ckeditor5#818](https://github.com/ckeditor/ckeditor5/issues/818). ([cf658d5](https://github.com/ckeditor/ckeditor5-theme-lark/commit/cf658d5))
package/LICENSE.md CHANGED
@@ -2,7 +2,7 @@ Software License Agreement
2
2
  ==========================
3
3
 
4
4
  **CKEditor&nbsp;5 lark theme** – https://github.com/ckeditor/ckeditor5-theme-lark <br>
5
- Copyright (c) 2003–2023, [CKSource Holding sp. z o.o.](https://cksource.com) All rights reserved.
5
+ Copyright (c) 2003–2024, [CKSource Holding sp. z o.o.](https://cksource.com) All rights reserved.
6
6
 
7
7
  Licensed under the terms of [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html).
8
8
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ckeditor/ckeditor5-theme-lark",
3
- "version": "40.2.0",
3
+ "version": "41.1.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": "40.2.0"
12
+ "@ckeditor/ckeditor5-ui": "41.1.0"
13
13
  },
14
14
  "author": "CKSource (http://cksource.com/)",
15
15
  "license": "GPL-2.0-or-later",
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -17,14 +17,16 @@
17
17
  outline: none;
18
18
  }
19
19
 
20
- & fieldset {
20
+ /* Generic styles for the form inputs and actions. */
21
+ & .ck-find-and-replace-form__inputs,
22
+ & .ck-find-and-replace-form__actions {
23
+ flex: 1 1 auto;
21
24
  flex-direction: row;
22
- flex-wrap: nowrap;
25
+ flex-wrap: wrap;
23
26
  align-items: center;
24
27
  align-content: stretch;
25
28
 
26
29
  padding: var(--ck-spacing-large);
27
- border: 0;
28
30
  margin: 0;
29
31
 
30
32
  & > .ck-button {
@@ -52,114 +54,137 @@
52
54
  }
53
55
  }
54
56
 
55
- /* The find fieldset */
56
- &.ck-find-and-replace-form__find {
57
- /* To display all controls in line when there's an error under the input */
58
- align-items: flex-start;
57
+ }
59
58
 
60
- & > .ck-button-find {
61
- font-weight: bold;
59
+ /* Styles specific for inputs area. */
60
+ & .ck-find-and-replace-form__inputs {
61
+ /* To display all controls in line when there's an error under the input */
62
+ align-items: flex-start;
62
63
 
63
- /* Beef the find button up a little. It's the main action button in the form */
64
- & .ck-button__label {
65
- padding-left: var(--ck-spacing-large);
66
- padding-right: var(--ck-spacing-large);
67
- }
68
- }
64
+ & > .ck-button-prev > .ck-icon {
65
+ transform: rotate(90deg);
66
+ }
69
67
 
70
- & > .ck-button-prev > .ck-icon {
71
- transform: rotate(90deg);
68
+ & > .ck-button-next > .ck-icon {
69
+ transform: rotate(-90deg);
70
+ }
71
+
72
+ & .ck-results-counter {
73
+ top: 50%;
74
+ transform: translateY(-50%);
75
+
76
+ @mixin ck-dir ltr {
77
+ right: var(--ck-spacing-standard);
72
78
  }
73
79
 
74
- & > .ck-button-next > .ck-icon {
75
- transform: rotate(-90deg);
80
+ @mixin ck-dir rtl {
81
+ left: var(--ck-spacing-standard);
76
82
  }
77
83
 
78
- & .ck-results-counter {
79
- top: 50%;
80
- transform: translateY(-50%);
84
+ color: var(--ck-color-base-border);
85
+ }
81
86
 
82
- @mixin ck-dir ltr {
83
- right: var(--ck-spacing-standard);
84
- }
87
+ & > .ck-labeled-field-replace {
88
+ flex: 0 0 100%;
89
+ padding-top: var(--ck-spacing-standard);
85
90
 
86
- @mixin ck-dir rtl {
87
- left: var(--ck-spacing-standard);
88
- }
91
+ @mixin ck-dir ltr {
92
+ margin-left: 0;
93
+ }
89
94
 
90
- color: var(--ck-color-base-border);
95
+ @mixin ck-dir rtl {
96
+ margin-right: 0;
91
97
  }
92
98
  }
99
+ }
93
100
 
94
- /* The replace fieldset */
95
- &.ck-find-and-replace-form__replace {
96
- flex-wrap: wrap;
97
- justify-content: flex-end;
98
- margin-top: calc( -1 * var(--ck-spacing-large) );
101
+ /* Styles specific for actions area. */
102
+ & .ck-find-and-replace-form__actions {
103
+ flex-wrap: wrap;
104
+ justify-content: flex-end;
105
+ margin-top: calc( -1 * var(--ck-spacing-large) );
99
106
 
100
- & > .ck-labeled-field-view {
101
- margin-bottom: var(--ck-spacing-large);
102
- }
107
+ & > .ck-button-find {
108
+ font-weight: bold;
103
109
 
104
- & > .ck-options-dropdown {
105
- margin-right: auto;
106
- margin-left: 0;
107
- }
108
-
109
- & > .ck-labeled-field-view,
110
- & > .ck-labeled-field-view .ck-input {
111
- width: 100%;
110
+ /* Beef the find button up a little. It's the main action button in the form */
111
+ & .ck-button__label {
112
+ padding-left: var(--ck-spacing-large);
113
+ padding-right: var(--ck-spacing-large);
112
114
  }
113
115
  }
114
116
  }
117
+
118
+ & .ck-switchbutton {
119
+ width: 100%;
120
+ display: flex;
121
+ flex-direction: row;
122
+ flex-wrap: nowrap;
123
+ justify-content: space-between;
124
+ align-items: center;
125
+ }
115
126
  }
116
127
 
117
128
  @mixin ck-media-phone {
118
129
  .ck.ck-find-and-replace-form {
119
130
  width: 300px;
120
131
 
121
- & fieldset {
132
+ /* Don't let the form overflow from the dialog (https://github.com/cksource/ckeditor5-commercial/issues/5913) */
133
+ max-width: 100%;
134
+
135
+ /* Styles specific for inputs area. */
136
+ &.ck-find-and-replace-form__input {
122
137
  flex-wrap: wrap;
123
138
 
124
- /* The find fieldset */
125
- &.ck-find-and-replace-form__find {
126
- & .ck-labeled-field-view {
127
- flex: 1 0 auto;
128
- width: 100%;
129
- margin-bottom: var(--ck-spacing-standard);
130
- }
139
+ & .ck-labeled-field-view {
140
+ flex: 1 0 auto;
141
+ width: 100%;
142
+ margin-bottom: var(--ck-spacing-standard);
143
+ }
131
144
 
132
- & > .ck-button {
133
- text-align: center;
145
+ & > .ck-button {
146
+ text-align: center;
134
147
 
135
- &:first-of-type {
136
- flex: 1 1 auto;
148
+ &:first-of-type {
149
+ flex: 1 1 auto;
137
150
 
138
- @mixin ck-dir ltr {
139
- margin-left: 0;
140
- }
151
+ @mixin ck-dir ltr {
152
+ margin-left: 0;
153
+ }
141
154
 
142
- @mixin ck-dir rtl {
143
- margin-right: 0;
144
- }
155
+ @mixin ck-dir rtl {
156
+ margin-right: 0;
157
+ }
145
158
 
146
- & .ck-button__label {
147
- width: 100%;
148
- text-align: center;
149
- }
159
+ & .ck-button__label {
160
+ width: 100%;
161
+ text-align: center;
150
162
  }
151
163
  }
152
164
  }
165
+ }
166
+
167
+ /* Styles specific for actions area. */
168
+ &.ck-find-and-replace-form__actions > :not(.ck-labeled-field-view) {
169
+ flex-wrap: wrap;
170
+ flex: 1 1 auto;
153
171
 
154
- /* The replace fieldset */
155
- &.ck-find-and-replace-form__replace > :not(.ck-labeled-field-view) {
156
- flex: 1 1 auto;
172
+ & > .ck-button {
173
+ text-align: center;
157
174
 
158
- &.ck-dropdown {
159
- flex-grow: 0;
175
+ &:first-of-type {
176
+ flex: 1 1 auto;
177
+
178
+ @mixin ck-dir ltr {
179
+ margin-left: 0;
180
+ }
181
+
182
+ @mixin ck-dir rtl {
183
+ margin-right: 0;
184
+ }
160
185
  }
161
186
 
162
- &.ck-button > .ck-button__label {
187
+ & .ck-button__label {
163
188
  width: 100%;
164
189
  text-align: center;
165
190
  }
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,4 +1,4 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
  */
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
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