@ckeditor/ckeditor5-table 47.6.1 → 48.0.0-alpha.0

package/theme/tablecaption.css

@@ -1,66 +0,0 @@
-/*
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-@import "@ckeditor/ckeditor5-ui/theme/mixins/_mediacolors.css";
-
-:root {
-	--ck-content-color-table-caption-background: hsl(0, 0%, 97%);
-	--ck-content-color-table-caption-text: hsl(0, 0%, 20%);
-	--ck-color-table-caption-highlighted-background: hsl(52deg 100% 50%);
-}
-
-/* Content styles */
-.ck-content .table > figcaption,
-.ck-content figure.table > table > caption {
-	display: table-caption;
-	caption-side: top;
-	word-break: normal;
-	overflow-wrap: anywhere;
-	text-align: center;
-	color: var(--ck-content-color-table-caption-text);
-	background-color: var(--ck-content-color-table-caption-background);
-	padding: .6em;
-	font-size: .75em;
-	outline-offset: -1px;
-
-	/* Improve placeholder rendering in high-constrast mode (https://github.com/ckeditor/ckeditor5/issues/14907). */
-	@mixin ck-media-forced-colors {
-		background-color: unset;
-		color: unset;
-	}
-}
-
-/* Editing styles */
-.ck.ck-editor__editable .table > figcaption,
-.ck.ck-editor__editable figure.table > table > caption {
-	@mixin ck-media-default-colors {
-		&.table__caption_highlighted {
-			animation: ck-table-caption-highlight .6s ease-out;
-		}
-	}
-
-	&.ck-placeholder::before {
-		padding-left: inherit;
-		padding-right: inherit;
-
-		/*
-		 * Make sure the table caption placeholder doesn't overflow the placeholder area.
-		 * See https://github.com/ckeditor/ckeditor5/issues/9162.
-		 */
-		white-space: nowrap;
-		overflow: hidden;
-		text-overflow: ellipsis;
-	}
-}
-
-@keyframes ck-table-caption-highlight {
-	0% {
-		background-color: var(--ck-color-table-caption-highlighted-background);
-	}
-
-	100% {
-		background-color: var(--ck-content-color-table-caption-background);
-	}
-}

package/theme/tablecellproperties-experimental.css

@@ -1,4 +0,0 @@
-/*
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */

package/theme/tablecellproperties.css

@@ -1,28 +0,0 @@
-/*
- * Copyright (c) 2003-2026, 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-cell-properties-form {
-	& .ck-form__row {
-		&.ck-table-cell-properties-form__alignment-row {
-			flex-wrap: wrap;
-
-			& .ck.ck-toolbar {
-				&:first-of-type {
-					/* 4 buttons out of 7 (h-alignment + v-alignment) = 0.57 */
-					flex-grow: 0.57;
-				}
-
-				&:last-of-type {
-					/* 3 buttons out of 7 (h-alignment + v-alignment) = 0.43 */
-					flex-grow: 0.43;
-				}
-
-				& .ck-button {
-					flex-grow: 1;
-				}
-			}
-		}
-	}
-}

package/theme/tablecolumnresize.css

@@ -1,62 +0,0 @@
-/*
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-:root {
-	--ck-color-table-column-resizer-hover: var(--ck-color-base-active);
-	--ck-table-column-resizer-width: 7px;
-
-	/* The offset used for absolute positioning of the resizer element, so that it is placed exactly above the cell border.
-	   The value is: minus half the width of the resizer decreased additionaly by the half the width of the border (0.5px). */
-	--ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
-}
-
-.ck-content .table .ck-table-resized {
-	table-layout: fixed;
-}
-
-.ck-content .table td,
-.ck-content .table th {
-	/* To prevent text overflowing beyond its cell when columns are resized by resize handler
-	(https://github.com/ckeditor/ckeditor5/pull/14379#issuecomment-1589460978). */
-	overflow-wrap: break-word;
-}
-
-.ck.ck-editor__editable .table td,
-.ck.ck-editor__editable .table th {
-	/* The resizer element is placed inside each cell, so it must be positioned relatively to the cell. */
-	position: relative;
-}
-
-.ck.ck-editor__editable .table .ck-table-column-resizer {
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	right: var(--ck-table-column-resizer-position-offset);
-	width: var(--ck-table-column-resizer-width);
-	cursor: col-resize;
-	user-select: none;
-	z-index: var(--ck-z-default);
-}
-
-.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer {
-	display: none;
-}
-
-/* The resizer elements, which are extended to an extremely high height, break the drag & drop feature in Chrome. To make it work again,
-   all resizers must be hidden while the table is dragged. */
-.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {
-	display: none;
-}
-
-.ck.ck-editor__editable .table .ck-table-column-resizer:hover,
-.ck.ck-editor__editable .table .ck-table-column-resizer__active {
-	background-color: var(--ck-color-table-column-resizer-hover);
-	opacity: 0.25;
-}
-
-.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {
-	left: var(--ck-table-column-resizer-position-offset);
-	right: unset;
-}

