diff --git a/CHANGELOG.md b/CHANGELOG.md index 4c5ec04..5c50f80 100644 --- 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 index af1eb8b..f1d76ca 100644 --- 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 new file mode 100644 index 0000000..037c27e --- /dev/null +++ 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; + } +}