jodit 4.11.3 → 4.11.4

package/CHANGELOG.md

@@ -9,6 +9,47 @@
 > - :house: [Internal]
 > - :nail_care: [Polish]
 
+## 4.11.4
+
+#### :boom: Breaking Change
+
+- `.jodit-icon` `transform-origin` changed from `0 0 !important` to `var(--jd-icon-transform-origin)` (default `center`), and the `!important` flag was removed. If your layout depends on the old top-left origin, restore it via CSS:
+  ```css
+  :root {
+      --jd-icon-transform-origin: 0 0 !important;
+  }
+  ```
+
+#### :rocket: New Feature
+
+- `IUIIconState` now supports `scale` property — when set, applies `transform: scale(...)` to the SVG icon element, overriding the CSS variable
+- `IControlType.icon` now accepts `string | IUIIconState` — allows setting icon name, fill, iconURL, and scale directly from toolbar button config
+
+  Per-button scale example:
+  ```javascript
+  Jodit.make('#editor', {
+      buttons: Jodit.atom([
+          'bold',
+          {
+              name: 'big-italic',
+              icon: { name: 'italic', fill: '', iconURL: '', scale: 1.5 },
+              tooltip: 'Italic (large icon)'
+          },
+          'underline'
+      ])
+  });
+  ```
+
+- CSS custom properties `--jd-icon-transform-origin` and `--jd-icon-transform-scale` for global icon scaling. Override them to resize all editor icons at once. Per-button `scale` in `IUIIconState` takes priority over the CSS variable.
+
+  Global scale override via CSS:
+  ```css
+  :root {
+      --jd-icon-transform-scale: 1.3;
+      --jd-icon-transform-origin: center;
+  }
+  ```
+
 ## 4.11.2
 
 #### :boom: Breaking Change

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.11.3
+ * Version: v4.11.4
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -4894,6 +4894,8 @@ html.jodit_fullsize-box_true {
   --jd-button-df-size: calc((var(--jd-button-icon-size) - 4px) * 2);
   --jd-button-size: calc(var(--jd-button-icon-size) + var(--jd-button-df-size) + var(--jd-margin-v) * 2);
   --jd-focus-input-box-shadow: 0 0 0 0.05rem rgba(0, 123, 255, 0.25);
+  --jd-icon-transform-origin: center;
+  --jd-icon-transform-scale: 1;
 }
 /*!
  * Jodit Editor (https://xdsoft.net/jodit/)
@@ -5382,7 +5384,8 @@ input:focus + .jodit-switcher__slider {
   background-size: contain;
   fill: var(--jd-color-icon);
   stroke: var(--jd-color-icon);
-  transform-origin: 0 0 !important;
+  transform-origin: var(--jd-icon-transform-origin);
+  transform: scale(var(--jd-icon-transform-scale, 1));
 }
 .jodit-icon_close {
   stroke: var(--jd-color-icon);