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

package/dist/index-editor.css

@@ -78,7 +78,8 @@
 	}
 
 .ck .ck-comment__content{
-	word-break:break-word;
+	word-break:normal;
+	overflow-wrap:anywhere;
 }
 
 .ck .ck-comment--info .ck-comment__content{
@@ -445,7 +446,8 @@
 		overflow:visible;
 		border:0;
 		background-color:transparent;
-		word-break:break-word;
+		word-break:normal;
+		overflow-wrap:anywhere;
 	}
 .ck-comment__input-wrapper .ck.ck-editor__editable_inline *:first-child{
 	margin-top:0;
@@ -515,71 +517,6 @@
 	font-style:italic;
 }
 
-:root{
-	--ck-color-annotation-wrapper-background:hsl(0, 0%, 100%);
-	--ck-color-annotation-wrapper-drop-shadow:0 1px 1px 1px hsl(0, 0%, 90%);
-}
-
-.ck.ck-sidebar{
-	position:relative;
-	transition:min-height 250ms ease;
-	outline:0;
-}
-
-@media (prefers-reduced-motion: reduce){
-
-.ck.ck-sidebar{
-		transition:none;
-}
-	}
-
-.ck-sidebar-item{
-	position:absolute;
-	width:100%;
-	transition:top 300ms ease, box-shadow 300ms ease;
-}
-
-@media (prefers-reduced-motion: reduce){
-
-.ck-sidebar-item{
-		transition:none;
-}
-	}
-
-.ck-sidebar-item--no-animation{
-	transition:top 0s ease !important;
-}
-
-.ck.ck-annotation-wrapper{
-	outline:0;
-	border-radius:var(--ck-border-radius);
-	background:var(--ck-color-annotation-wrapper-background);
-	box-shadow:var(--ck-color-annotation-wrapper-drop-shadow);
-}
-
-.ck.ck-annotation-wrapper--active .ck-annotation__actions, .ck.ck-annotation-wrapper:hover .ck-annotation__actions{
-		opacity:1;
-	}
-
-.ck.ck-annotation-wrapper--active .ck-annotation__actions .ck-comment--resolve, .ck.ck-annotation-wrapper:hover .ck-annotation__actions .ck-comment--resolve{
-			color:var(--ck-color-button-save);
-		}
-
-.ck.ck-annotation-wrapper--active .ck-suggestion--accept, .ck.ck-annotation-wrapper:hover .ck-suggestion--accept{
-		color:var(--ck-color-button-save)
-	}
-
-.ck.ck-annotation-wrapper--active .ck-suggestion--discard, .ck.ck-annotation-wrapper:hover .ck-suggestion--discard{
-		color:var(--ck-color-button-cancel)
-	}
-.ck.ck-annotation-wrapper:not(.ck-annotation-wrapper--active):hover{
-	box-shadow:var(--ck-drop-shadow);
-}
-
-.ck.ck-annotation-wrapper--active{
-	box-shadow:var(--ck-drop-shadow-active);
-}
-
 :root{
 	--ck-annotation-counter-icon-size:16px;
 	--ck-annotation-counter-number-size:10px;
@@ -782,6 +719,71 @@
 	}
 }
 
+:root{
+	--ck-color-annotation-wrapper-background:hsl(0, 0%, 100%);
+	--ck-color-annotation-wrapper-drop-shadow:0 1px 1px 1px hsl(0, 0%, 90%);
+}
+
+.ck.ck-sidebar{
+	position:relative;
+	transition:min-height 250ms ease;
+	outline:0;
+}
+
+@media (prefers-reduced-motion: reduce){
+
+.ck.ck-sidebar{
+		transition:none;
+}
+	}
+
+.ck-sidebar-item{
+	position:absolute;
+	width:100%;
+	transition:top 300ms ease, box-shadow 300ms ease;
+}
+
+@media (prefers-reduced-motion: reduce){
+
+.ck-sidebar-item{
+		transition:none;
+}
+	}
+
+.ck-sidebar-item--no-animation{
+	transition:top 0s ease !important;
+}
+
+.ck.ck-annotation-wrapper{
+	outline:0;
+	border-radius:var(--ck-border-radius);
+	background:var(--ck-color-annotation-wrapper-background);
+	box-shadow:var(--ck-color-annotation-wrapper-drop-shadow);
+}
+
+.ck.ck-annotation-wrapper--active .ck-annotation__actions, .ck.ck-annotation-wrapper:hover .ck-annotation__actions{
+		opacity:1;
+	}
+
+.ck.ck-annotation-wrapper--active .ck-annotation__actions .ck-comment--resolve, .ck.ck-annotation-wrapper:hover .ck-annotation__actions .ck-comment--resolve{
+			color:var(--ck-color-button-save);
+		}
+
+.ck.ck-annotation-wrapper--active .ck-suggestion--accept, .ck.ck-annotation-wrapper:hover .ck-suggestion--accept{
+		color:var(--ck-color-button-save)
+	}
+
+.ck.ck-annotation-wrapper--active .ck-suggestion--discard, .ck.ck-annotation-wrapper:hover .ck-suggestion--discard{
+		color:var(--ck-color-button-cancel)
+	}
+.ck.ck-annotation-wrapper:not(.ck-annotation-wrapper--active):hover{
+	box-shadow:var(--ck-drop-shadow);
+}
+
+.ck.ck-annotation-wrapper--active{
+	box-shadow:var(--ck-drop-shadow-active);
+}
+
 .ck .ck-comments-archive-dropdown.ck-dropdown__panel{
 		z-index:var(--ck-z-panel);
 	}

package/dist/index.css

