8
0
Просмотр исходного кода

Merge branch 'master' into t/ckeditor5/578

Aleksander Nowodzinski 7 лет назад
Родитель
Сommit
9cf3faad31
30 измененных файлов с 85 добавлено и 87 удалено
  1. 1 1
      packages/ckeditor5-theme-lark/README.md
  2. 1 1
      packages/ckeditor5-theme-lark/docs/_snippets/examples/theme-lark.html
  3. 1 1
      packages/ckeditor5-theme-lark/docs/_snippets/examples/theme-lark.js
  4. 3 3
      packages/ckeditor5-theme-lark/package.json
  5. 14 14
      packages/ckeditor5-theme-lark/tests/manual/theme.html
  6. 2 2
      packages/ckeditor5-theme-lark/theme/ckeditor5-editor-classic/classiceditor.css
  7. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-engine/placeholder.css
  8. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-heading/heading.css
  9. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-image/imageuploadprogress.css
  10. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-image/textalternativeform.css
  11. 1 2
      packages/ckeditor5-theme-lark/theme/ckeditor5-link/link.css
  12. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-link/linkactions.css
  13. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-link/linkform.css
  14. 7 6
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/button/button.css
  15. 2 2
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/dropdown.css
  16. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/listdropdown.css
  17. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/splitbutton.css
  18. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/dropdown/toolbardropdown.css
  19. 4 4
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css
  20. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/icon/icon.css
  21. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/inputtext/inputtext.css
  22. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/label/label.css
  23. 3 3
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/list/list.css
  24. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/panel/balloonpanel.css
  25. 6 8
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/panel/stickypanel.css
  26. 3 3
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/toolbar/toolbar.css
  27. 16 16
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/tooltip/tooltip.css
  28. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/globals/_colors.css
  29. 6 6
      packages/ckeditor5-theme-lark/theme/ckeditor5-ui/globals/_reset.css
  30. 1 1
      packages/ckeditor5-theme-lark/theme/ckeditor5-widget/widget.css

+ 1 - 1
packages/ckeditor5-theme-lark/README.md

@@ -14,7 +14,7 @@ This package implements Lark theme — 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
 

+ 1 - 1
packages/ckeditor5-theme-lark/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

+ 1 - 1
packages/ckeditor5-theme-lark/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

+ 3 - 3
packages/ckeditor5-theme-lark/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,7 +26,7 @@
     "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",
@@ -34,7 +34,7 @@
   },
   "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",

+ 14 - 14
packages/ckeditor5-theme-lark/tests/manual/theme.html

@@ -40,13 +40,13 @@
 <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 @@
 	</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>

+ 2 - 2
packages/ckeditor5-theme-lark/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);
 

+ 1 - 1
packages/ckeditor5-theme-lark/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);
 }

+ 1 - 1
packages/ckeditor5-theme-lark/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;
 	}

+ 1 - 1
packages/ckeditor5-theme-lark/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;

+ 1 - 1
packages/ckeditor5-theme-lark/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 {

+ 1 - 2
packages/ckeditor5-theme-lark/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);
 }

+ 1 - 1
packages/ckeditor5-theme-lark/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 {

+ 1 - 1
packages/ckeditor5-theme-lark/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 {

+ 7 - 6
packages/ckeditor5-theme-lark/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;
 }

+ 2 - 2
packages/ckeditor5-theme-lark/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;
 

+ 1 - 1
packages/ckeditor5-theme-lark/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 {

+ 1 - 1
packages/ckeditor5-theme-lark/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 {

+ 1 - 1
packages/ckeditor5-theme-lark/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;
 }

+ 4 - 4
packages/ckeditor5-theme-lark/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);
 	}

+ 1 - 1
packages/ckeditor5-theme-lark/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);
 

+ 1 - 1
packages/ckeditor5-theme-lark/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);
 

+ 1 - 1
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/label/label.css

@@ -3,6 +3,6 @@
  * For licensing, see LICENSE.md.
  */
 
-.ck-label {
+.ck.ck-label {
 	font-weight: bold;
 }

+ 3 - 3
packages/ckeditor5-theme-lark/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);
 

+ 1 - 1
packages/ckeditor5-theme-lark/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;
 

+ 6 - 8
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/panel/stickypanel.css

@@ -5,14 +5,12 @@
 
 @import "../../../mixins/_shadow.css";
 
