Merge branch 'master' into i/5817

ckeditor · Dec 19, 2019 · 7cb9671 · 7cb9671
2 parents 81ccc1e + 599f16e
commit 7cb9671
Show file tree

Hide file tree

Showing 3 changed files with 82 additions and 20 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,27 @@
 Changelog
 =========
 
+## [16.0.0](https://github.com/ckeditor/ckeditor5-theme-lark/compare/v15.0.0...v16.0.0) (2019-12-04)
+
+### MAJOR BREAKING CHANGES
+
+* The `--ck-color-focus-shadow` custom property is now `--ck-color-focus-outer-shadow`.
+
+### Features
+
+* Added styles for the code block feature UI (see [ckeditor/ckeditor5#436](https://github.com/ckeditor/ckeditor5/issues/436)). ([dcce0f1](https://github.com/ckeditor/ckeditor5-theme-lark/commit/dcce0f1))
+* Implemented styles for `.ck-button` with a keystroke preview (see [ckeditor/ckeditor5#5782](https://github.com/ckeditor/ckeditor5/issues/5782)). ([8427306](https://github.com/ckeditor/ckeditor5-theme-lark/commit/8427306))
+
+### Bug fixes
+
+* 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))
+
+  Also:
+  * Optimized the color of a gird component for WCAG AA.
+  * Imported insert table UI styles from ckeditor5-table (code refactoring).
+     * 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)
 
 ### Bug fixes

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-theme-lark",
-  "version": "15.0.0",
+  "version": "16.0.0",
   "description": "A bright theme for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -9,27 +9,27 @@
     "ckeditor5-theme"
   ],
   "dependencies": {
-    "@ckeditor/ckeditor5-ui": "^15.0.0"
+    "@ckeditor/ckeditor5-ui": "^16.0.0"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-alignment": "^15.0.0",
-    "@ckeditor/ckeditor5-basic-styles": "^15.0.0",
-    "@ckeditor/ckeditor5-code-block": "^0.0.1",
-    "@ckeditor/ckeditor5-core": "^15.0.0",
-    "@ckeditor/ckeditor5-editor-balloon": "^15.0.0",
-    "@ckeditor/ckeditor5-editor-classic": "^15.0.0",
-    "@ckeditor/ckeditor5-font": "^15.0.0",
-    "@ckeditor/ckeditor5-heading": "^15.0.0",
-    "@ckeditor/ckeditor5-highlight": "^15.0.0",
-    "@ckeditor/ckeditor5-indent": "^15.0.0",
-    "@ckeditor/ckeditor5-link": "^15.0.0",
-    "@ckeditor/ckeditor5-list": "^15.0.0",
-    "@ckeditor/ckeditor5-media-embed": "^15.0.0",
-    "@ckeditor/ckeditor5-paragraph": "^15.0.0",
-    "@ckeditor/ckeditor5-remove-format": "^15.0.0",
-    "@ckeditor/ckeditor5-undo": "^15.0.0",
-    "@ckeditor/ckeditor5-utils": "^15.0.0",
-    "@ckeditor/ckeditor5-table": "^15.0.0",
+    "@ckeditor/ckeditor5-alignment": "^16.0.0",
+    "@ckeditor/ckeditor5-basic-styles": "^16.0.0",
+    "@ckeditor/ckeditor5-code-block": "^16.0.0",
+    "@ckeditor/ckeditor5-core": "^16.0.0",
+    "@ckeditor/ckeditor5-editor-balloon": "^16.0.0",
+    "@ckeditor/ckeditor5-editor-classic": "^16.0.0",
+    "@ckeditor/ckeditor5-font": "^16.0.0",
+    "@ckeditor/ckeditor5-heading": "^16.0.0",
+    "@ckeditor/ckeditor5-highlight": "^16.0.0",
+    "@ckeditor/ckeditor5-indent": "^16.0.0",
+    "@ckeditor/ckeditor5-link": "^16.0.0",
+    "@ckeditor/ckeditor5-list": "^16.0.0",
+    "@ckeditor/ckeditor5-media-embed": "^16.0.0",
+    "@ckeditor/ckeditor5-paragraph": "^16.0.0",
+    "@ckeditor/ckeditor5-remove-format": "^16.0.0",
+    "@ckeditor/ckeditor5-undo": "^16.0.0",
+    "@ckeditor/ckeditor5-utils": "^16.0.0",
+    "@ckeditor/ckeditor5-table": "^16.0.0",
     "eslint": "^5.5.0",
     "eslint-config-ckeditor5": "^2.0.0",
     "husky": "^1.3.1",

diff --git a/theme/ckeditor5-restricted-editing/restrictedediting.css b/theme/ckeditor5-restricted-editing/restrictedediting.css
@@ -0,0 +1,41 @@
+/*
+ * Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+:root {
+	--ck-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2);
+	--ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4);
+	--ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5);
+	--ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6);
+}
+
+.ck-editor__editable .restricted-editing-exception {
+	transition: .2s ease-in-out background;
+	background-color: var(--ck-color-restricted-editing-exception-background);
+	border: 1px solid;
+	border-image: linear-gradient(
+		to right,
+		var(--ck-color-restricted-editing-exception-brackets) 0%,
+		var(--ck-color-restricted-editing-exception-brackets) 5px,
+		hsla(0, 0%, 0%, 0) 6px,
+		hsla(0, 0%, 0%, 0) calc(100% - 6px),
+		var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
+		var(--ck-color-restricted-editing-exception-brackets) 100%
+	) 1;
+
+	&.restricted-editing-exception_selected {
+		background-color: var(--ck-color-restricted-editing-selected-exception-background);
+		border-image: linear-gradient(
+			to right,
+			var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
+			var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
+			var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
+			var(--ck-color-restricted-editing-selected-exception-brackets) 100%
+		) 1;
+	}
+
+	&.restricted-editing-exception_collapsed {
+		padding-left: 1em;
+	}
+}