@ckeditor/ckeditor5-track-changes 33.0.0 → 34.0.0

package/theme/integrations/image.css

@@ -1,55 +0,0 @@
-.ck-content .ck-suggestion-marker-deletion.ck-widget.image {
-	background-color: var(--ck-color-suggestion-widget-deletion-background);
-
-	& img {
-		opacity: 0.6;
-	}
-
-	& figcaption {
-		background-color: var(--ck-color-suggestion-widget-deletion-background);
-	}
-
-	&.ck-suggestion-marker--active {
-		background-color: var(--ck-color-suggestion-widget-deletion-background-active);
-
-		& figcaption {
-			background-color: var(--ck-color-suggestion-widget-deletion-background-active);
-		}
-	}
-}
-
-.ck-content .ck-suggestion-marker-insertion.ck-widget.image {
-	background-color: var(--ck-color-suggestion-widget-insertion-background);
-
-	& figcaption {
-		background-color: var(--ck-color-suggestion-widget-insertion-background);
-	}
-
-	&.ck-suggestion-marker--active {
-		background-color: var(--ck-color-suggestion-widget-insertion-background-active);
-
-		& figcaption {
-			background-color: var(--ck-color-suggestion-widget-insertion-background-active);
-		}
-	}
-}
-
-.ck-content .ck-widget.image > figcaption {
-	&.ck-suggestion-marker-deletion {
-		background-color: var(--ck-color-suggestion-widget-deletion-background);
-		border: none;
-
-		&.ck-suggestion-marker--active {
-			background-color: var(--ck-color-suggestion-widget-deletion-background-active);
-		}
-	}
-
-	&.ck-suggestion-marker-insertion {
-		background-color: var(--ck-color-suggestion-widget-insertion-background);
-		border: none;
-
-		&.ck-suggestion-marker--active {
-			background-color: var(--ck-color-suggestion-widget-insertion-background-active);
-		}
-	}
-}

package/theme/integrations/mediaembed.css

@@ -1,19 +0,0 @@
-.ck-content .ck-suggestion-marker-deletion.ck-widget.media {
-    background-color: var(--ck-color-suggestion-widget-deletion-background);
-
-    & .ck-media__wrapper {
-        opacity: 0.6;
-    }
-
-    &.ck-suggestion-marker--active {
-        background-color: var(--ck-color-suggestion-widget-deletion-background-active);
-    }
-}
-
-.ck-content .ck-suggestion-marker-insertion.ck-widget.media {
-    background-color: var(--ck-color-suggestion-widget-insertion-background);
-
-    &.ck-suggestion-marker--active {
-        background-color: var(--ck-color-suggestion-widget-insertion-background-active);
-    }
-}

package/theme/integrations/pagebreak.css

@@ -1,15 +0,0 @@
-.ck-content .ck-suggestion-marker-deletion.ck-widget.page-break {
-    background-color: var(--ck-color-suggestion-widget-deletion-background);
-
-    &.ck-suggestion-marker--active {
-        background-color: var(--ck-color-suggestion-widget-deletion-background-active);
-    }
-}
-
-.ck-content .ck-suggestion-marker-insertion.ck-widget.page-break {
-    background-color: var(--ck-color-suggestion-widget-insertion-background);
-
-    &.ck-suggestion-marker--active {
-        background-color: var(--ck-color-suggestion-widget-insertion-background-active);
-    }
-}

package/theme/integrations/table.css

