jodit 4.15.13 → 4.15.14

package/CHANGELOG.md

@@ -9,6 +9,21 @@
 > - :house: [Internal]
 > - :nail_care: [Polish]
 
+## 4.15.14
+
+#### :rocket: New Feature
+
+- [#1488](https://github.com/xdan/jodit/issues/1488) The color picker has a button that removes the text or background color, or a table cell's color. It calls the picker's callback with an empty string. Thanks [@brendon](https://github.com/brendon).
+- [#1491](https://github.com/xdan/jodit/issues/1491) The number of color picker columns can be set with the `--jd-color-picker-columns` CSS variable (10 by default), alongside `--jd-color-picker-cell-size`. Thanks [@brendon](https://github.com/brendon).
+
+#### :bug: Bug Fix
+
+- [#1487](https://github.com/xdan/jodit/issues/1487) A flat `colors` array now wraps into rows in the color picker, like a named group, instead of putting every color on its own line. Thanks [@brendon](https://github.com/brendon).
+
+#### :nail_care: Polish
+
+- The hover border of the color picker swatches and of the remove-color button follows the theme text color instead of a hardcoded black, so it is visible in the dark theme too.
+
 ## 4.15.13
 
 #### :rocket: New Feature

package/es2015/jodit.css

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.15.13
+ * Version: v4.15.14
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -3832,6 +3832,7 @@ a + .jodit-file-browser-tree__source-title {
  */
 :root {
   --jd-color-picker-cell-size: 24px;
+  --jd-color-picker-columns: 10;
 }
 .jodit-color-picker {
   margin: 0;
@@ -3840,7 +3841,7 @@ a + .jodit-file-browser-tree__source-title {
 }
 .jodit-color-picker__group {
   display: flex;
-  max-width: calc(var(--jd-color-picker-cell-size) * 10);
+  max-width: calc(var(--jd-color-picker-cell-size) * var(--jd-color-picker-columns));
   flex-wrap: wrap;
   margin-bottom: calc(var(--jd-padding-default) / 2);
   white-space: normal;
@@ -3855,7 +3856,7 @@ a + .jodit-file-browser-tree__source-title {
   vertical-align: middle;
 }
 .jodit-color-picker__color-item:hover {
-  border-color: #000;
+  border-color: var(--jd-color-text);
 }
 .jodit-color-picker__color-item_active_true,
 .jodit-color-picker__color-item:active {
@@ -3865,6 +3866,23 @@ a + .jodit-file-browser-tree__source-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  gap: calc(var(--jd-padding-default) / 2);
+}
+.jodit-color-picker__remove {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2px;
+  margin-left: auto;
+  border: 1px solid transparent;
+  cursor: pointer;
+}
+.jodit-color-picker__remove:hover {
+  border-color: var(--jd-color-text);
+}
+.jodit-color-picker__remove svg {
+  width: 16px;
+  height: 16px;
 }
 .jodit-color-picker__hex input {
   width: 80px;