@ckeditor/ckeditor5-theme-lark 40.1.0 → 40.2.0

package/CHANGELOG.md

@@ -5,7 +5,7 @@ All changes in the package are documented in the main repository. See: https://g
 
 Changes for the past releases are available below.
 
-## [19.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v18.0.0...v19.0.0) (2020-04-29)
+## [19.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v18.0.0...v19.0.0) (April 29, 2020)
 
 ### Bug fixes
 
@@ -20,7 +20,7 @@ Changes for the past releases are available below.
 * 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))
 
 
-## [18.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v17.0.0...v18.0.0) (2020-03-19)
+## [18.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v17.0.0...v18.0.0) (March 19, 2020)
 
 ### Features
 
@@ -33,7 +33,7 @@ Changes for the past releases are available below.
 * Pointer inside a restricted editing exception should be set to text for all the children. Closes [ckeditor/ckeditor5#6272](https://github.com/ckeditor/ckeditor5/issues/6272). ([a20d13b](https://github.com/ckeditor/ckeditor5-theme-lark/commit/a20d13b))
 
 
-## [17.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v16.0.0...v17.0.0) (2020-02-19)
+## [17.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v16.0.0...v17.0.0) (February 19, 2020)
 
 ### MAJOR BREAKING CHANGES
 
@@ -58,7 +58,7 @@ Changes for the past releases are available below.
 * Set default cursor in restricted editing mode while restricted editing exceptions still have text cursor when you hover over them. Closes [ckeditor/ckeditor5#5992](https://github.com/ckeditor/ckeditor5/issues/5992). ([2602ab4](https://github.com/ckeditor/ckeditor5-theme-lark/commit/2602ab4))
 
 
-## [16.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v15.0.0...v16.0.0) (2019-12-04)
+## [16.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v15.0.0...v16.0.0) (December 4, 2019)
 
 ### MAJOR BREAKING CHANGES
 
@@ -79,7 +79,7 @@ Changes for the past releases are available below.
      * Improved the table UI contrast and accessibility.
 
 
-## [15.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v14.2.0...v15.0.0) (2019-10-23)
+## [15.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v14.2.0...v15.0.0) (October 23, 2019)
 
 ### Bug fixes
 
@@ -92,7 +92,7 @@ Changes for the past releases are available below.
 * Adjusted toolbar styles to allow automatic items grouping (see [ckeditor/ckeditor5#416](https://github.com/ckeditor/ckeditor5/issues/416)). ([e73b50d](https://github.com/ckeditor/ckeditor5-theme-lark/commit/e73b50d))
 
 
-## [14.2.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v14.1.1...v14.2.0) (2019-08-26)
+## [14.2.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v14.1.1...v14.2.0) (August 26, 2019)
 
 ### Features
 
@@ -104,12 +104,12 @@ Changes for the past releases are available below.
 * The `.ck-progress-bar` styles should not be under with `.ck-content`. Additionally removed two unused custom properties: `--ck-color-upload-infinite-background` and `--ck-image-upload-progress-line-width`. Closes https://github.com/ckeditor/ckeditor5-theme-lark/issues/239. Closes https://github.com/ckeditor/ckeditor5/issues/1915. ([cb92793](https://github.com/ckeditor/ckeditor5-theme-lark/commit/cb92793))
 
 
-## [14.1.1](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v14.1.0...v14.1.1) (2019-07-10)
+## [14.1.1](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v14.1.0...v14.1.1) (July 10, 2019)
 
 Internal changes only (updated dependencies, documentation, etc.).
 
 
-## [14.1.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v14.0.0...v14.1.0) (2019-07-04)
+## [14.1.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v14.0.0...v14.1.0) (July 4, 2019)
 
 ### Features
 
@@ -121,7 +121,7 @@ Internal changes only (updated dependencies, documentation, etc.).
 * 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))
 
 
-## [14.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v13.0.1...v14.0.0) (2019-06-05)
+## [14.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v13.0.1...v14.0.0) (June 6, 2019)
 
 ### Features
 
@@ -141,12 +141,12 @@ Internal changes only (updated dependencies, documentation, etc.).
 * The `_rwd.css` mixin was moved to `@ckeditor/ckeditor5-ui`.
 
 
-## [13.0.1](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v13.0.0...v13.0.1) (2019-04-10)
+## [13.0.1](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v13.0.0...v13.0.1) (April 4, 2019)
 
 Internal changes only (updated dependencies, documentation, etc.).
 
 
-## [13.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v12.0.0...v13.0.0) (2019-02-28)
+## [13.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v12.0.0...v13.0.0) (February 28, 2019)
 
 ### Features
 
@@ -163,7 +163,7 @@ Internal changes only (updated dependencies, documentation, etc.).
 * Upgraded minimal versions of Node to `8.0.0` and npm to `5.7.1`. See: [ckeditor/ckeditor5#1507](https://github.com/ckeditor/ckeditor5/issues/1507). ([612ea3c](https://github.com/ckeditor/ckeditor5-cloud-services/commit/612ea3c))
 
 
-## [12.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v11.1.0...v12.0.0) (2018-12-05)
+## [12.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v11.1.0...v12.0.0) (December 5, 2018)
 
 ### Features
 
@@ -187,7 +187,7 @@ Internal changes only (updated dependencies, documentation, etc.).
 * The `.ck-labeled-input__error` class has been replaced with `.ck-labeled-input__status_error`.
 
 
-## [11.1.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v11.0.0...v11.1.0) (2018-10-08)
+## [11.1.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v11.0.0...v11.1.0) (October 8, 2018)
 
 ### Features
 
@@ -203,7 +203,7 @@ Internal changes only (updated dependencies, documentation, etc.).
 * Added a subtle shake animation to the .ck-input-text when it gets an error. Closes [#198](https://github.com/ckeditor/ckeditor5-theme-lark/issues/198). ([f84102b](https://github.com/ckeditor/ckeditor5-theme-lark/commit/f84102b))
 
 
-## [11.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v10.1.0...v11.0.0) (2018-07-18)
+## [11.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v10.1.0...v11.0.0) (July 18, 2018)
 
 ### Features
 
@@ -238,7 +238,7 @@ Internal changes only (updated dependencies, documentation, etc.).
 * Several `--ck-color-widget-*` custom properties have been renamed to match the project's naming standards.
 
 
-## [10.1.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v10.0.0...v10.1.0) (2018-06-21)
+## [10.1.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v10.0.0...v10.1.0) (June 21, 2018)
 
 ### Features
 
@@ -256,7 +256,7 @@ Internal changes only (updated dependencies, documentation, etc.).
 * Introduced disabled styles of a list item (see [ckeditor/ckeditor5-ui#389](https://github.com/ckeditor/ckeditor5-ui/issues/389)). ([b4a069c](https://github.com/ckeditor/ckeditor5-theme-lark/commit/b4a069c))
 
 
-## [10.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v1.0.0-beta.4...v10.0.0) (2018-04-25)
+## [10.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v1.0.0-beta.4...v10.0.0) (April 25, 2018)
 
 ### Other changes
 
@@ -267,12 +267,12 @@ Internal changes only (updated dependencies, documentation, etc.).
 * The license under which CKEditor 5 is released has been changed from a triple GPL, LGPL and MPL license to a GPL2+ only. See [ckeditor/ckeditor5#991](https://github.com/ckeditor/ckeditor5/issues/991) for more information.
 
 
-## [1.0.0-beta.4](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v1.0.0-beta.2...v1.0.0-beta.4) (2018-04-19)
+## [1.0.0-beta.4](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v1.0.0-beta.2...v1.0.0-beta.4) (April 19, 2018)
 
 Internal changes only (updated dependencies, documentation, etc.).
 
 
-## [1.0.0-beta.2](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v1.0.0-beta.1...v1.0.0-beta.2) (2018-04-10)
+## [1.0.0-beta.2](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v1.0.0-beta.1...v1.0.0-beta.2) (April 10, 2018)
 
 ### Features
 
@@ -290,7 +290,7 @@ Internal changes only (updated dependencies, documentation, etc.).
 * Updated the classic editor and the editorui styles to the latest nested editable CSS class naming convention (see [ckeditor/ckeditor5#578](https://github.com/ckeditor/ckeditor5/issues/578)). ([508db7c](https://github.com/ckeditor/ckeditor5-theme-lark/commit/508db7c))
 
 
-## [1.0.0-beta.1](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v1.0.0-alpha.2...v1.0.0-beta.1) (2018-03-15)
+## [1.0.0-beta.1](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v1.0.0-alpha.2...v1.0.0-beta.1) (March 15, 2018)
 
 ### Features
 
@@ -332,18 +332,18 @@ Internal changes only (updated dependencies, documentation, etc.).
 
 * The `.ck-editor-toolbar` CSS class has been removed.
 * Various CSS variables (mostly colors) have been removed. Please make sure your code uses the latest theme API.
-* From now on there's only one subset of the theme, aligned to the default look of CKEditor 5.
+* From now on there is only one subset of the theme, aligned to the default look of CKEditor 5.
 * Various UI components' styles have been rewritten. The CSS selectors that used to style them may have a different specificity and appear in a different order.
 * The styles are no longer developed in SASS which means various `.scss` files (including variables, mixins, etc.) became unavailable. Please refer to the [Theme Customization](https://ckeditor.com/docs/ckeditor5/latest/framework/guides/ui/theme-customization.html) guide to learn more about migration to PostCSS.
 
 
-## [1.0.0-alpha.2](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v1.0.0-alpha.1...v1.0.0-alpha.2) (2017-11-14)
+## [1.0.0-alpha.2](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v1.0.0-alpha.1...v1.0.0-alpha.2) (November 14, 2017)
 
 ### Other changes
 
 * Updated `.ck-sticky-panel` styles to the new component's structure. ([c8afd35](https://github.com/ckeditor/ckeditor5-theme-lark/commit/c8afd35))
 
-## [1.0.0-alpha.1](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v0.9.0...v1.0.0-alpha.1) (2017-10-03)
+## [1.0.0-alpha.1](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v0.9.0...v1.0.0-alpha.1) (October 3, 2017)
 
 ### Bug fixes
 
@@ -363,7 +363,7 @@ Internal changes only (updated dependencies, documentation, etc.).
 * The theme has been, basically, rewritten. Consider it a new implementation.
 
 
-## [0.9.0](https://github.com/ckeditor/ckeditor5-theme/compare/v0.8.0...v0.9.0) (2017-09-03)
+## [0.9.0](https://github.com/ckeditor/ckeditor5-theme/compare/v0.8.0...v0.9.0) (September 3, 2017)
 
 ### Bug fixes
 
@@ -388,7 +388,7 @@ Internal changes only (updated dependencies, documentation, etc.).
 * `.ck-disabled` is no longer available as a standalone class due to differences in the implementation of the disabled state among the UI components. Use a mixin instead `.your-class.ck-disabled { [@include](https://github.com/include) ck-disabled; }` to keep the previous functionality (reduced `opacity`) or provide a custom implementation of the state.
 
 
-## [0.8.0](https://github.com/ckeditor/ckeditor5-theme/compare/v0.7.0...v0.8.0) (2017-05-07)
+## [0.8.0](https://github.com/ckeditor/ckeditor5-theme/compare/v0.7.0...v0.8.0) (May 7, 2017)
 
 ### Other changes
 
@@ -404,7 +404,7 @@ Internal changes only (updated dependencies, documentation, etc.).
 * The `ck-toolbar__container` class has been renamed, use `.ck-toolbar-container` instead.
 
 
-## [0.7.0](https://github.com/ckeditor/ckeditor5-theme/compare/v0.6.1...v0.7.0) (2017-04-05)
+## [0.7.0](https://github.com/ckeditor/ckeditor5-theme/compare/v0.6.1...v0.7.0) (April 5, 2017)
 
 ### Features
 
@@ -417,7 +417,7 @@ Internal changes only (updated dependencies, documentation, etc.).
 * Removed tick symbol from active list item, used inverted background and text colors instead. Closes [#82](https://github.com/ckeditor/ckeditor5-theme/issues/82). ([a2eb843](https://github.com/ckeditor/ckeditor5-theme/commit/a2eb843))
 
 
-## [0.6.1](https://github.com/ckeditor/ckeditor5-theme/compare/v0.6.0...v0.6.1) (2017-03-06)
+## [0.6.1](https://github.com/ckeditor/ckeditor5-theme/compare/v0.6.0...v0.6.1) (March 6, 2017)
 
 ### Bug fixes
 

package/README.md

@@ -5,7 +5,7 @@ CKEditor 5 lark theme
 [![Coverage Status](https://coveralls.io/repos/github/ckeditor/ckeditor5/badge.svg?branch=master)](https://coveralls.io/github/ckeditor/ckeditor5?branch=master)
 [![Build Status](https://travis-ci.com/ckeditor/ckeditor5.svg?branch=master)](https://app.travis-ci.com/github/ckeditor/ckeditor5)
 
-This package implements lark theme — the default CKEditor 5 theme.
+This package implements lark theme – the default CKEditor 5 theme.
 
 ## Documentation
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-theme-lark",
-  "version": "40.1.0",
+  "version": "40.2.0",
   "description": "A bright theme for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -9,7 +9,7 @@
     "ckeditor5-theme"
   ],
   "dependencies": {
-    "@ckeditor/ckeditor5-ui": "40.1.0"
+    "@ckeditor/ckeditor5-ui": "40.2.0"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "GPL-2.0-or-later",

package/theme/ckeditor5-image/imageinsert.css

@@ -0,0 +1,67 @@
+/*
+ * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
+
+:root {
+	--ck-image-insert-insert-by-url-width: 250px;
+}
+
+.ck.ck-image-insert-url {
+	--ck-input-width: 100%;
+
+	& .ck-image-insert-url__action-row {
+		grid-column-gap: var(--ck-spacing-large);
+		margin-top: var(--ck-spacing-large);
+
+		& .ck-button-save,
+		& .ck-button-cancel {
+			justify-content: center;
+			min-width: auto;
+		}
+
+		& .ck-button .ck-button__label {
+			color: var(--ck-color-text);
+		}
+	}
+}
+
+.ck.ck-image-insert-form {
+	& > .ck.ck-button {
+		display: block;
+		width: 100%;
+		padding: var(--ck-list-button-padding);
+
+		@mixin ck-dir ltr {
+			text-align: left;
+		}
+
+		@mixin ck-dir rtl {
+			text-align: right;
+		}
+	}
+
+	& > .ck.ck-collapsible {
+		&:not(:first-child) {
+			border-top: 1px solid var(--ck-color-base-border);
+		}
+
+		&:not(:last-child) {
+			border-bottom: 1px solid var(--ck-color-base-border);
+		}
+
+		min-width: var(--ck-image-insert-insert-by-url-width);
+	}
+
+	/* This is the case when there are no other integrations configured than insert by URL */
+	& > .ck.ck-image-insert-url {
+		min-width: var(--ck-image-insert-insert-by-url-width);
+		padding: var(--ck-spacing-large);
+	}
+
+	&:focus {
+		outline: none;
+	}
+}

package/theme/{ckeditor5-list → ckeditor5-ui/components/collapsible}/collapsible.css

@@ -11,7 +11,7 @@
 	& > .ck.ck-button {
 		width: 100%;
 		font-weight: bold;
-		padding: var(--ck-spacing-medium) var(--ck-spacing-large);
+		padding: var(--ck-list-button-padding);
 		border-radius: 0;
 		color: inherit;
 
@@ -32,7 +32,7 @@
 	}
 
 	& > .ck-collapsible__children {
-		padding: 0 var(--ck-spacing-large) var(--ck-spacing-large);
+		padding: var(--ck-spacing-medium) var(--ck-spacing-large) var(--ck-spacing-large);
 	}
 
 	&.ck-collapsible_collapsed {

package/theme/ckeditor5-ui/components/labeledfield/labeledfieldview.css

@@ -87,7 +87,7 @@
 
 	/* Fields that are disabled or not focused and without a placeholder should have full-sized labels. */
 	/* stylelint-disable-next-line no-descending-specificity */
-	&.ck-disabled.ck-labeled-field-view_empty > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
+	&.ck-disabled.ck-labeled-field-view_empty:not(.ck-labeled-field-view_placeholder) > .ck.ck-labeled-field-view__input-wrapper > .ck.ck-label,
 	&.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 {
 		@mixin ck-dir ltr {
 			transform: translate(var(--ck-labeled-field-label-default-position-x), var(--ck-labeled-field-label-default-position-y)) scale(1);

package/theme/ckeditor5-ui/components/list/list.css

@@ -8,6 +8,12 @@
 @import "../../../mixins/_shadow.css";
 @import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
 
+:root {
+	--ck-list-button-padding:
+		calc(.2 * var(--ck-line-height-base) * var(--ck-font-size-base))
+		calc(.4 * var(--ck-line-height-base) * var(--ck-font-size-base));
+}
+
 .ck.ck-list {
 	@mixin ck-rounded-corners;
 
@@ -35,9 +41,7 @@
 		/* List items should have the same height. Use absolute units to make sure it is so
 		   because e.g. different heading styles may have different height
 		   https://github.com/ckeditor/ckeditor5-heading/issues/63 */
-		padding:
-			calc(.2 * var(--ck-line-height-base) * var(--ck-font-size-base))
-			calc(.4 * var(--ck-line-height-base) * var(--ck-font-size-base));
+		padding: var(--ck-list-button-padding);
 
 		& .ck-button__label {
 			/* https://github.com/ckeditor/ckeditor5-heading/issues/63 */