@@ -1,147 +0,0 @@
-:root {
-	--ck-color-suggestion-widget-th-insertion-background: hsla(128, 71%, 65%, .12);
-	--ck-color-suggestion-widget-th-insertion-background-active: hsla(128, 71%, 50%, .14);
-
-	--ck-color-suggestion-widget-th-deletion-background: hsla(345, 71%, 65%, .14);
-	--ck-color-suggestion-widget-th-deletion-background-active: hsla(345, 71%, 45%, .16);
-}
-
-.ck-content figure.table .ck-suggestion-marker-formatBlock {
-	box-shadow: -3px 0 0 0 var(--ck-color-suggestion-marker-format-border);
-
-	&.ck-suggestion-marker--active {
-		box-shadow: -3px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
-	}
-}
-
-.ck-content .ck-suggestion-marker-insertion.table > table {
-	border-color: var(--ck-color-suggestion-marker-insertion-border);
-
-	& > tbody > tr > th {
-		background-color: var(--ck-color-suggestion-widget-th-insertion-background);
-		border-color: var(--ck-color-suggestion-marker-insertion-border);
-	}
-
-	& > thead > tr > th {
-		background-color: var(--ck-color-suggestion-widget-th-insertion-background);
-		border-color: var(--ck-color-suggestion-marker-insertion-border);
-	}
-
-	& > tbody > tr > td {
-		background-color: var(--ck-color-suggestion-widget-insertion-background);
-		border-color: var(--ck-color-suggestion-marker-insertion-border);
-	}
-}
-
-.ck-content .ck-suggestion-marker-insertion.ck-suggestion-marker--active.table > table {
-	border-color: var(--ck-color-suggestion-marker-insertion-border-active);
-
-	& > tbody > tr > th {
-		background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
-		border-color: var(--ck-color-suggestion-marker-insertion-border-active);
-	}
-
-	& > thead > tr > th {
-		background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
-		border-color: var(--ck-color-suggestion-marker-insertion-border-active);
-	}
-
-	& > tbody > tr > td {
-		background-color: var(--ck-color-suggestion-widget-insertion-background-active);
-		border-color: var(--ck-color-suggestion-marker-insertion-border-active);
-	}
-}
-
-.ck-content .ck-suggestion-marker-deletion.table > table  {
-	border-color: var(--ck-color-suggestion-marker-deletion-border);
-
-	& > tbody > tr > th {
-		background-color: var(--ck-color-suggestion-widget-th-deletion-background);
-		border-color: var(--ck-color-suggestion-marker-deletion-border);
-		text-decoration: none;
-	}
-
-	& > thead > tr > th {
-		background-color: var(--ck-color-suggestion-widget-th-deletion-background);
-		border-color: var(--ck-color-suggestion-marker-deletion-border);
-		text-decoration: none;
-	}
-
-	& > tbody > tr > td {
-		background-color: var(--ck-color-suggestion-widget-deletion-background);
-		border-color: var(--ck-color-suggestion-marker-deletion-border);
-		text-decoration: none;
-	}
-}
-
-.ck-content .ck-suggestion-marker-deletion.ck-suggestion-marker--active.table > table {
-	border-color: var(--ck-color-suggestion-marker-deletion-border-active);
-
-	& > tbody > tr > th {
-		background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
-		border-color: var(--ck-color-suggestion-marker-deletion-border-active);
-	}
-
-	& > thead > tr > th {
-		background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
-		border-color: var(--ck-color-suggestion-marker-deletion-border-active);
-	}
-
-	& > tbody > tr > td {
-		background-color: var(--ck-color-suggestion-widget-deletion-background-active);
-		border-color: var(--ck-color-suggestion-marker-deletion-border-active);
-	}
-}
-
-/*
- * We need here at least 022 CSS Specificity because of table styles like `.ck-content .table table th { background: ... }
- * See: https://github.com/ckeditor/ckeditor5-table/blob/master/theme/table.css#L29
- */
- .ck-content .table {
-	& th.ck-suggestion-marker-insertion {
-		background-color: var(--ck-color-suggestion-widget-th-insertion-background);
-
-		&.ck-suggestion-marker--active {
-			background-color: var(--ck-color-suggestion-widget-th-insertion-background-active);
-		}
-	}
-
-	& th.ck-suggestion-marker-deletion {
-		background-color: var(--ck-color-suggestion-widget-th-deletion-background);
-		text-decoration: none;
-
-		&.ck-suggestion-marker--active {
-			background-color: var(--ck-color-suggestion-widget-th-deletion-background-active);
-		}
-	}
-
-	& td.ck-suggestion-marker-insertion {
-		background-color: var(--ck-color-suggestion-widget-insertion-background);
-
-		&.ck-suggestion-marker--active {
-			background-color: var(--ck-color-suggestion-widget-insertion-background-active);
-		}
-	}
-
-	& td.ck-suggestion-marker-deletion {
-		background-color: var(--ck-color-suggestion-widget-deletion-background);
-		text-decoration: none;
-
-		&.ck-suggestion-marker--active {
-			background-color: var(--ck-color-suggestion-widget-deletion-background-active);
-		}
-	}
-
-	& th.ck-suggestion-marker-formatInline,
-	& td.ck-suggestion-marker-formatInline,
-	& th.ck-suggestion-marker-formatBlock,
-	& td.ck-suggestion-marker-formatBlock {
-		background-color: var(--ck-color-suggestion-widget-format-background);
-		box-shadow: none;
-
-		&.ck-suggestion-marker--active {
-			background-color: var(--ck-color-suggestion-widget-format-background-active);
-			box-shadow: none;
-		}
-	}
-}

