@ckeditor/ckeditor5-restricted-editing 47.6.1 → 48.0.0-alpha.1

package/ckeditor5-metadata.json

@@ -5,12 +5,12 @@
 			"className": "RestrictedEditingMode",
 			"description": "Enables defining which parts of a document can be editable for users with restricted editing rights. It allows you to edit only within the created editable areas.",
 			"docs": "features/restricted-editing.html",
-			"path": "src/restrictededitingmode.js",
+			"path": "src/restrictededitingmode.ts",
 			"uiComponents": [
 				{
 					"type": "Dropdown",
 					"name": "restrictedEditing",
-					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/content-lock.svg"
+					"iconName": "IconContentLock"
 				}
 			],
 			"htmlOutput": [
@@ -29,22 +29,22 @@
 			"className": "StandardEditingMode",
 			"description": "Enables freely editing the document and defining which parts can be editable for users with restricted editing rights. It allows you to create editable areas.",
 			"docs": "features/restricted-editing.html#running-the-standard-editing-mode",
-			"path": "src/standardeditingmode.js",
+			"path": "src/standardeditingmode.ts",
 			"uiComponents": [
 				{
 					"type": "Button",
 					"name": "restrictedEditingException:inline",
-					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/content-unlock.svg"
+					"iconName": "IconContentUnlock"
 				},
 				{
 					"type": "Button",
 					"name": "restrictedEditingException:block",
-					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/content-unlock.svg"
+					"iconName": "IconContentUnlock"
 				},
 				{
 					"type": "Dropdown",
 					"name": "restrictedEditingException:dropdown",
-					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/content-unlock.svg"
+					"iconName": "IconContentUnlock"
 				}
 			],
 			"htmlOutput": [

package/dist/index-editor.css

@@ -2,3 +2,62 @@
  * @license 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-restricted-editing-exception-background:#ffa94c33;
+  --ck-color-restricted-editing-exception-hover-background:#ffa94c59;
+  --ck-color-restricted-editing-exception-brackets:#cc690066;
+  --ck-color-restricted-editing-selected-exception-background:#ffa94c80;
+  --ck-color-restricted-editing-selected-exception-brackets:#cc690099;
+}
+
+.ck-editor__editable .restricted-editing-exception{
+  background-color:var(--ck-color-restricted-editing-exception-background);
+  border:1px solid;
+  border-image:linear-gradient(to right,
+		var(--ck-color-restricted-editing-exception-brackets) 0%,
+		var(--ck-color-restricted-editing-exception-brackets) 5px,
+		#0000 6px,
+		#0000 calc(100% - 6px),
+		var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
+		var(--ck-color-restricted-editing-exception-brackets) 100%) 1;
+  transition:background .2s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce){
+  .ck-editor__editable .restricted-editing-exception{
+    transition:none;
+  }
+}
+
+.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected{
+  background-color:var(--ck-color-restricted-editing-selected-exception-background);
+  border-image:linear-gradient(to right,
+			var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
+			var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
+			var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
+			var(--ck-color-restricted-editing-selected-exception-brackets) 100%) 1;
+}
+
+.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed{
+  padding-left:1ch;
+}
+
+.ck-restricted-editing_mode_restricted{
+  cursor:default;
+}
+
+.ck-restricted-editing_mode_restricted *{
+  cursor:default;
+}
+
+.ck-restricted-editing_mode_restricted .restricted-editing-exception{
+  cursor:text;
+}
+
+.ck-restricted-editing_mode_restricted .restricted-editing-exception *{
+  cursor:text;
+}
+
+.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover{
+  background:var(--ck-color-restricted-editing-exception-hover-background);
+}

package/dist/index.css

@@ -2,3 +2,64 @@
  * @license 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-restricted-editing-exception-background: #ffa94c33;
+  --ck-color-restricted-editing-exception-hover-background: #ffa94c59;
+  --ck-color-restricted-editing-exception-brackets: #cc690066;
+  --ck-color-restricted-editing-selected-exception-background: #ffa94c80;
+  --ck-color-restricted-editing-selected-exception-brackets: #cc690099;
+}
+
+.ck-editor__editable .restricted-editing-exception {
+  background-color: var(--ck-color-restricted-editing-exception-background);
+  border: 1px solid;
+  border-image: linear-gradient(to right,
+		var(--ck-color-restricted-editing-exception-brackets) 0%,
+		var(--ck-color-restricted-editing-exception-brackets) 5px,
+		#0000 6px,
+		#0000 calc(100% - 6px),
+		var(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),
+		var(--ck-color-restricted-editing-exception-brackets) 100%) 1;
+  transition: background .2s ease-in-out;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .ck-editor__editable .restricted-editing-exception {
+    transition: none;
+  }
+}
+
+.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected {
+  background-color: var(--ck-color-restricted-editing-selected-exception-background);
+  border-image: linear-gradient(to right,
+			var(--ck-color-restricted-editing-selected-exception-brackets) 0%,
+			var(--ck-color-restricted-editing-selected-exception-brackets) 5px,
+			var(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),
+			var(--ck-color-restricted-editing-selected-exception-brackets) 100%) 1;
+}
+
+.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed {
+  padding-left: 1ch;
+}
+
+.ck-restricted-editing_mode_restricted {
+  cursor: default;
+}
+
+.ck-restricted-editing_mode_restricted * {
+  cursor: default;
+}
+
+.ck-restricted-editing_mode_restricted .restricted-editing-exception {
+  cursor: text;
+}
+
+.ck-restricted-editing_mode_restricted .restricted-editing-exception * {
+  cursor: text;
+}
+
+.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover {
+  background: var(--ck-color-restricted-editing-exception-hover-background);
+}
+
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../theme/restrictedediting.css","index.css"],"names":[],"mappings":"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","file":"index.css.map","sourcesContent":["/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root {\n\t--ck-color-restricted-editing-exception-background: hsla(31, 100%, 65%, .2);\n\t--ck-color-restricted-editing-exception-hover-background: hsla(31, 100%, 65%, .35);\n\t--ck-color-restricted-editing-exception-brackets: hsla(31, 100%, 40%, .4);\n\t--ck-color-restricted-editing-selected-exception-background: hsla(31, 100%, 65%, .5);\n\t--ck-color-restricted-editing-selected-exception-brackets: hsla(31, 100%, 40%, .6);\n}\n\n.ck-editor__editable .restricted-editing-exception {\n\ttransition: .2s ease-in-out background;\n\tbackground-color: var(--ck-color-restricted-editing-exception-background);\n\tborder: 1px solid;\n\tborder-image: linear-gradient(\n\t\tto right,\n\t\tvar(--ck-color-restricted-editing-exception-brackets) 0%,\n\t\tvar(--ck-color-restricted-editing-exception-brackets) 5px,\n\t\thsla(0, 0%, 0%, 0) 6px,\n\t\thsla(0, 0%, 0%, 0) calc(100% - 6px),\n\t\tvar(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),\n\t\tvar(--ck-color-restricted-editing-exception-brackets) 100%\n\t) 1;\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\ttransition: none;\n\t}\n\n\t&.restricted-editing-exception_selected {\n\t\tbackground-color: var(--ck-color-restricted-editing-selected-exception-background);\n\t\tborder-image: linear-gradient(\n\t\t\tto right,\n\t\t\tvar(--ck-color-restricted-editing-selected-exception-brackets) 0%,\n\t\t\tvar(--ck-color-restricted-editing-selected-exception-brackets) 5px,\n\t\t\tvar(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),\n\t\t\tvar(--ck-color-restricted-editing-selected-exception-brackets) 100%\n\t\t) 1;\n\t}\n\n\t&.restricted-editing-exception_collapsed {\n\t\t/* Empty exception should have the same width as exception with at least 1 char */\n\t\tpadding-left: 1ch;\n\t}\n}\n\n.ck-restricted-editing_mode_restricted {\n\tcursor: default;\n\n\t/* We also have to override all elements inside the restricted editable to prevent cursor switching between default and text\n\tduring the pointer movement. */\n\t& * {\n\t\tcursor: default;\n\t}\n\n\t& .restricted-editing-exception {\n\t\tcursor: text;\n\n\t\t& * {\n\t\t\tcursor: text;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground: var(--ck-color-restricted-editing-exception-hover-background);\n\t\t}\n\t}\n}\n",":root {\n  --ck-color-restricted-editing-exception-background: #ffa94c33;\n  --ck-color-restricted-editing-exception-hover-background: #ffa94c59;\n  --ck-color-restricted-editing-exception-brackets: #cc690066;\n  --ck-color-restricted-editing-selected-exception-background: #ffa94c80;\n  --ck-color-restricted-editing-selected-exception-brackets: #cc690099;\n}\n\n.ck-editor__editable .restricted-editing-exception {\n  background-color: var(--ck-color-restricted-editing-exception-background);\n  border: 1px solid;\n  border-image: linear-gradient(to right,\n\t\tvar(--ck-color-restricted-editing-exception-brackets) 0%,\n\t\tvar(--ck-color-restricted-editing-exception-brackets) 5px,\n\t\t#0000 6px,\n\t\t#0000 calc(100% - 6px),\n\t\tvar(--ck-color-restricted-editing-exception-brackets) calc(100% - 5px),\n\t\tvar(--ck-color-restricted-editing-exception-brackets) 100%) 1;\n  transition: background .2s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .ck-editor__editable .restricted-editing-exception {\n    transition: none;\n  }\n}\n\n.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_selected {\n  background-color: var(--ck-color-restricted-editing-selected-exception-background);\n  border-image: linear-gradient(to right,\n\t\t\tvar(--ck-color-restricted-editing-selected-exception-brackets) 0%,\n\t\t\tvar(--ck-color-restricted-editing-selected-exception-brackets) 5px,\n\t\t\tvar(--ck-color-restricted-editing-selected-exception-brackets) calc(100% - 5px),\n\t\t\tvar(--ck-color-restricted-editing-selected-exception-brackets) 100%) 1;\n}\n\n.ck-editor__editable .restricted-editing-exception.restricted-editing-exception_collapsed {\n  padding-left: 1ch;\n}\n\n.ck-restricted-editing_mode_restricted {\n  cursor: default;\n}\n\n.ck-restricted-editing_mode_restricted * {\n  cursor: default;\n}\n\n.ck-restricted-editing_mode_restricted .restricted-editing-exception {\n  cursor: text;\n}\n\n.ck-restricted-editing_mode_restricted .restricted-editing-exception * {\n  cursor: text;\n}\n\n.ck-restricted-editing_mode_restricted .restricted-editing-exception:hover {\n  background: var(--ck-color-restricted-editing-exception-hover-background);\n}\n\n/*# sourceMappingURL=index.css.map */"]}