jodit-pro 4.0.9 → 4.0.19

package/es2015/jodit.css

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valeriy <chupurnov@gmail.com>
- * Version: v4.0.9
+ * Version: v4.0.19
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -43,6 +43,7 @@
   --jd-color-background-progress: #b91f1f;
   --jd-color-background-active: #2196f3;
   --jd-color-background-selection: #b5d6fd;
+  --jd-color-text-selection: var(--jd-color-white);
   --jd-color-background-selection-opacity50: rgba(181, 214, 253, 0.995);
   --jd-color-source-area: #323232;
   --jd-color-button-background-hover: #dcdcdc;
@@ -131,6 +132,7 @@
   --jd-color-background-progress: #b91f1f;
   --jd-color-background-active: #2196f3;
   --jd-color-background-selection: #b5d6fd;
+  --jd-color-text-selection: var(--jd-color-white);
   --jd-color-background-selection-opacity50: rgba(181, 214, 253, 0.995);
   --jd-color-source-area: #323232;
   --jd-color-button-background-hover: #dcdcdc;
@@ -4135,10 +4137,9 @@ a + .jodit-file-browser-tree__source-title {
  * Copyright (c) 2013-2024 Valeriy Chupurnov. All rights reserved. https://xdsoft.net
  */
 :root {
-  --jd-color-new-line: var(--jd-color-border);
-  --jd-width-icon: 30px;
-  --jd-height-icon: 30px;
-  --jd-offset-handle: calc(100% - var(--jd-width-icon));
+  --jd-anl-color-new-line: var(--jd-color-border);
+  --jd-anl-handle-size: 20px;
+  --jd-anl-handle-offset: calc(100% - var(--jd-anl-handle-size));
 }
 .jodit-add-new-line {
   position: fixed;
@@ -4156,30 +4157,29 @@ a + .jodit-file-browser-tree__source-title {
   display: block;
   width: 100%;
   height: 1px;
-  background-color: var(--jd-color-new-line);
+  background-color: var(--jd-anl-color-new-line);
   content: '';
 }
 .jodit-add-new-line span {
   position: absolute;
-  left: var(--jd-offset-handle);
+  left: var(--jd-anl-handle-offset);
+  top: 0;
+  transform: translateY(-50%);
   display: flex;
-  width: var(--jd-width-icon);
-  height: var(--jd-height-icon);
+  width: var(--jd-anl-handle-size);
+  height: var(--jd-anl-handle-size);
   align-items: center;
   justify-content: center;
-  border: 1px solid var(--jd-color-new-line);
+  border: 1px solid var(--jd-anl-color-new-line);
   background: var(--jd-color-background-button-hover-opacity30);
   cursor: pointer;
 }
 .jodit-add-new-line span:hover {
   background: var(--jd-color-background-button-hover);
 }
-.jodit-add-new-line_after span {
-  bottom: 0;
-}
 .jodit-add-new-line svg {
-  width: 16px;
-  fill: var(--jd-color-new-line);
+  width: calc(var(--jd-anl-handle-size) / 2);
+  fill: var(--jd-anl-color-new-line);
 }
 .jodit-source__mode .jodit-add-new-line {
   display: none !important;
@@ -4737,8 +4737,10 @@ html.jodit_fullsize-box_true {
 .jodit-ui-search_replace_true .jodit-ui-search__buttons button[data-ref='replace-btn'] {
   display: block;
 }
+::highlight(jodit-search-result),
 [jd-tmp-selection] {
-  background-color: aquamarine;
+  background-color: var(--jd-color-background-selection);
+  color: var(--jd-color-text-selection);
 }
 
 /*!
@@ -4889,7 +4891,7 @@ html.jodit_fullsize-box_true {
   height: calc(var(--jd-height-element-default) * 1.2);
   box-sizing: border-box;
   border: 1px solid transparent;
-  color: var(--jd-color-default);
+  color: var(--jd-color-text);
   cursor: pointer;
   font-size: 16px;
   line-height: calc(var(--jd-height-element-default) * 1.2);
@@ -5019,6 +5021,7 @@ html.jodit_fullsize-box_true {
 .jodit-dialog_theme_dark,
 .jodit_theme_dark {
   --jd-color-border: #6b6b6b;
+  --jd-color-text: var(--jd-dark-text-color);
 }
 .jodit-dialog_theme_dark .jodit-toolbar-collection_mode_horizontal,
 .jodit_theme_dark .jodit-toolbar-collection_mode_horizontal,
@@ -5052,7 +5055,6 @@ html.jodit_fullsize-box_true {
 }
 .jodit-dialog_theme_dark.jodit-container,
 .jodit_theme_dark.jodit-container {
-  --jd-color-border: #6b6b6b;
   border-color: var(--jd-color-border);
   background-color: var(--jd-dark-background-color);
 }
@@ -5074,7 +5076,6 @@ html.jodit_fullsize-box_true {
 .jodit_theme_dark .jodit-toolbar-select,
 .jodit-dialog_theme_dark .jodit-toolbar-button,
 .jodit_theme_dark .jodit-toolbar-button {
-  --jd-color-text: var(--jd-dark-text-color);
   --jd-color-icon: var(--jd-dark-icon-color);
 }
 .jodit-dialog_theme_dark .jodit-ui-button__text,