package/theme/suggestion.css

@@ -1,87 +0,0 @@
-:root {
-	--ck-color-comment-box-border: hsl(55, 98%, 48%);
-	--ck-color-suggestion-box-deletion-border: hsl(345, 62%, 60%);
-	--ck-color-suggestion-box-insertion-border: hsl(128, 62%, 60%);
-	--ck-color-suggestion-box-format-border: hsl(191, 62%, 60%);
-}
-
-.ck .ck-suggestion {
-	border-top-left-radius: var(--ck-border-radius);
-}
-
-.ck .ck-annotation {
-	border-left: 3px solid transparent;
-}
-
-
-/* See: #3683.
- * Inline Suggestion annotations that can't be commented on contains a scrollbar by default */
-.ck .ck-suggestion--disabled-comments .ck-annotation {
-	min-height: 80px;
-}
-
-/* See: #2459.
-With track-changes feature enabled, we need to distinguish various types of annotations (comments and suggestions). */
-.ck .ck-comment,
-.ck .ck-thread__comment-count,
-.ck .ck-comment__input-container {
-	border-left: 3px solid var(--ck-color-comment-box-border);
-}
-
-.ck .ck-suggestion-insertion .ck-suggestion {
-	border-left-color: var(--ck-color-suggestion-box-insertion-border);
-}
-
-.ck .ck-suggestion-deletion .ck-suggestion {
-	border-left-color: var(--ck-color-suggestion-box-deletion-border);
-}
-
-.ck .ck-suggestion-replace .ck-suggestion {
-	border-left-color: var(--ck-color-suggestion-box-insertion-border);
-}
-
-.ck .ck-suggestion-format .ck-suggestion {
-	border-left-color: var(--ck-color-suggestion-box-format-border);
-}
-
-.ck .ck-suggestion-wrapper {
-	outline: 0;
-}
-
-.ck .ck-suggestion-type {
-	font-weight: bold;
-}
-
-.ck .ck-suggestion-color {
-	display: inline-block;
-	width: 14px;
-	height: 14px;
-	border-radius: 14px;
-	vertical-align: text-bottom;
-	margin: 0 5px;
-	box-shadow: 0 0 0 1px #444;
-}
-
-/* Comments inside suggestion. */
-
-/* Handle comments inside suggestion keep same border-color. */
-.ck .ck-suggestion-insertion .ck-comment,
-.ck .ck-suggestion-insertion .ck-thread__comment-count,
-.ck .ck-suggestion-insertion .ck-comment__input-container,
-.ck .ck-suggestion-replace .ck-comment,
-.ck .ck-suggestion-replace .ck-thread__comment-count,
-.ck .ck-suggestion-replace .ck-comment__input-container {
-	border-left-color: var(--ck-color-suggestion-box-insertion-border);
-}
-
-.ck .ck-suggestion-deletion .ck-comment,
-.ck .ck-suggestion-deletion .ck-thread__comment-count,
-.ck .ck-suggestion-deletion .ck-comment__input-container {
-	border-left-color: var(--ck-color-suggestion-box-deletion-border);
-}
-
-.ck .ck-suggestion-format .ck-comment,
-.ck .ck-suggestion-format .ck-thread__comment-count,
-.ck .ck-suggestion-format .ck-comment__input-container {
-	border-left-color: var(--ck-color-suggestion-box-format-border);
-}

