@ckeditor/ckeditor5-theme-lark 47.2.0-alpha.7 → 47.3.0-alpha.0

package/LICENSE.md

@@ -11,10 +11,10 @@ Licensed under a dual-license model, this software is available under:
 
 For more information, see: [https://ckeditor.com/legal/ckeditor-licensing-options](https://ckeditor.com/legal/ckeditor-licensing-options).
 
-Sources of Intellectual Property Included in CKEditor
------------------------------------------------------
+Sources of Intellectual Property Included in CKEditor 5
+------------------------------------------------------------
 
-Where not otherwise indicated, all CKEditor content is authored by CKSource engineers and consists of CKSource-owned intellectual property. In some specific instances, CKEditor will incorporate work done by developers outside of CKSource with their express permission.
+Where not otherwise indicated, all CKEditor 5 content is authored by CKSource engineers and consists of CKSource-owned intellectual property. In some specific instances, CKEditor 5 will incorporate work done by developers outside of CKSource with their express permission.
 
 Trademarks
 ----------

package/dist/index-editor.css

@@ -3570,6 +3570,124 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon){
 .ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret{
 						bottom:0;
 					}
+.ck.ck-table-properties-form{
+	width:320px;
+}
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row{
+			align-self:flex-end;
+		}
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar{
+				background:none;
+				margin-top:var(--ck-spacing-standard);
+			}
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > *{
+					flex:1;
+				}
+.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-properties-form__alignment-row{
+				padding:var(--ck-spacing-standard) var(--ck-spacing-large) 0;
+			}
+.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__action-row{
+				justify-content:flex-end;
+			}
+.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__action-row > .ck.ck-button{
+					flex-grow:initial;
+				}
+.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__action-row > .ck.ck-button .ck-button__label{
+						color:currentColor;
+					}
+:root{
+	--ck-table-properties-error-arrow-size:6px;
+	--ck-table-properties-min-error-width:150px;
+}
+.ck.ck-table-form.ck-table-properties-form_experimental{
+	--ck-table-form-default-input-width:80px;
+}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label{
+					font-size:var(--ck-font-size-tiny);
+					text-align:center;
+				}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,
+			.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__border-row .ck-table-form__border-width{
+				width:var(--ck-table-form-default-input-width);
+				min-width:var(--ck-table-form-default-input-width);
+				max-width:var(--ck-table-form-default-input-width);
+			}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row{
+			--ck-table-form-dimensions-input-width:calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
+
+			width:var(--ck-table-form-dimensions-input-width);
+			max-width:var(--ck-table-form-dimensions-input-width);
+			min-width:var(--ck-table-form-dimensions-input-width);
+			padding:0;
+		}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width,
+			.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height{
+				width:var(--ck-table-form-default-input-width);
+				min-width:var(--ck-table-form-default-input-width);
+				max-width:var(--ck-table-form-default-input-width);
+				margin:0
+			}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator{
+				position:relative;
+				left:-0.5ch;
+				width:0;
+				overflow:visible;
+				align-self:flex-end;
+				display:inline-block;
+				height:var(--ck-ui-component-min-height);
+				line-height:var(--ck-ui-component-min-height);
+				margin:0 var(--ck-spacing-small);
+			}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view{
+		padding-top:var(--ck-spacing-standard);
+	}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
+			border-radius:0;
+
+			background:var(--ck-color-base-error);
+			color:var(--ck-color-base-background);
+			padding:var(--ck-spacing-small) var(--ck-spacing-medium);
+			min-width:var(--ck-table-properties-min-error-width);
+			text-align:center;
+
+			animation:ck-table-form-labeled-view-status-appear .15s ease both;
+		}
+.ck-rounded-corners .ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,
+	.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners{
+		border-radius:var(--ck-border-radius);
+	}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after{
+				border-color:transparent transparent var(--ck-color-base-error) transparent;
+				border-width:0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
+				border-style:solid;
+			}
+@media (prefers-reduced-motion: reduce){
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
+				animation:none;
+		}
+			}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status{
+			display:none;
+		}
+@keyframes ck-table-form-labeled-view-status-appear{
+	0%{
+		opacity:0;
+	}
+
+	100%{
+		opacity:1;
+	}
+}
+.ck.ck-form__row > *:not(.ck-label) + *{
+			margin-inline-start:var(--ck-spacing-large);
+		}
+.ck.ck-form__row > .ck-label{
+		width:100%;
+		min-width:100%;
+	}
+.ck.ck-form__row.ck-table-form__action-row{
+		margin-top:var(--ck-spacing-large);
+	}
 :root{
 	--ck-widget-outline-thickness:3px;
 	--ck-widget-handler-icon-size:16px;

package/dist/index.css

@@ -5163,6 +5163,154 @@ a.ck.ck-button.ck-link-toolbar__preview:has( .ck-icon ) {
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
+.ck.ck-table-properties-form {
+	width: 320px;
+}
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
+			align-self: flex-end;
+		}
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {
+				background: none;
+
+				/* Compensate for missing input label that would push the margin (toolbar has no inputs). */
+				margin-top: var(--ck-spacing-standard);
+			}
+.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * {
+					flex: 1;
+				}
+.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-properties-form__alignment-row {
+				padding: var(--ck-spacing-standard) var(--ck-spacing-large) 0;
+			}
+.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__action-row {
+				justify-content: flex-end;
+			}
+.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__action-row > .ck.ck-button {
+					flex-grow: initial;
+				}
+.ck.ck-table-properties-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__action-row > .ck.ck-button .ck-button__label {
+						color: currentColor;
+					}
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/**
+ * Implements rounded corner interface for .ck-rounded-corners class.
+ *
+ * @see $ck-border-radius
+ */
+:root {
+	--ck-table-properties-error-arrow-size: 6px;
+	--ck-table-properties-min-error-width: 150px;
+}
+.ck.ck-table-form.ck-table-properties-form_experimental {
+	--ck-table-form-default-input-width: 80px;
+}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {
+					font-size: var(--ck-font-size-tiny);
+					text-align: center;
+				}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__border-row .ck-table-form__border-style,
+			.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {
+				width: var(--ck-table-form-default-input-width);
+				min-width: var(--ck-table-form-default-input-width);
+				max-width: var(--ck-table-form-default-input-width);
+			}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row {
+			--ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
+
+			width: var(--ck-table-form-dimensions-input-width);
+			max-width: var(--ck-table-form-dimensions-input-width);
+			min-width: var(--ck-table-form-dimensions-input-width);
+			padding: 0;
+		}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width,
+			.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height {
+				width: var(--ck-table-form-default-input-width);
+				min-width: var(--ck-table-form-default-input-width);
+				max-width: var(--ck-table-form-default-input-width);
+				margin: 0
+			}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
+				position: relative;
+				left: -0.5ch;
+				width: 0;
+				overflow: visible;
+				align-self: flex-end;
+				display: inline-block;
+				height: var(--ck-ui-component-min-height);
+				line-height: var(--ck-ui-component-min-height);
+				margin: 0 var(--ck-spacing-small);
+			}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view {
+		padding-top: var(--ck-spacing-standard);
+	}
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
+			border-radius: 0;
+
+			background: var(--ck-color-base-error);
+			color: var(--ck-color-base-background);
+			padding: var(--ck-spacing-small) var(--ck-spacing-medium);
+			min-width: var(--ck-table-properties-min-error-width);
+			text-align: center;
+
+			animation: ck-table-form-labeled-view-status-appear .15s ease both;
+		}
+.ck-rounded-corners .ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status,
+	.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status.ck-rounded-corners {
+		border-radius: var(--ck-border-radius);
+	}
+/* The arrow pointing towards the field. */
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
+				border-color: transparent transparent var(--ck-color-base-error) transparent;
+				border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
+				border-style: solid;
+			}
+@media (prefers-reduced-motion: reduce) {
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
+				animation: none;
+		}
+			}
+/* Hide the error balloon when the field is blurred. Makes the experience much more clear. */
+.ck.ck-table-form.ck-table-properties-form_experimental .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
+			display: none;
+		}
+@keyframes ck-table-form-labeled-view-status-appear {
+	0% {
+		opacity: 0;
+	}
+
+	100% {
+		opacity: 1;
+	}
+}
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/* Ignore labels that work as fieldset legends */
+.ck.ck-form__row > *:not(.ck-label) + * {
+			margin-inline-start: var(--ck-spacing-large);
+		}
+.ck.ck-form__row > .ck-label {
+		width: 100%;
+		min-width: 100%;
+	}
+.ck.ck-form__row.ck-table-form__action-row {
+		margin-top: var(--ck-spacing-large);
+	}
+/*
+ * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
 /*
  * Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options