package/theme/tableediting.css

@@ -1,10 +0,0 @@
-/*
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-/*
- * Note: This file should contain the wireframe styles only. But since there are no such styles,
- * it acts as a message to the builder telling that it should look for the corresponding styles
- * **in the theme** when compiling the editor.
- */

package/theme/tableform-experimental.css

@@ -1,61 +0,0 @@
-/*
- * Copyright (c) 2003-2026, 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-form {
-	& .ck-form__row {
-		&.ck-table-form__border-row {
-			flex-wrap: wrap;
-		}
-
-		&.ck-table-form__background-row {
-			flex-wrap: wrap;
-		}
-
-		&.ck-table-form__dimensions-row {
-			flex-wrap: wrap;
-			align-items: center;
-
-			& .ck-labeled-field-view {
-				display: flex;
-				flex-direction: column-reverse;
-				align-items: center;
-
-				& .ck.ck-dropdown {
-					flex-grow: 0;
-				}
-			}
-		}
-
-		/* Ignore labels that work as fieldset legends */
-		/* Fallback for table dimension operator */
-		&:not(.ck-table-form__action-row) > *:not(.ck-label, .ck-table-form__dimension-operator) {
-			flex-grow: 1;
-		}
-	}
-
-	& .ck.ck-labeled-field-view {
-		/* Allow absolute positioning of the status (error) balloons. */
-		position: relative;
-
-		& .ck.ck-labeled-field-view__status {
-			position: absolute;
-			left: 50%;
-			bottom: calc( -1 * var(--ck-table-properties-error-arrow-size) );
-			transform: translate(-50%,100%);
-
-			/* Make sure the balloon status stays on top of other form elements. */
-			z-index: 1;
-
-			/* The arrow pointing towards the field. */
-			&::after {
-				content: "";
-				position: absolute;
-				top: calc( -1 * var(--ck-table-properties-error-arrow-size) );
-				left: 50%;
-				transform: translateX( -50% );
-			}
-		}
-	}
-}

package/theme/tableform.css

@@ -1,64 +0,0 @@
-/*
- * Copyright (c) 2003-2026, 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-form {
-	& .ck-form__row {
-		&.ck-table-form__border-row,
-		&.ck-table-form__background-row,
-		&.ck-table-form__cell-type-row {
-			flex-wrap: wrap;
-		}
-
-		&.ck-table-form__dimensions-row,
-		&.ck-table-form__cell-type-row {
-			flex-wrap: wrap;
-			align-items: center;
-
-			& .ck-labeled-field-view {
-				display: flex;
-				flex-direction: column-reverse;
-				align-items: center;
-
-				& .ck.ck-dropdown {
-					flex-grow: 0;
-				}
-			}
-
-			& .ck-table-form__dimension-operator {
-				flex-grow: 0;
-			}
-		}
-
-		/* Ignore labels that work as fieldset legends */
-		/* Fallback for table dimension operator */
-		& > *:not(.ck-label, .ck-table-form__dimension-operator) {
-			flex-grow: 1;
-		}
-	}
-
-	& .ck.ck-labeled-field-view {
-		/* Allow absolute positioning of the status (error) balloons. */
-		position: relative;
-
-		& .ck.ck-labeled-field-view__status {
-			position: absolute;
-			left: 50%;
-			bottom: calc( -1 * var(--ck-table-properties-error-arrow-size) );
-			transform: translate(-50%,100%);
-
-			/* Make sure the balloon status stays on top of other form elements. */
-			z-index: 1;
-
-			/* The arrow pointing towards the field. */
-			&::after {
-				content: "";
-				position: absolute;
-				top: calc( -1 * var(--ck-table-properties-error-arrow-size) );
-				left: 50%;
-				transform: translateX( -50% );
-			}
-		}
-	}
-}

package/theme/tablelayout.css

