@ckeditor/ckeditor5-theme-lark 43.0.0 → 43.1.0-alpha.0

package/dist/index-editor.css

@@ -825,6 +825,116 @@ a.ck.ck-button-bold{
 .ck.ck-toolbar-dropdown .ck-toolbar{
 	border:0;
 }
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button{
+	width:100%;
+	padding:var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
+	border-radius:0;
+}
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus{
+		border-color:transparent;
+		box-shadow:none;
+	}
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on){
+			background:var(--ck-color-button-default-hover-background);
+		}
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-button__label{
+		flex-grow:1;
+		overflow:hidden;
+		text-overflow:ellipsis;
+	}
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-button__label{
+		opacity:var(--ck-disabled-opacity);
+	}
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label{
+		margin-left:calc(var(--ck-icon-size) - var(--ck-spacing-small));
+	}
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow{
+		width:var(--ck-dropdown-arrow-size);
+	}
+[dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow{
+			transform:rotate(-90deg);
+			margin-right:calc(-1 * var(--ck-spacing-small));
+	}
+[dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow{
+			transform:rotate(90deg);
+			margin-left:calc(-1 * var(--ck-spacing-small));
+	}
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow{
+		opacity:var(--ck-disabled-opacity);
+	}
+[dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text){
+			padding-left:var(--ck-spacing-small);
+		}
+[dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow{
+			right:var(--ck-spacing-standard);
+			margin-left:var(--ck-spacing-standard);
+		}
+[dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text){
+			padding-right:var(--ck-spacing-small);
+		}
+[dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow{
+			left:var(--ck-spacing-standard);
+			margin-right:var(--ck-spacing-small);
+		}
+:root{
+	--ck-dropdown-menu-menu-item-min-width:18em;
+}
+.ck.ck-dropdown-menu-list__nested-menu__item{
+	min-width:var(--ck-dropdown-menu-menu-item-min-width);
+}
+.ck-button.ck-dropdown-menu-list__nested-menu__item__button{
+	border-radius:0;
+}
+.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container,
+	.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container .ck-spinner{
+		--ck-toolbar-spinner-size:20px;
+	}
+.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container{
+		margin-left:calc(-1 * var(--ck-spacing-small));
+		margin-right:var(--ck-spacing-small);
+	}
+.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus{
+		border-color:transparent;
+		box-shadow:none;
+	}
+.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on){
+			background:var(--ck-color-button-default-hover-background);
+		}
+:root{
+	--ck-dropdown-menu-menu-panel-max-width:75vw;
+}
+.ck.ck-dropdown-menu__nested-menu__panel{
+	box-shadow:var(--ck-drop-shadow), 0 0;
+
+	background:var(--ck-color-dropdown-panel-background);
+	border:1px solid var(--ck-color-dropdown-panel-border);
+	bottom:0;
+	height:fit-content;
+	max-width:var(--ck-dropdown-menu-menu-panel-max-width);
+}
+.ck.ck-dropdown-menu__nested-menu__panel::after,
+	.ck.ck-dropdown-menu__nested-menu__panel::before{
+		display:none;
+	}
+.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es,
+	.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se{
+		border-top-left-radius:0;
+	}
+.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws,
+	.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw{
+		border-top-right-radius:0;
+	}
+.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en,
+	.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne{
+		border-bottom-left-radius:0;
+	}
+.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn,
+	.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw{
+		border-bottom-right-radius:0;
+	}
+.ck.ck-dropdown-menu__nested-menu__panel:focus{
+		outline:none;
+	}
 :root{
 	--ck-accessibility-help-dialog-max-width:600px;
 	--ck-accessibility-help-dialog-max-height:400px;

package/dist/index.css

@@ -1297,6 +1297,196 @@ of the component, floating–point numbers have been used which, for the default
 .ck.ck-toolbar-dropdown .ck-toolbar {
 	border: 0;
 }
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * A class which indicates that an element holding it is disabled.
+ */
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * Implements a button of given background color.
+ *
+ * @param {String} $background - Background color of the button.
+ * @param {String} $border - Border color of the button.
+ */
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/*
+ * All menu buttons.
+ */
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button {
+	width: 100%;
+	padding: var(--ck-spacing-tiny) calc(2 * var(--ck-spacing-standard));
+	border-radius: 0;
+}
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus {
+		border-color: transparent;
+		box-shadow: none;
+	}
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button:focus:not(.ck-on) {
+			background: var(--ck-color-button-default-hover-background);
+		}
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-button__label {
+		flex-grow: 1;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-button__label {
+		opacity: var(--ck-disabled-opacity);
+	}
+/* Spacing in buttons that miss the icon. */
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-icon-spacing:not(:has(.ck-button__icon)) > .ck-button__label {
+		margin-left: calc(var(--ck-icon-size) - var(--ck-spacing-small));
+	}
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
+		width: var(--ck-dropdown-arrow-size);
+	}
+[dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
+			transform: rotate(-90deg);
+
+			/* Nudge the arrow gently to the right because its center of gravity is to the left */
+			margin-right: calc(-1 * var(--ck-spacing-small));
+	}
+[dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
+			transform: rotate(90deg);
+
+			/* Nudge the arrow gently to the left because its center of gravity is to the right (after rotation). */
+			margin-left: calc(-1 * var(--ck-spacing-small));
+	}
+.ck.ck-button.ck-dropdown-menu-list__nested-menu__button.ck-disabled > .ck-dropdown-menu-list__nested-menu__button__arrow {
+		opacity: var(--ck-disabled-opacity);
+	}
+[dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
+			padding-left: var(--ck-spacing-small);
+		}
+[dir="ltr"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
+			right: var(--ck-spacing-standard);
+
+			/* A space to accommodate the triangle. */
+			margin-left: var(--ck-spacing-standard);
+		}
+[dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button:not(.ck-button_with-text) {
+			padding-right: var(--ck-spacing-small);
+		}
+[dir="rtl"] .ck.ck-button.ck-dropdown-menu-list__nested-menu__button > .ck-dropdown-menu-list__nested-menu__button__arrow {
+			left: var(--ck-spacing-standard);
+
+			/* A space to accommodate the triangle. */
+			margin-right: var(--ck-spacing-small);
+		}
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+:root {
+	--ck-dropdown-menu-menu-item-min-width: 18em;
+}
+.ck.ck-dropdown-menu-list__nested-menu__item {
+	min-width: var(--ck-dropdown-menu-menu-item-min-width);
+}
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/*
+ * List item buttons.
+ */
+.ck-button.ck-dropdown-menu-list__nested-menu__item__button {
+	border-radius: 0;
+}
+.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container,
+	.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container .ck-spinner {
+		/* These styles correspond to .ck-icon so that the spinner seamlessly replaces the icon. */
+		--ck-toolbar-spinner-size: 20px;
+	}
+.ck-button.ck-dropdown-menu-list__nested-menu__item__button > .ck-spinner-container {
+		/* These margins are the same as for .ck-icon. */
+		margin-left: calc(-1 * var(--ck-spacing-small));
+		margin-right: var(--ck-spacing-small);
+	}
+/*
+	 * Hovered items automatically get focused. Default focus styles look odd
+	 * while moving across a huge list of items so let's get rid of them
+	 */
+.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus {
+		border-color: transparent;
+		box-shadow: none;
+	}
+.ck-button.ck-dropdown-menu-list__nested-menu__item__button:focus:not(.ck-on) {
+			background: var(--ck-color-button-default-hover-background);
+		}
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * Implements rounded corner interface for .ck-rounded-corners class.
+ *
+ * @see $ck-border-radius
+ */
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * A helper to combine multiple shadows.
+ */
+/**
+ * Gives an element a drop shadow so it looks like a floating panel.
+ */
+:root {
+	--ck-dropdown-menu-menu-panel-max-width: 75vw;
+}
+.ck.ck-dropdown-menu__nested-menu__panel {
+	box-shadow: var(--ck-drop-shadow), 0 0;
+
+	background: var(--ck-color-dropdown-panel-background);
+	border: 1px solid var(--ck-color-dropdown-panel-border);
+	bottom: 0;
+	height: fit-content;
+	max-width: var(--ck-dropdown-menu-menu-panel-max-width);
+
+	/* Reset balloon styling */
+}
+.ck.ck-dropdown-menu__nested-menu__panel::after,
+	.ck.ck-dropdown-menu__nested-menu__panel::before {
+		display: none;
+	}
+/* Corner border radius consistent with the button. */
+.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_es,
+	.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_se {
+		border-top-left-radius: 0;
+	}
+.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ws,
+	.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_sw {
+		border-top-right-radius: 0;
+	}
+.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_en,
+	.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_ne {
+		border-bottom-left-radius: 0;
+	}
+.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_wn,
+	.ck.ck-dropdown-menu__nested-menu__panel.ck-balloon-panel_nw {
+		border-bottom-right-radius: 0;
+	}
+.ck.ck-dropdown-menu__nested-menu__panel:focus {
+		outline: none;
+	}
 /*
  * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license