@ckeditor/ckeditor5-table 45.2.1 → 46.0.0-alpha.0

package/dist/index-content.css

@@ -69,16 +69,17 @@
 	}
 
 :root{
-	--ck-color-selector-caption-background:hsl(0, 0%, 97%);
-	--ck-color-selector-caption-text:hsl(0, 0%, 20%);
+	--ck-content-color-table-caption-background:hsl(0, 0%, 97%);
+	--ck-content-color-table-caption-text:hsl(0, 0%, 20%);
 }
 .ck-content .table > figcaption{
 	display:table-caption;
 	caption-side:top;
-	word-break:break-word;
+	word-break:normal;
+	overflow-wrap:anywhere;
 	text-align:center;
-	color:var(--ck-color-selector-caption-text);
-	background-color:var(--ck-color-selector-caption-background);
+	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;

package/dist/index-editor.css

@@ -7,12 +7,6 @@
 	width:100%;
 }
 
-.ck .ck-insert-table-dropdown__grid{
-	display:flex;
-	flex-direction:row;
-	flex-wrap:wrap;
-}
-
 .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row{
 			flex-wrap:wrap;
 		}
@@ -29,39 +23,6 @@
 					flex-grow:1;
 				}
 
-.ck.ck-input-color{
-	width:100%;
-	display:flex;
-	flex-direction:row-reverse;
-}
-
-.ck.ck-input-color > input.ck.ck-input-text{
-		min-width:auto;
-		flex-grow:1;
-	}
-
-.ck.ck-input-color > div.ck.ck-dropdown{
-		min-width:auto;
-	}
-
-.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow{
-			display:none;
-		}
-
-.ck.ck-input-color .ck.ck-input-color__button{
-		display:flex;
-	}
-
-.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview{
-			position:relative;
-			overflow:hidden;
-		}
-
-.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator{
-				position:absolute;
-				display:block;
-			}
-
 .ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:first-child{
 				margin-top:var(--ck-spacing-large);
 			}
@@ -238,9 +199,9 @@
 			}
 
 :root{
-	--ck-color-selector-caption-background:hsl(0, 0%, 97%);
-	--ck-color-selector-caption-text:hsl(0, 0%, 20%);
-	--ck-color-selector-caption-highlighted-background:hsl(52deg 100% 50%);
+	--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%);
 }
 @media (forced-colors: none){
 		.ck.ck-editor__editable .table > figcaption.table__caption_highlighted{
@@ -257,16 +218,16 @@
 
 @keyframes ck-table-caption-highlight{
 	0%{
-		background-color:var(--ck-color-selector-caption-highlighted-background);
+		background-color:var(--ck-color-table-caption-highlighted-background);
 	}
 
 	100%{
-		background-color:var(--ck-color-selector-caption-background);
+		background-color:var(--ck-content-color-table-caption-background);
 	}
 }
 
 :root{
-	--ck-color-selector-column-resizer-hover:var(--ck-color-base-active);
+	--ck-color-table-column-resizer-hover:var(--ck-color-base-active);
 	--ck-table-column-resizer-width:7px;
 	--ck-table-column-resizer-position-offset:calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
 }
@@ -296,11 +257,50 @@
 
 .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-selector-column-resizer-hover);
+	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;
+}
+
+.ck.ck-input-color{
+	width:100%;
+	display:flex;
+	flex-direction:row-reverse;
+}
+
+.ck.ck-input-color > input.ck.ck-input-text{
+		min-width:auto;
+		flex-grow:1;
+	}
+
+.ck.ck-input-color > div.ck.ck-dropdown{
+		min-width:auto;
+	}
+
+.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow{
+			display:none;
+		}
+
+.ck.ck-input-color .ck.ck-input-color__button{
+		display:flex;
+	}
+
+.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview{
+			position:relative;
+			overflow:hidden;
+		}
+
+.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator{
+				position:absolute;
+				display:block;
+			}
+
+.ck .ck-insert-table-dropdown__grid{
+	display:flex;
+	flex-direction:row;
+	flex-wrap:wrap;
 }

package/dist/index.css

@@ -121,17 +121,6 @@
 	width: 100%;
 }
 
-/*
- * 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-insert-table-dropdown__grid {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-}
-
 /*
  * 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
@@ -160,47 +149,6 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
-.ck.ck-input-color {
-	width: 100%;
-	display: flex;
-	flex-direction: row-reverse;
-}
-
-.ck.ck-input-color > input.ck.ck-input-text {
-		min-width: auto;
-		flex-grow: 1;
-	}
-
-.ck.ck-input-color > div.ck.ck-dropdown {
-		min-width: auto;
-
-		/* This dropdown has no arrow but a color preview instead. */
-	}
-
-.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow {
-			display: none;
-		}
-
-.ck.ck-input-color .ck.ck-input-color__button {
-		/* Resolving issue with misaligned buttons on Safari (see #10589) */
-		display: flex;
-	}
-
-.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview {
-			position: relative;
-			overflow: hidden;
-		}
-
-.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
-				position: absolute;
-				display: block;
-			}
-
-/*
- * 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-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:first-child {
 				margin-top: var(--ck-spacing-large);
 			}
@@ -456,19 +404,20 @@
  */
 
 :root {
-	--ck-color-selector-caption-background: hsl(0, 0%, 97%);
-	--ck-color-selector-caption-text: hsl(0, 0%, 20%);
-	--ck-color-selector-caption-highlighted-background: hsl(52deg 100% 50%);
+	--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 {
 	display: table-caption;
 	caption-side: top;
-	word-break: break-word;
+	word-break: normal;
+	overflow-wrap: anywhere;
 	text-align: center;
-	color: var(--ck-color-selector-caption-text);
-	background-color: var(--ck-color-selector-caption-background);
+	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;
@@ -503,11 +452,11 @@
 
 @keyframes ck-table-caption-highlight {
 	0% {
-		background-color: var(--ck-color-selector-caption-highlighted-background);
+		background-color: var(--ck-color-table-caption-highlighted-background);
 	}
 
 	100% {
-		background-color: var(--ck-color-selector-caption-background);
+		background-color: var(--ck-content-color-table-caption-background);
 	}
 }
 
@@ -517,7 +466,7 @@
  */
 
 :root {
-	--ck-color-selector-column-resizer-hover: var(--ck-color-base-active);
+	--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.
@@ -565,7 +514,7 @@
 
 .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-selector-column-resizer-hover);
+	background-color: var(--ck-color-table-column-resizer-hover);
 	opacity: 0.25;
 }
 
@@ -574,4 +523,56 @@
 	right: unset;
 }
 
+/*
+ * 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-input-color {
+	width: 100%;
+	display: flex;
+	flex-direction: row-reverse;
+}
+
+.ck.ck-input-color > input.ck.ck-input-text {
+		min-width: auto;
+		flex-grow: 1;
+	}
+
+.ck.ck-input-color > div.ck.ck-dropdown {
+		min-width: auto;
+
+		/* This dropdown has no arrow but a color preview instead. */
+	}
+
+.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow {
+			display: none;
+		}
+
+.ck.ck-input-color .ck.ck-input-color__button {
+		/* Resolving issue with misaligned buttons on Safari (see #10589) */
+		display: flex;
+	}
+
+.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview {
+			position: relative;
+			overflow: hidden;
+		}
+
+.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
+				position: absolute;
+				display: block;
+			}
+
+/*
+ * 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-insert-table-dropdown__grid {
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+}
+
 /*# sourceMappingURL=index.css.map */