package/theme/suggestionmarker.css

@@ -1,161 +0,0 @@
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * Letters is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all Letters content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
- */
-
-:root {
-	--ck-color-suggestion-marker-insertion-border: hsla(128, 71%, 40%, .35);
-	--ck-color-suggestion-marker-insertion-border-active: hsla(128, 71%, 25%, .5);
-	--ck-color-suggestion-marker-insertion-background: hsla(128, 71%, 65%, .35);
-	--ck-color-suggestion-marker-insertion-background-active: hsla(128, 71%, 50%, .5);
-
-	--ck-color-suggestion-marker-deletion-border: hsla(345, 71%, 40%, .35);
-	--ck-color-suggestion-marker-deletion-border-active: hsla(345, 71%, 25%, .5);
-	--ck-color-suggestion-marker-deletion-background: hsla(345, 71%, 65%, .35);
-	--ck-color-suggestion-marker-deletion-background-active: hsla(345, 71%, 50%, .5);
-	--ck-color-suggestion-marker-deletion-stroke: hsla(345, 71%, 20%, .5);
-
-	--ck-color-suggestion-marker-format-border: hsla(191, 90%, 40%, .4);
-	--ck-color-suggestion-marker-format-border-active: hsla(191, 90%, 40%, .65);
-
-	--ck-color-suggestion-widget-insertion-background: hsla(128, 71%, 65%, .05);
-	--ck-color-suggestion-widget-insertion-background-active: hsla(128, 71%, 50%, .07);
-
-	--ck-color-suggestion-widget-deletion-background: hsla(345, 71%, 65%, .05);
-	--ck-color-suggestion-widget-deletion-background-active: hsla(345, 71%, 45%, .07);
-
-	--ck-color-suggestion-widget-format-background: hsla(191, 90%, 40%, .09);
-	--ck-color-suggestion-widget-format-background-active: hsla(191, 90%, 40%, .16);
-}
-
-.ck-content .ck-suggestion-marker-insertion {
-	border-top: 3px solid var(--ck-color-suggestion-marker-insertion-border);
-	border-bottom: 3px solid var(--ck-color-suggestion-marker-insertion-border);
-	background: var(--ck-color-suggestion-marker-insertion-background);
-
-	&.ck-suggestion-marker--active {
-		border-color: var(--ck-color-suggestion-marker-insertion-border-active);
-		background: var(--ck-color-suggestion-marker-insertion-background-active);
-	}
-
-	/* Disable background of marker inside widget. */
-	&.ck-widget {
-		background: none;
-		text-decoration: none;
-		border: 3px solid var(--ck-color-suggestion-marker-insertion-border);
-
-		&.ck-suggestion-marker--active {
-			border-color: var(--ck-color-suggestion-marker-insertion-border-active);
-		}
-	}
-}
-
-.ck-content .ck-suggestion-marker-deletion {
-	border-top: 3px solid var(--ck-color-suggestion-marker-deletion-border);
-	border-bottom: 3px solid var(--ck-color-suggestion-marker-deletion-border);
-
-	/* #2810. Safari doesn't support combined text-decoration values. */
-	text-decoration: line-through;
-	text-decoration-color: var(--ck-color-suggestion-marker-deletion-stroke);
-	text-decoration-thickness: 3px;
-
-	background: var(--ck-color-suggestion-marker-deletion-background);
-
-	&.ck-suggestion-marker--active {
-		border-color: var(--ck-color-suggestion-marker-deletion-border-active);
-		background: var(--ck-color-suggestion-marker-deletion-background-active);
-	}
-
-	/* Disable background of marker inside widget. */
-	&.ck-widget {
-		background: none;
-		text-decoration: none;
-		border: 3px solid var(--ck-color-suggestion-marker-deletion-border);
-
-		&.ck-suggestion-marker--active {
-			border-color: var(--ck-color-suggestion-marker-deletion-border-active);
-		}
-	}
-}
-
-.ck-content .ck-suggestion-marker-merge {
-	&::after {
-		border-top: 3px solid var(--ck-color-suggestion-marker-deletion-border);
-		border-bottom: 3px solid var(--ck-color-suggestion-marker-deletion-border);
-
-		/* #2810. Safari doesn't support combined text-decoration values. */
-		text-decoration: line-through;
-		text-decoration-color: var(--ck-color-suggestion-marker-deletion-stroke);
-
-		background: var(--ck-color-suggestion-marker-deletion-background);
-		color: var(--ck-color-suggestion-marker-deletion-stroke);
-		content: '¶';
-	}
-
-	&.ck-suggestion-marker--active::after {
-		border-color: var(--ck-color-suggestion-marker-deletion-border-active);
-		background: var(--ck-color-suggestion-marker-deletion-background-active);
-	}
-}
-
-.ck-content .ck-suggestion-marker-split {
-	&::after {
-		border-top: 3px solid var(--ck-color-suggestion-marker-insertion-border);
-		border-bottom: 3px solid var(--ck-color-suggestion-marker-insertion-border);
-		background: var(--ck-color-suggestion-marker-insertion-background);
-		color: var(--ck-color-suggestion-marker-insertion-border);
-		content: '¶';
-	}
-
-	&.ck-suggestion-marker--active::after {
-		border-color: var(--ck-color-suggestion-marker-insertion-border-active);
-		background: var(--ck-color-suggestion-marker-insertion-background-active);
-	}
-}
-
-.ck-content .ck-suggestion-marker-formatInline {
-	border-top: 3px solid var(--ck-color-suggestion-marker-format-border);
-	border-bottom: 3px solid var(--ck-color-suggestion-marker-format-border);
-
-	&.ck-suggestion-marker--active {
-		border-color: var(--ck-color-suggestion-marker-format-border-active);
-	}
-
-	&.ck-widget {
-		background: none;
-		border: 3px solid var(--ck-color-suggestion-marker-format-border);
-
-		&.ck-suggestion-marker--active {
-			border-color: var(--ck-color-suggestion-marker-format-border-active);
-		}
-	}
-}
-
-/* This is a tricky case.
- * We can't use `border-left` because sticky marker to the element looks kinda ugly.
- * We can't use `::before` pseudoelement because it requires `position: relative` of parent, which breaks side-image.
- * We can't use `outline` because it's impossible to display only left side of outline.
- * So... we need to use power of CSS hacks <3 and use doubled box-shadow.
- */
-
- .ck-content .ck-suggestion-marker-formatBlock {
-	border: 0;
-	background: none;
-	box-shadow: -7px 0 0 0 var(--ck-color-base-background), -10px 0 0 0 var(--ck-color-suggestion-marker-format-border);
-
-	&.ck-suggestion-marker--active {
-		box-shadow: -5px 0 0 0 var(--ck-color-base-background), -8px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
-	}
-}
-
-.ck-content ul .ck-suggestion-marker-formatBlock,
-.ck-content ol .ck-suggestion-marker-formatBlock {
-	box-shadow: -2px 0 0 0 var(--ck-color-base-background), -5px 0 0 0 var(--ck-color-suggestion-marker-format-border);
-
-	&.ck-suggestion-marker--active {
-		box-shadow: -2px 0 0 0 var(--ck-color-base-background), -5px 0 0 0 var(--ck-color-suggestion-marker-format-border-active);
-	}
-}