-.ck-editor {
-	& .ck-sticky-panel {
-		& .ck-sticky-panel__content_sticky {
-			@mixin ck-drop-shadow;
+.ck.ck-sticky-panel {
+	& .ck-sticky-panel__content_sticky {
+		@mixin ck-drop-shadow;
 
-			border-width: 0 1px 1px;
-			border-top-left-radius: 0;
-			border-top-right-radius: 0;
-		}
+		border-width: 0 1px 1px;
+		border-top-left-radius: 0;
+		border-top-right-radius: 0;
 	}
 }

+ 3 - 3
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/toolbar/toolbar.css

@@ -5,7 +5,7 @@
 
 @import "../../../mixins/_rounded.css";
 
-.ck-toolbar {
+.ck.ck-toolbar {
 	@mixin ck-rounded-corners;
 
 	background: var(--ck-color-toolbar-background);
@@ -49,7 +49,7 @@
 	}
 }
 
-.ck-toolbar__separator {
+.ck.ck-toolbar__separator {
 	align-self: stretch;
 	width: 1px;
 	margin-top: 0;
@@ -57,6 +57,6 @@
 	background: var(--ck-color-toolbar-border);
 }
 
-.ck-toolbar__newline {
+.ck.ck-toolbar__newline {
 	margin: 0;
 }

+ 16 - 16
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/tooltip/tooltip.css

@@ -9,7 +9,7 @@
 	--ck-tooltip-arrow-size: 5px;
 }
 
-.ck-tooltip {
+.ck.ck-tooltip {
 	left: 50%;
 
 	/**
@@ -53,27 +53,27 @@
 			border-width: var(--ck-tooltip-arrow-size) var(--ck-tooltip-arrow-size) 0 var(--ck-tooltip-arrow-size);
 		}
 	}
-}
 
-.ck-tooltip__text {
-	@mixin ck-rounded-corners;
+	& .ck-tooltip__text {
+		@mixin ck-rounded-corners;
 
-	font-size: .9em;
-	line-height: 1.5;
-	color: var(--ck-color-tooltip-text);
-	padding: var(--ck-spacing-small) var(--ck-spacing-medium);
-	background: var(--ck-color-tooltip-background);
-	position: relative;
-	left: -50%;
+		font-size: .9em;
+		line-height: 1.5;
+		color: var(--ck-color-tooltip-text);
+		padding: var(--ck-spacing-small) var(--ck-spacing-medium);
+		background: var(--ck-color-tooltip-background);
+		position: relative;
+		left: -50%;
 
-	&::after {
-		border-style: solid;
-		left: 50%;
+		&::after {
+			border-style: solid;
+			left: 50%;
+		}
 	}
 }
 
-.ck-tooltip,
-.ck-tooltip__text::after {
+.ck.ck-tooltip,
+.ck.ck-tooltip .ck-tooltip__text::after {
 	/* For the transition to work, the tooltip must be controlled
 	using visibility+opacity. A delay prevents a "tooltip avalanche"
 	i.e. when scanning the toolbar with mouse cursor. */

+ 1 - 1
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/globals/_colors.css

@@ -94,5 +94,5 @@
 	/* -- Link -------------------------------------------------------------------------------- */
 
 	--ck-color-link-default:									hsl(240, 100%, 47%);
-	--ck-color-link-selected-background:						hsl(201, 93%, 89%);
+	--ck-color-link-selected-background: 						hsl(201, 100%, 96%);
 }

+ 6 - 6
packages/ckeditor5-theme-lark/theme/ckeditor5-ui/globals/_reset.css

@@ -14,9 +14,9 @@
 /**
  * Resets an element, ignoring its children.
  */
-.ck-reset,
-.ck-reset_all,
-.ck-reset_all * {
+.ck.ck-reset,
+.ck.ck-reset_all,
+.ck.ck-reset_all * {
 	/* Do not include inheritable rules here. */
 	margin: 0;
 	padding: 0;
@@ -33,8 +33,8 @@
 /**
  * Resets an element AND its children.
  */
-.ck-reset_all,
-.ck-reset_all * {
+.ck.ck-reset_all,
+.ck.ck-reset_all * {
 	/* 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,7 +45,7 @@
 	float: none;
 }
 
-.ck-reset_all {
+.ck.ck-reset_all {
 	& .ck-rtl * {
 		text-align: right;
 	}

+ 1 - 1
packages/ckeditor5-theme-lark/theme/ckeditor5-widget/widget.css

@@ -13,7 +13,7 @@
 	--ck-color-widget-editable-focused-background: var(--ck-color-base-background),
 }
 
-.ck-widget {
+.ck.ck-widget {
 	margin: var(--ck-spacing-standard) 0;
 	padding: 0;