@ckeditor/ckeditor5-theme-lark 43.2.0 → 43.3.0-alpha.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"names":[],"mappings":";;;;AAAA;AACA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG","file":"index.js.map","sourcesContent":["\n//# sourceMappingURL=index.js.map\n"]}
+{"version":3,"sources":["index.js"],"names":[],"mappings":";;;;;AACA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC","file":"index.js.map","sourcesContent":["\n//# sourceMappingURL=index.js.map\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-theme-lark",
-  "version": "43.2.0",
+  "version": "43.3.0-alpha.0",
   "description": "A bright theme for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -9,7 +9,7 @@
     "ckeditor5-theme"
   ],
   "dependencies": {
-    "@ckeditor/ckeditor5-ui": "43.2.0"
+    "@ckeditor/ckeditor5-ui": "43.3.0-alpha.0"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "GPL-2.0-or-later",

package/theme/ckeditor5-html-embed/htmlembed.css

@@ -56,18 +56,18 @@
 		margin-left: 50px;
 	}
 
-	@nest .ck.ck-editor__editable.ck-blurred &.ck-widget_selected::before {
+	.ck.ck-editor__editable.ck-blurred &.ck-widget_selected::before {
 		top: 0px;
 		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
 	}
 
-	@nest .ck.ck-editor__editable:not(.ck-blurred) &.ck-widget_selected::before {
+	.ck.ck-editor__editable:not(.ck-blurred) &.ck-widget_selected::before {
 		top: 0;
 		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
 		background: var(--ck-color-focus-border);
 	}
 
-	@nest .ck.ck-editor__editable &:not(.ck-widget_selected):hover::before {
+	.ck.ck-editor__editable &:not(.ck-widget_selected):hover::before {
 		top: 0px;
 		padding: var(--ck-spacing-tiny) var(--ck-spacing-small);
 	}
@@ -135,7 +135,7 @@
 		width: var(--ck-html-embed-content-width);
 
 		/* Disable all mouse interaction as long as the editor is not read–only. */
-		@nest .ck-editor__editable:not(.ck-read-only) & {
+		.ck-editor__editable:not(.ck-read-only) & {
 			pointer-events: none;
 		}
 	}

package/theme/ckeditor5-ui/components/dialog/dialog.css

@@ -32,12 +32,17 @@
 	max-height: var(--ck-dialog-max-height);
 	max-width: var(--ck-dialog-max-width);
 	border: 1px solid var(--ck-color-base-border);
+	overscroll-behavior: contain;
 
 	& .ck.ck-form__header {
 		border-bottom: 1px solid var(--ck-color-dialog-form-header-border);
 	}
 }
 
+.ck-dialog-scroll-locked {
+	overflow: hidden;
+}
+
 @keyframes ck-dialog-fade-in {
 	0% {
 		background: hsla( 0, 0%, 0%, 0 );

package/theme/ckeditor5-ui/components/dropdown/splitbutton.css

@@ -16,13 +16,13 @@
 	 */
 	&:hover > .ck-splitbutton__action,
 	&.ck-splitbutton_open > .ck-splitbutton__action {
-		@nest [dir="ltr"] & {
+		[dir="ltr"] & {
 			/* Don't round the action button on the right side */
 			border-top-right-radius: unset;
 			border-bottom-right-radius: unset;
 		}
 
-		@nest [dir="rtl"] & {
+		[dir="rtl"] & {
 			/* Don't round the action button on the left side */
 			border-top-left-radius: unset;
 			border-bottom-left-radius: unset;
@@ -34,13 +34,13 @@
 		it must get some arbitrary min-width. */
 		min-width: unset;
 
-		@nest [dir="ltr"] & {
+		[dir="ltr"] & {
 			/* Don't round the arrow button on the left side */
 			border-top-left-radius: unset;
 			border-bottom-left-radius: unset;
 		}
 
-		@nest [dir="rtl"] & {
+		[dir="rtl"] & {
 			/* Don't round the arrow button on the right side */
 			border-top-right-radius: unset;
 			border-bottom-right-radius: unset;
@@ -58,6 +58,20 @@
 		border-bottom-width: 0px;
 	}
 
+	/* Don't round the bottom left and right corners of the buttons when "open"
+	https://github.com/ckeditor/ckeditor5/issues/816 */
+	&.ck-splitbutton_open {
+		@mixin ck-rounded-corners {
+			& > .ck-splitbutton__action {
+				border-bottom-left-radius: 0;
+			}
+
+			& > .ck-splitbutton__arrow {
+				border-bottom-right-radius: 0;
+			}
+		}
+	}
+
 	/* When the split button is "open" (the arrow is on) or being hovered, it should get some styling
 	as a whole. The background of both buttons should stand out and there should be a visual
 	separation between both buttons. */
@@ -83,30 +97,16 @@
 			--ck-color-split-button-hover-border: var(--ck-color-focus-border);
 		}
 
-		@nest [dir="ltr"] & {
+		[dir="ltr"] & {
 			& > .ck-splitbutton__arrow:not(.ck-disabled)::after {
 				left: -1px;
 			}
 		}
 
-		@nest [dir="rtl"] & {
+		[dir="rtl"] & {
 			& > .ck-splitbutton__arrow:not(.ck-disabled)::after {
 				right: -1px;
 			}
 		}
 	}
-
-	/* Don't round the bottom left and right corners of the buttons when "open"
-	https://github.com/ckeditor/ckeditor5/issues/816 */
-	&.ck-splitbutton_open {
-		@mixin ck-rounded-corners {
-			& > .ck-splitbutton__action {
-				border-bottom-left-radius: 0;
-			}
-
-			& > .ck-splitbutton__arrow {
-				border-bottom-right-radius: 0;
-			}
-		}
-	}
 }

package/theme/ckeditor5-ui/components/toolbar/toolbar.css

@@ -110,7 +110,7 @@
 		outline: none;
 	}
 
-	@nest .ck-toolbar-container & {
+	.ck-toolbar-container & {
 		border: 0;
 	}
 }

package/theme/mixins/_rounded.css

@@ -11,7 +11,7 @@
 @define-mixin ck-rounded-corners {
 	border-radius: 0;
 
-	@nest .ck-rounded-corners &,
+	.ck-rounded-corners &,
 	&.ck-rounded-corners {
 		border-radius: var(--ck-border-radius);
 		@mixin-content;