@@ -1,74 +0,0 @@
-/*
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-.ck-editor__editable {
-	&.ck-editor__editable_inline {
-		& > .ck-widget.ck-widget_with-selection-handle.layout-table {
-			&:first-child {
-				margin-top: var(--ck-spacing-large);
-			}
-			/*
-			* This value should match with the default margins of the block elements (like .media, .image or .table)
-			* to avoid a content jumping when the fake selection container shows up (See https://github.com/ckeditor/ckeditor5/issues/9825).
-			*/
-			&:last-child,
-			/* Fallback for hidden fake selection div */
-			&:nth-last-child(2):has( + .ck-fake-selection-container) {
-				margin-bottom: var(--ck-spacing-large);
-			}
-		}
-	}
-
-	& .table.layout-table {
-		display: table;
-		margin: 0;
-
-		/* Widget type around overrides. */
-		&.ck-widget {
-			&:hover {
-				/* To prevent the widget outline from being cut off at the bottom
-				when the next cell or table has a background color, for example. */
-				z-index: var(--ck-z-default);
-			}
-
-			&:hover > .ck-widget__selection-handle {
-				opacity: 0.75;
-				visibility: visible;
-
-				&:hover {
-					opacity: 1;
-				}
-			}
-
-			/* Because of setting the opacity to 0.75 to the selection handle for the layout table,
-			it overrides the similar selector in widget (specificity is higher),
-			thats why we must override it here also. */
-			&:has( .ck-widget.table:hover ) > .ck-widget__selection-handle {
-				opacity: 0;
-				visibility: hidden;
-			}
-
-			&.ck-widget_selected {
-				/* To prevent the widget outline from being cut off at the bottom
-				when the next cell or table has a background color, for example. */
-				z-index: var(--ck-z-default);
-			}
-		}
-	}
-}
-
-.ck-content {
-	& table.table.layout-table,
-	& figure.table.layout-table {
-		/* Do not reserve space above and below the layout table. */
-		margin-top: 0;
-		margin-bottom: 0;
-	}
-
-	& table.table.layout-table,
-	& figure.table.layout-table > table {
-		border-spacing: 0;
-	}
-}

package/theme/tableproperties-experimental.css

@@ -1,78 +0,0 @@
-/*
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-:root {
-	--ck-content-table-style-spacing: 1.5em;
-}
-
-.ck.ck-table-properties-form {
-	& .ck-form__row {
-		&.ck-table-properties-form__alignment-row {
-			flex-wrap: wrap;
-			flex-basis: 0;
-			align-content: baseline;
-
-			& .ck.ck-toolbar .ck-toolbar__items {
-				flex-wrap: nowrap;
-			}
-		}
-	}
-}
-
-.ck-content {
-	& .table {
-		&.table-style-align-left {
-			float: left;
-			margin-right: var(--ck-content-table-style-spacing);
-		}
-
-		&.table-style-align-right {
-			float: right;
-			margin-left: var(--ck-content-table-style-spacing);
-		}
-
-		&.table-style-align-center {
-			margin-left: auto;
-			margin-right: auto;
-		}
-
-		&.table-style-block-align-left {
-			margin-left: 0;
-			margin-right: auto;
-		}
-
-		&.table-style-block-align-right {
-			margin-left: auto;
-			margin-right: 0;
-		}
-	}
-}
-
-.ck-editor__editable {
-	& .table.layout-table {
-		&.table-style-align-center {
-			margin-left: auto;
-			margin-right: auto;
-		}
-
-		&.table-style-align-left {
-			margin-right: var(--ck-content-table-style-spacing);
-		}
-
-		&.table-style-align-right {
-			margin-left: var(--ck-content-table-style-spacing);
-		}
-
-		&.table-style-block-align-left {
-			margin-left: 0;
-			margin-right: auto;
-		}
-
-		&.table-style-block-align-right {
-			margin-left: auto;
-			margin-right: 0;
-		}
-	}
-}

package/theme/tableproperties.css

@@ -1,18 +0,0 @@
-/*
- * Copyright (c) 2003-2026, 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 {
-	& .ck-form__row {
-		&.ck-table-properties-form__alignment-row {
-			flex-wrap: wrap;
-			flex-basis: 0;
-			align-content: baseline;
-
-			& .ck.ck-toolbar .ck-toolbar__items {
-				flex-wrap: nowrap;
-			}
-		}
-	}
-}

package/theme/tableselection.css

@@ -1,10 +0,0 @@
-/*
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
-/*
- * Note: This file should contain the wireframe styles only. But since there are no such styles,
- * it acts as a message to the builder telling that it should look for the corresponding styles
- * **in the theme** when compiling the editor.
- */