@@ -145,7 +145,8 @@
 	}
 
 .ck .ck-comment__content {
-	word-break: break-word;
+	word-break: normal;
+	overflow-wrap: anywhere;
 }
 
 .ck .ck-comment--info .ck-comment__content {
@@ -607,7 +608,8 @@ We are styling resetting list-style because of parent <ul> element. */
 		overflow: visible;
 		border: 0;
 		background-color: transparent;
-		word-break: break-word;
+		word-break: normal;
+		overflow-wrap: anywhere;
 	}
 
 /* Overwrite default CKEditor 5 margin of editable children.
@@ -701,82 +703,6 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
 	font-style: italic;
 }
 
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * 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
- */
-
-:root {
-	--ck-color-annotation-wrapper-background: hsl(0, 0%, 100%);
-	--ck-color-annotation-wrapper-drop-shadow: 0 1px 1px 1px hsl(0, 0%, 90%);
-}
-
-.ck.ck-sidebar {
-	position: relative;
-	transition: min-height 250ms ease;
-	outline: 0;
-}
-
-@media (prefers-reduced-motion: reduce) {
-
-.ck.ck-sidebar {
-		transition: none;
-}
-	}
-
-.ck-sidebar-item {
-	position: absolute;
-	width: 100%;
-	transition: top 300ms ease, box-shadow 300ms ease;
-}
-
-@media (prefers-reduced-motion: reduce) {
-
-.ck-sidebar-item {
-		transition: none;
-}
-	}
-
-.ck-sidebar-item--no-animation {
-	transition: top 0s ease !important;
-}
-
-.ck.ck-annotation-wrapper {
-	outline: 0;
-	border-radius: var(--ck-border-radius);
-	background: var(--ck-color-annotation-wrapper-background);
-	box-shadow: var(--ck-color-annotation-wrapper-drop-shadow);
-}
-
-.ck.ck-annotation-wrapper--active .ck-annotation__actions, .ck.ck-annotation-wrapper:hover .ck-annotation__actions {
-		opacity: 1;
-	}
-
-.ck.ck-annotation-wrapper--active .ck-annotation__actions .ck-comment--resolve, .ck.ck-annotation-wrapper:hover .ck-annotation__actions .ck-comment--resolve {
-			color: var(--ck-color-button-save);
-		}
-
-.ck.ck-annotation-wrapper--active .ck-suggestion--accept, .ck.ck-annotation-wrapper:hover .ck-suggestion--accept {
-		color: var(--ck-color-button-save)
-	}
-
-.ck.ck-annotation-wrapper--active .ck-suggestion--discard, .ck.ck-annotation-wrapper:hover .ck-suggestion--discard {
-		color: var(--ck-color-button-cancel)
-	}
-
-/* Handle case where annotation is inactive and users hover them. */
-.ck.ck-annotation-wrapper:not(.ck-annotation-wrapper--active):hover {
-	box-shadow: var(--ck-drop-shadow);
-}
-
-.ck.ck-annotation-wrapper--active {
-	box-shadow: var(--ck-drop-shadow-active);
-}
-
 /*
  * What you're currently looking at is the source code of a legally protected, proprietary software.
  * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
@@ -1030,6 +956,82 @@ See: ckeditor5-theme-lark/theme/ckeditor5-ui/components/editorui/editorui.css. *
 	}
 }
 
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * 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
+ */
+
+:root {
+	--ck-color-annotation-wrapper-background: hsl(0, 0%, 100%);
+	--ck-color-annotation-wrapper-drop-shadow: 0 1px 1px 1px hsl(0, 0%, 90%);
+}
+
+.ck.ck-sidebar {
+	position: relative;
+	transition: min-height 250ms ease;
+	outline: 0;
+}
+
+@media (prefers-reduced-motion: reduce) {
+
+.ck.ck-sidebar {
+		transition: none;
+}
+	}
+
+.ck-sidebar-item {
+	position: absolute;
+	width: 100%;
+	transition: top 300ms ease, box-shadow 300ms ease;
+}
+
+@media (prefers-reduced-motion: reduce) {
+
+.ck-sidebar-item {
+		transition: none;
+}
+	}
+
+.ck-sidebar-item--no-animation {
+	transition: top 0s ease !important;
+}
+
+.ck.ck-annotation-wrapper {
+	outline: 0;
+	border-radius: var(--ck-border-radius);
+	background: var(--ck-color-annotation-wrapper-background);
+	box-shadow: var(--ck-color-annotation-wrapper-drop-shadow);
+}
+
+.ck.ck-annotation-wrapper--active .ck-annotation__actions, .ck.ck-annotation-wrapper:hover .ck-annotation__actions {
+		opacity: 1;
+	}
+
+.ck.ck-annotation-wrapper--active .ck-annotation__actions .ck-comment--resolve, .ck.ck-annotation-wrapper:hover .ck-annotation__actions .ck-comment--resolve {
+			color: var(--ck-color-button-save);
+		}
+
+.ck.ck-annotation-wrapper--active .ck-suggestion--accept, .ck.ck-annotation-wrapper:hover .ck-suggestion--accept {
+		color: var(--ck-color-button-save)
+	}
+
+.ck.ck-annotation-wrapper--active .ck-suggestion--discard, .ck.ck-annotation-wrapper:hover .ck-suggestion--discard {
+		color: var(--ck-color-button-cancel)
+	}
+
+/* Handle case where annotation is inactive and users hover them. */
+.ck.ck-annotation-wrapper:not(.ck-annotation-wrapper--active):hover {
+	box-shadow: var(--ck-drop-shadow);
+}
+
+.ck.ck-annotation-wrapper--active {
+	box-shadow: var(--ck-drop-shadow-active);
+}
+
 /*
  * What you're currently looking at is the source code of a legally protected, proprietary software.
  * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,