@ckeditor/ckeditor5-theme-lark 33.0.0 → 34.0.0

package/README.md

@@ -3,7 +3,8 @@ CKEditor 5 lark theme
 
 [![npm version](https://badge.fury.io/js/%40ckeditor%2Fckeditor5-theme-lark.svg)](https://www.npmjs.com/package/@ckeditor/ckeditor5-theme-lark)
 [![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://travis-ci.com/ckeditor/ckeditor5)
+[![Build Status](https://travis-ci.com/ckeditor/ckeditor5.svg?branch=master)](https://app.travis-ci.com/github/ckeditor/ckeditor5)
+![Dependency Status](https://img.shields.io/librariesio/release/npm/@ckeditor/ckeditor5-theme-lark)
 
 This package implements lark theme — the default CKEditor 5 theme.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-theme-lark",
-  "version": "33.0.0",
+  "version": "34.0.0",
   "description": "A bright theme for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -9,35 +9,35 @@
     "ckeditor5-theme"
   ],
   "dependencies": {
-    "@ckeditor/ckeditor5-ui": "^33.0.0"
+    "@ckeditor/ckeditor5-ui": "^34.0.0"
   },
   "devDependencies": {
-    "@ckeditor/ckeditor5-basic-styles": "^33.0.0",
-    "@ckeditor/ckeditor5-ckfinder": "^33.0.0",
-    "@ckeditor/ckeditor5-code-block": "^33.0.0",
-    "@ckeditor/ckeditor5-core": "^33.0.0",
-    "@ckeditor/ckeditor5-editor-balloon": "^33.0.0",
-    "@ckeditor/ckeditor5-editor-classic": "^33.0.0",
-    "@ckeditor/ckeditor5-find-and-replace": "^33.0.0",
-    "@ckeditor/ckeditor5-font": "^33.0.0",
-    "@ckeditor/ckeditor5-heading": "^33.0.0",
-    "@ckeditor/ckeditor5-highlight": "^33.0.0",
-    "@ckeditor/ckeditor5-html-embed": "^33.0.0",
-    "@ckeditor/ckeditor5-indent": "^33.0.0",
-    "@ckeditor/ckeditor5-link": "^33.0.0",
-    "@ckeditor/ckeditor5-list": "^33.0.0",
-    "@ckeditor/ckeditor5-media-embed": "^33.0.0",
-    "@ckeditor/ckeditor5-page-break": "^33.0.0",
-    "@ckeditor/ckeditor5-paragraph": "^33.0.0",
-    "@ckeditor/ckeditor5-remove-format": "^33.0.0",
-    "@ckeditor/ckeditor5-restricted-editing": "^33.0.0",
-    "@ckeditor/ckeditor5-select-all": "^33.0.0",
-    "@ckeditor/ckeditor5-source-editing": "^33.0.0",
-    "@ckeditor/ckeditor5-special-characters": "^33.0.0",
-    "@ckeditor/ckeditor5-undo": "^33.0.0",
-    "@ckeditor/ckeditor5-utils": "^33.0.0",
-    "@ckeditor/ckeditor5-table": "^33.0.0",
-    "ckeditor5": "^33.0.0"
+    "@ckeditor/ckeditor5-basic-styles": "^34.0.0",
+    "@ckeditor/ckeditor5-ckfinder": "^34.0.0",
+    "@ckeditor/ckeditor5-code-block": "^34.0.0",
+    "@ckeditor/ckeditor5-core": "^34.0.0",
+    "@ckeditor/ckeditor5-editor-balloon": "^34.0.0",
+    "@ckeditor/ckeditor5-editor-classic": "^34.0.0",
+    "@ckeditor/ckeditor5-find-and-replace": "^34.0.0",
+    "@ckeditor/ckeditor5-font": "^34.0.0",
+    "@ckeditor/ckeditor5-heading": "^34.0.0",
+    "@ckeditor/ckeditor5-highlight": "^34.0.0",
+    "@ckeditor/ckeditor5-html-embed": "^34.0.0",
+    "@ckeditor/ckeditor5-indent": "^34.0.0",
+    "@ckeditor/ckeditor5-link": "^34.0.0",
+    "@ckeditor/ckeditor5-list": "^34.0.0",
+    "@ckeditor/ckeditor5-media-embed": "^34.0.0",
+    "@ckeditor/ckeditor5-page-break": "^34.0.0",
+    "@ckeditor/ckeditor5-paragraph": "^34.0.0",
+    "@ckeditor/ckeditor5-remove-format": "^34.0.0",
+    "@ckeditor/ckeditor5-restricted-editing": "^34.0.0",
+    "@ckeditor/ckeditor5-select-all": "^34.0.0",
+    "@ckeditor/ckeditor5-source-editing": "^34.0.0",
+    "@ckeditor/ckeditor5-special-characters": "^34.0.0",
+    "@ckeditor/ckeditor5-undo": "^34.0.0",
+    "@ckeditor/ckeditor5-utils": "^34.0.0",
+    "@ckeditor/ckeditor5-table": "^34.0.0",
+    "ckeditor5": "^34.0.0"
   },
   "engines": {
     "node": ">=14.0.0",

package/theme/ckeditor5-style/style.css

@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+.ck.ck-dropdown.ck-style-dropdown.ck-style-dropdown_multiple-active > .ck-button > .ck-button__label {
+	font-style: italic;
+}

package/theme/ckeditor5-style/stylegrid.css

@@ -0,0 +1,109 @@
+/*
+ * Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+:root {
+	--ck-style-panel-button-width: 120px;
+	--ck-style-panel-button-height: 80px;
+	--ck-style-panel-button-shadow-color: hsl(0deg 0% 0% / 10%);
+	--ck-style-panel-button-shadow: 0px 0px 6px var(--ck-style-panel-button-shadow-color);
+	--ck-style-panel-button-label-background: hsl(0, 0%, 90%);
+	--ck-style-panel-button-hover-label-background: hsl(0, 0%, 80%);
+	--ck-style-panel-button-hover-border-color: hsl(0, 0%, 70%);
+}
+
+.ck.ck-style-panel .ck-style-grid {
+	row-gap: var(--ck-spacing-large);
+	column-gap: var(--ck-spacing-large);
+
+	& .ck-style-grid__button {
+		--ck-color-button-default-hover-background: var(--ck-color-base-background);
+		--ck-color-button-default-active-background: var(--ck-color-base-background);
+
+		padding: 0;
+		width: var(--ck-style-panel-button-width);
+		height: var(--ck-style-panel-button-height);
+
+		/* Let default .ck-button :focus styles apply */
+		&:not(:focus) {
+			border: 1px solid var(--ck-color-base-border);
+			box-shadow: var(--ck-style-panel-button-shadow);
+		}
+
+		& .ck-button__label {
+			height: 22px;
+			line-height: 22px;
+			width: 100%;
+			padding: 0 var(--ck-spacing-medium);
+			overflow: hidden;
+			text-overflow: ellipsis;
+			flex-shrink: 0;
+			background: var(--ck-style-panel-button-label-background);
+		}
+
+		& .ck-style-grid__button__preview {
+			width: 100%;
+			overflow: hidden;
+			opacity: .9;
+
+			padding: var(--ck-spacing-medium);
+			border: 2px solid var(--ck-color-base-background);
+		}
+
+		&.ck-disabled {
+			--ck-color-button-default-disabled-background: var(--ck-color-base-foreground);
+
+			/* Let default .ck-button :focus styles apply */
+			&:not(:focus) {
+				box-shadow: none;
+				border-color: var(--ck-style-panel-button-label-background);
+			}
+
+			& .ck-button__label {
+				background: var(--ck-style-panel-button-label-background);
+			}
+
+			& .ck-style-grid__button__preview {
+				opacity: .4;
+
+				border-color: var(--ck-color-base-foreground);
+				filter: saturate(.3);
+			}
+		}
+
+		&.ck-on {
+			--ck-color-button-on-background: var(--ck-color-base-background);
+			--ck-color-button-on-hover-background: var(--ck-color-base-background);
+			--ck-color-button-on-active-background: var(--ck-color-base-background);
+			--ck-style-panel-button-shadow-color: hsla(208, 88%, 52%, 0.1);
+
+			border-color: var(--ck-color-base-active);
+
+			& .ck-button__label {
+				background: var(--ck-color-base-active);
+				color: var(--ck-color-base-background);
+			}
+
+			&:hover {
+				border-color: var(--ck-color-base-active-focus);
+
+				& .ck-button__label {
+					background: var(--ck-color-base-active-focus);
+				}
+			}
+		}
+
+		&:hover:not(.ck-disabled):not(.ck-on) {
+			border-color: var(--ck-style-panel-button-hover-border-color);
+
+			& .ck-style-grid__button__preview {
+				opacity: 1;
+			}
+
+			& .ck-button__label {
+				background: var(--ck-style-panel-button-hover-label-background);
+			}
+		}
+	}
+}

package/theme/ckeditor5-style/stylegroup.css

@@ -0,0 +1,16 @@
+/*
+ * Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+.ck.ck-style-panel .ck-style-panel__style-group {
+	& > .ck-label {
+		margin: var(--ck-spacing-large) 0;
+	}
+
+	&:first-child {
+		& > .ck-label {
+			margin-top: 0;
+		}
+	}
+}

package/theme/ckeditor5-style/stylepanel.css

@@ -0,0 +1,14 @@
+/*
+ * Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+:root {
+	--ck-style-panel-max-height: 470px;
+}
+
+.ck.ck-style-panel {
+	padding: var(--ck-spacing-large);
+	overflow-y: auto;
+	max-height: var(--ck-style-panel-max-height);
+}

package/theme/ckeditor5-ui/globals/_reset.css

@@ -16,7 +16,7 @@
  */
 .ck.ck-reset,
 .ck.ck-reset_all,
-.ck.ck-reset_all * {
+.ck-reset_all *:not(.ck-reset_all-excluded *) {
 	/* Do not include inheritable rules here. */
 	margin: 0;
 	padding: 0;
@@ -34,7 +34,7 @@
  * Resets an element AND its children.
  */
 .ck.ck-reset_all,
-.ck.ck-reset_all * {
+.ck-reset_all *:not(.ck-reset_all-excluded *) {
 	/* These are rule inherited by all children elements. */
 	border-collapse: collapse;
 	font: normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face);
@@ -45,38 +45,38 @@
 	float: none;
 }
 
-.ck.ck-reset_all {
-	& .ck-rtl * {
+.ck-reset_all {
+	& .ck-rtl *:not(.ck-reset_all-excluded *) {
 		text-align: right;
 	}
 
-	& iframe {
+	& iframe:not(.ck-reset_all-excluded *) {
 		/* For IE */
 		vertical-align: inherit;
 	}
 
-	& textarea {
+	& textarea:not(.ck-reset_all-excluded *) {
 		white-space: pre-wrap;
 	}
 
-	& textarea,
-	& input[type="text"],
-	& input[type="password"] {
+	& textarea:not(.ck-reset_all-excluded *),
+	& input[type="text"]:not(.ck-reset_all-excluded *),
+	& input[type="password"]:not(.ck-reset_all-excluded *) {
 		cursor: text;
 	}
 
-	& textarea[disabled],
-	& input[type="text"][disabled],
-	& input[type="password"][disabled] {
+	& textarea[disabled]:not(.ck-reset_all-excluded *),
+	& input[type="text"][disabled]:not(.ck-reset_all-excluded *),
+	& input[type="password"][disabled]:not(.ck-reset_all-excluded *) {
 		cursor: default;
 	}
 
-	& fieldset {
+	& fieldset:not(.ck-reset_all-excluded *) {
 		padding: 10px;
 		border: 2px groove hsl(255, 7%, 88%);
 	}
 
-	& button::-moz-focus-inner {
+	& button:not(.ck-reset_all-excluded *)::-moz-focus-inner {
 		/* See http://stackoverflow.com/questions/5517744/remove-extra-button-spacing-padding-in-firefox */
 		padding: 0;
 		border: 0