Merge branch 'master' into t/ckeditor5/578

ckeditor · Mar 30, 2018 · 583f740 · 583f740
2 parents a09d6c5 + 173481c
commit 583f740
Show file tree

Hide file tree

Showing 30 changed files with 85 additions and 87 deletions.
diff --git a/README.md b/README.md
@@ -14,7 +14,7 @@ This package implements Lark theme &mdash; the default CKEditor 5 theme.
 
 ## Documentation
 
-See the [`@ckeditor/ckeditor5-theme-lark` package](https://ckeditor5.github.io/docs/nightly/ckeditor5/latest/api/theme-lark.html) page in [CKEditor 5 documentation](https://ckeditor5.github.io/docs/nightly/ckeditor5/latest/).
+See the [`@ckeditor/ckeditor5-theme-lark` package](https://docs.ckeditor.com/ckeditor5/latest/api/theme-lark.html) page in [CKEditor 5 documentation](https://docs.ckeditor.com/ckeditor5/latest/).
 
 ## License
 

diff --git a/docs/_snippets/examples/theme-lark.html b/docs/_snippets/examples/theme-lark.html
@@ -1,6 +1,6 @@
 <div id="snippet-classic-editor">
 	<p>
-		This is <a href="https://ckeditor5.github.io">CKEditor&nbsp;5</a>.
+		This is <a href="https://ckeditor.com">CKEditor&nbsp;5</a>.
 	</p>
 	<p>
 		It uses the default

diff --git a/docs/_snippets/examples/theme-lark.js b/docs/_snippets/examples/theme-lark.js
@@ -8,7 +8,7 @@
 import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
 import ArticlePluginSet from '@ckeditor/ckeditor5-core/tests/_utils/articlepluginset';
 import EasyImage from '@ckeditor/ckeditor5-easy-image/src/easyimage';
-import { CS_CONFIG } from '@ckeditor/ckeditor5-cloudservices/tests/_utils/cloudservices-config';
+import { CS_CONFIG } from '@ckeditor/ckeditor5-cloud-services/tests/_utils/cloud-services-config';
 import './custom.css';
 
 ClassicEditor

diff --git a/package.json b/package.json
@@ -12,7 +12,7 @@
   "devDependencies": {
     "@ckeditor/ckeditor5-alignment": "^1.0.0-beta.1",
     "@ckeditor/ckeditor5-basic-styles": "^1.0.0-beta.1",
-    "@ckeditor/ckeditor5-cloudservices": "^1.0.0-beta.1",
+    "@ckeditor/ckeditor5-cloud-services": "^1.0.0-beta.1",
     "@ckeditor/ckeditor5-core": "^1.0.0-beta.1",
     "@ckeditor/ckeditor5-editor-balloon": "^1.0.0-beta.1",
     "@ckeditor/ckeditor5-editor-classic": "^1.0.0-beta.1",
@@ -26,15 +26,15 @@
     "eslint": "^4.15.0",
     "eslint-config-ckeditor5": "^1.0.7",
     "husky": "^0.14.3",
-    "lint-staged": "^6.0.0"
+    "lint-staged": "^7.0.0"
   },
   "engines": {
     "node": ">=6.0.0",
     "npm": ">=3.0.0"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "(GPL-2.0 OR LGPL-2.1 OR MPL-1.1)",
-  "homepage": "https://ckeditor5.github.io",
+  "homepage": "https://ckeditor.com",
   "bugs": "https://github.com/ckeditor/ckeditor5-theme-lark/issues",
   "repository": {
     "type": "git",

diff --git a/tests/manual/theme.html b/tests/manual/theme.html
@@ -40,13 +40,13 @@ <h3>Icon: In–text</h3>
 <h2>Button</h2>
 
 	<h3>Button: States</h3>
-	<div id="button-states" class="ck-reset_all"></div>
+	<div id="button-states" class="ck ck-reset_all"></div>
 
 	<h3>Button: Types</h3>
-	<div id="button-types" class="ck-reset_all"></div>
+	<div id="button-types" class="ck ck-reset_all"></div>
 
 	<h3>Button: Icon</h3>
-	<div class="ck-reset_all" >
+	<div class="ck ck-reset_all" >
 		<div id="button-icon" class="wrappable"></div>
 
 		<br/>
@@ -66,40 +66,40 @@ <h3>Button: Responsiveness</h3>
 	</div>
 
 	<h3>Button: Tooltip</h3>
-	<div id="button-tooltip" class="ck-reset_all"></div>
+	<div id="button-tooltip" class="ck ck-reset_all"></div>
 
 <h2>Dropdown</h2>
 
 	<h3>ListDropdown</h3>
-	<div id="list-dropdown" class="ck-reset_all"></div>
+	<div id="list-dropdown" class="ck ck-reset_all"></div>
 
 	<h3>ButtonDropdown</h3>
-	<div id="button-dropdown" class="ck-reset_all"></div>
+	<div id="button-dropdown" class="ck ck-reset_all"></div>
 
 <h2>Toolbar</h2>
 
 	<h3>Toolbar: Text</h3>
-	<div id="toolbar-text" class="ck-reset_all"></div>
+	<div id="toolbar-text" class="ck ck-reset_all"></div>
 
 	<h3>Toolbar: Button</h3>
-	<div id="toolbar-button" class="ck-reset_all"></div>
+	<div id="toolbar-button" class="ck ck-reset_all"></div>
 
 	<h3>Toolbar: Rounded</h3>
-	<div id="toolbar-rounded" class="ck-reset_all ck-rounded-corners"></div>
+	<div id="toolbar-rounded" class="ck ck-reset_all ck-rounded-corners"></div>
 
 	<h3>Toolbar: Wrapping content</h3>
-	<div id="toolbar-wrap" class="ck-reset_all"></div>
+	<div id="toolbar-wrap" class="ck ck-reset_all"></div>
 
 	<h3>Toolbar: Item separators</h3>
-	<div id="toolbar-separator" class="ck-reset_all"></div>
+	<div id="toolbar-separator" class="ck ck-reset_all"></div>
 
 	<h3>Toolbar: Multi-row</h3>
-	<div id="toolbar-multi-row" class="ck-reset_all"></div>
+	<div id="toolbar-multi-row" class="ck ck-reset_all"></div>
 
 <h2>Inputs</h2>
 
 	<h3>Labeled</h3>
-	<div id="input-labeled" class="ck-reset_all"></div>
+	<div id="input-labeled" class="ck ck-reset_all"></div>
 
 	<h3>Read–only</h3>
-	<div id="input-read-only" class="ck-reset_all"></div>
+	<div id="input-read-only" class="ck ck-reset_all"></div>
diff --git a/theme/ckeditor5-editor-classic/classiceditor.css b/theme/ckeditor5-editor-classic/classiceditor.css
@@ -5,7 +5,7 @@
 
 @import "../mixins/_rounded.css";
 
-.ck-editor__top {
+.ck.ck-editor__top {
 	& .ck-sticky-panel {
 		& .ck-toolbar {
 			@mixin ck-rounded-corners {
@@ -27,7 +27,7 @@
 }
 
 /* Note: Use ck-editor__main to make sure these styles don't apply to other editor types */
-.ck-editor__main > .ck-editor__editable {
+.ck.ck-editor__main > .ck-editor__editable {
 	/* https://github.com/ckeditor/ckeditor5-theme-lark/issues/113 */
 	background: var(--ck-color-base-background);
 

diff --git a/theme/ckeditor5-engine/placeholder.css b/theme/ckeditor5-engine/placeholder.css
@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md.
  */
 
-.ck-placeholder::before {
+.ck.ck-placeholder::before {
 	cursor: text;
 	color: var(--ck-color-engine-placeholder-text);
 }
diff --git a/theme/ckeditor5-heading/heading.css b/theme/ckeditor5-heading/heading.css
@@ -4,7 +4,7 @@
  */
 
 /* Resize dropdown's button label. */
-.ck-dropdown.ck-heading-dropdown {
+.ck.ck-dropdown.ck-heading-dropdown {
 	& .ck-dropdown__button .ck-button__label {
 		width: 8em;
 	}

diff --git a/theme/ckeditor5-image/imageuploadprogress.css b/theme/ckeditor5-image/imageuploadprogress.css
@@ -8,7 +8,7 @@
 	--ck-image-upload-progress-line-width: 30px;
 }
 
-figure.image {
+.ck.image {
 	/* Showing animation. */
 	&.ck-appear {
 		animation: fadeIn 700ms;

diff --git a/theme/ckeditor5-image/textalternativeform.css b/theme/ckeditor5-image/textalternativeform.css
@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md.
  */
 
-.ck-text-alternative-form {
+.ck.ck-text-alternative-form {
 	padding: var(--ck-spacing-standard);
 
 	&:focus {

diff --git a/theme/ckeditor5-link/link.css b/theme/ckeditor5-link/link.css
@@ -4,7 +4,6 @@
  */
 
 /* Class added to span element surrounding currently selected link. */
-.ck-link_selected {
+.ck.ck-link_selected {
 	background: var(--ck-color-link-selected-background);
-	outline: 1px solid var(--ck-color-link-selected-background);
 }
diff --git a/theme/ckeditor5-link/linkactions.css b/theme/ckeditor5-link/linkactions.css
@@ -8,7 +8,7 @@
 @import "../mixins/_focus.css";
 @import "../mixins/_shadow.css";
 
-.ck-link-actions {
+.ck.ck-link-actions {
 	padding: var(--ck-spacing-standard);
 
 	& .ck-button.ck-link-actions__preview {

diff --git a/theme/ckeditor5-link/linkform.css b/theme/ckeditor5-link/linkform.css
@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md.
  */
 
-.ck-link-form {
+.ck.ck-link-form {
 	padding: var(--ck-spacing-standard);
 
 	&:focus {

diff --git a/theme/ckeditor5-ui/components/button/button.css b/theme/ckeditor5-ui/components/button/button.css
@@ -9,8 +9,8 @@
 @import "../../../mixins/_rounded.css";
 @import "../../mixins/_button.css";
 
-.ck-button,
-a.ck-button {
+.ck.ck-button,
+a.ck.ck-button {
 	@mixin ck-button-colors --ck-color-button-default;
 	@mixin ck-rounded-corners;
 
@@ -34,6 +34,7 @@ a.ck-button {
 	/* Avoid flickering when the foucs border shows up. */
 	border: 1px solid transparent;
 
+	&:active,
 	&:focus {
 		@mixin ck-focus-ring;
 		@mixin ck-box-shadow var(--ck-focus-outer-shadow);
@@ -97,14 +98,14 @@ a.ck-button {
 }
 
 /* A style of the button which handles the primary action. */
-.ck-button-action,
-a.ck-button-action {
+.ck.ck-button-action,
+a.ck.ck-button-action {
 	@mixin ck-button-colors --ck-color-button-action;
 
 	color: var(--ck-color-button-action-text);
 }
 
-.ck-button-bold,
-a.ck-button-bold {
+.ck.ck-button-bold,
+a.ck.ck-button-bold {
 	font-weight: bold;
 }
diff --git a/theme/ckeditor5-ui/components/dropdown/dropdown.css b/theme/ckeditor5-ui/components/dropdown/dropdown.css
@@ -11,7 +11,7 @@
 	--ck-dropdown-arrow-size: calc(0.5 * var(--ck-icon-size));
 }
 
-.ck-dropdown {
+.ck.ck-dropdown {
 	/* Enable font size inheritance, which allows fluid UI scaling. */
 	font-size: inherit;
 
@@ -53,7 +53,7 @@
 	}
 }
 
-.ck-dropdown__panel {
+.ck.ck-dropdown__panel {
 	@mixin ck-rounded-corners;
 	@mixin ck-drop-shadow;
 

diff --git a/theme/ckeditor5-ui/components/dropdown/listdropdown.css b/theme/ckeditor5-ui/components/dropdown/listdropdown.css
@@ -5,7 +5,7 @@
 
 @import "../../../mixins/_rounded.css";
 
-.ck-dropdown .ck-dropdown__panel .ck-list {
+.ck.ck-dropdown .ck-dropdown__panel .ck-list {
 	/* Disabled radius of top-left border to be consistent with .dropdown__button
 	https://github.com/ckeditor/ckeditor5/issues/816 */
 	@mixin ck-rounded-corners {

diff --git a/theme/ckeditor5-ui/components/dropdown/splitbutton.css b/theme/ckeditor5-ui/components/dropdown/splitbutton.css
@@ -10,7 +10,7 @@
 	--ck-color-split-button-hover-border: hsl(0, 0%, 70%);
 }
 
-.ck-splitbutton {
+.ck.ck-splitbutton {
 	& > .ck-splitbutton__action {
 		/* Don't round the first button on the right side */
 		@mixin ck-rounded-corners {

diff --git a/theme/ckeditor5-ui/components/dropdown/toolbardropdown.css b/theme/ckeditor5-ui/components/dropdown/toolbardropdown.css
@@ -3,6 +3,6 @@
  * For licensing, see LICENSE.md.
  */
 
-.ck-toolbar-dropdown .ck-toolbar {
+.ck.ck-toolbar-dropdown .ck-toolbar {
 	border: 0;
 }
diff --git a/theme/ckeditor5-ui/components/editorui/editorui.css b/theme/ckeditor5-ui/components/editorui/editorui.css
@@ -9,7 +9,7 @@
 @import "../../../mixins/_focus.css";
 @import "../../mixins/_button.css";
 
-.ck-editor__editable:not(.ck-editor__nested-editable) {
+.ck.ck-editor__editable:not(.ck-editor__nested-editable) {
 	@mixin ck-rounded-corners;
 
 	&.ck-focused {
@@ -18,7 +18,7 @@
 	}
 }
 
-.ck-editor__editable_inline {
+.ck.ck-editor__editable_inline {
 	overflow: auto;
 	padding: 0 var(--ck-spacing-standard);
 	border: 1px solid transparent;
@@ -35,13 +35,13 @@
 }
 
 /* https://github.com/ckeditor/ckeditor5-theme-lark/issues/111 */
-.ck-toolbar-container[class*="arrow_n"] {
+.ck.ck-toolbar-container[class*="arrow_n"] {
 	&::after {
 		border-bottom-color: var(--ck-color-base-foreground);
 	}
 }
 
-.ck-toolbar-container[class*="arrow_s"] {
+.ck.ck-toolbar-container[class*="arrow_s"] {
 	&::after {
 		border-top-color: var(--ck-color-base-foreground);
 	}

diff --git a/theme/ckeditor5-ui/components/icon/icon.css b/theme/ckeditor5-ui/components/icon/icon.css
@@ -7,7 +7,7 @@
 	--ck-icon-size: calc(var(--ck-line-height-base) * var(--ck-font-size-normal));
 }
 
-svg.ck-icon {
+.ck.ck-icon {
 	width: var(--ck-icon-size);
 	height: var(--ck-icon-size);
 

diff --git a/theme/ckeditor5-ui/components/inputtext/inputtext.css b/theme/ckeditor5-ui/components/inputtext/inputtext.css
@@ -11,7 +11,7 @@
 	--ck-input-text-width: 18em;
 }
 
-.ck-input-text {
+.ck.ck-input-text {
 	@mixin ck-rounded-corners;
 	@mixin ck-box-shadow var(--ck-inner-shadow);
 

diff --git a/theme/ckeditor5-ui/components/label/label.css b/theme/ckeditor5-ui/components/label/label.css
@@ -3,6 +3,6 @@
  * For licensing, see LICENSE.md.
  */
 
-.ck-label {
+.ck.ck-label {
 	font-weight: bold;
 }
diff --git a/theme/ckeditor5-ui/components/list/list.css b/theme/ckeditor5-ui/components/list/list.css
@@ -6,14 +6,14 @@
 @import "../../../mixins/_rounded.css";
 @import "../../../mixins/_shadow.css";
 
-.ck-list {
+.ck.ck-list {
 	@mixin ck-rounded-corners;
 
 	list-style-type: none;
 	background: var(--ck-color-list-background);
 }
 
-.ck-list__item {
+.ck.ck-list__item {
 	padding: var(--ck-spacing-medium);
 	cursor: default;
 	min-width: 12em;
@@ -30,7 +30,7 @@
 	}
 }
 
-.ck-list__item_active {
+.ck.ck-list__item_active {
 	background: var(--ck-color-list-item-background-active);
 	color: var(--ck-color-list-item-text-active);
 

diff --git a/theme/ckeditor5-ui/components/panel/balloonpanel.css b/theme/ckeditor5-ui/components/panel/balloonpanel.css
@@ -12,7 +12,7 @@
 	--ck-balloon-arrow-half-width: 8px;
 }
 
-.ck-balloon-panel {
+.ck.ck-balloon-panel {
 	@mixin ck-rounded-corners;
 	@mixin ck-drop-shadow;