@syncfusion/ej2-image-editor 32.1.24 → 33.1.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/ej2-image-editor.umd.min.js +1 -1
  2. package/dist/global/ej2-image-editor.min.js +1 -1
  3. package/dist/global/index.d.ts +1 -1
  4. package/package.json +8 -8
  5. package/styles/image-editor/material3-dark.css +0 -6
  6. package/styles/image-editor/material3.css +0 -6
  7. package/styles/material3-dark-lite.css +0 -6
  8. package/styles/material3-dark.css +0 -6
  9. package/styles/material3-lite.css +0 -6
  10. package/styles/material3.css +0 -6
package/dist/ej2-image-editor.umd.min.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-image-editor.umd.min.js
3
- * version : 32.1.24
3
+ * version : 33.1.44
4
4
  * Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/dist/global/ej2-image-editor.min.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-image-editor.min.js
3
- * version : 32.1.24
3
+ * version : 33.1.44
4
4
  * Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/dist/global/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 32.1.24
3
+ * version : 33.1.44
4
4
  * Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@syncfusion/ej2-image-editor",
3
- "version": "32.1.24",
3
+ "version": "33.1.44",
4
4
  "description": "Essential JS 2 ImageEditor",
5
5
  "author": "Syncfusion Inc.",
6
6
  "license": "SEE LICENSE IN license",
@@ -8,13 +8,13 @@
8
8
  "module": "./index.js",
9
9
  "es2015": "./dist/es6/ej2-image-editor.es5.js",
10
10
  "dependencies": {
11
- "@syncfusion/ej2-base": "~32.1.24",
12
- "@syncfusion/ej2-buttons": "~32.1.24",
13
- "@syncfusion/ej2-dropdowns": "~32.1.24",
14
- "@syncfusion/ej2-inputs": "~32.1.24",
15
- "@syncfusion/ej2-navigations": "~32.1.24",
16
- "@syncfusion/ej2-popups": "~32.1.24",
17
- "@syncfusion/ej2-splitbuttons": "~32.1.24"
11
+ "@syncfusion/ej2-base": "~33.1.44",
12
+ "@syncfusion/ej2-buttons": "~33.1.44",
13
+ "@syncfusion/ej2-dropdowns": "~33.1.44",
14
+ "@syncfusion/ej2-inputs": "~33.1.44",
15
+ "@syncfusion/ej2-navigations": "~33.1.44",
16
+ "@syncfusion/ej2-popups": "~33.1.44",
17
+ "@syncfusion/ej2-splitbuttons": "~33.1.44"
18
18
  },
19
19
  "devDependencies": {},
20
20
  "keywords": [
package/styles/image-editor/material3-dark.css CHANGED
@@ -1157,11 +1157,9 @@
1157
1157
  /* 15px */
1158
1158
  /* 16px */
1159
1159
  .e-image-editor {
1160
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
1161
1160
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
1162
1161
  }
1163
1162
  .e-image-editor .e-contextual-toolbar-wrapper {
1164
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1165
1163
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1166
1164
  }
1167
1165
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper canvas {
@@ -1174,7 +1172,6 @@
1174
1172
  color: rgba(var(--color-sf-on-surface-variant));
1175
1173
  }
1176
1174
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
1177
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.16)), to(rgba(var(--color-sf-primary), 0.16))), rgba(var(--color-sf-surface)) !important;
1178
1175
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
1179
1176
  }
1180
1177
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
@@ -1194,7 +1191,6 @@
1194
1191
  color: rgba(var(--color-sf-on-surface-variant));
1195
1192
  }
1196
1193
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
1197
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1198
1194
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1199
1195
  -webkit-box-shadow: none;
1200
1196
  box-shadow: none;
@@ -1203,7 +1199,6 @@
1203
1199
  box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important; /* stylelint-disable-line declaration-no-important */
1204
1200
  }
1205
1201
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
1206
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1207
1202
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1208
1203
  -webkit-box-shadow: none;
1209
1204
  box-shadow: none;
@@ -1229,7 +1224,6 @@
1229
1224
  box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
1230
1225
  }
1231
1226
  .e-dropdown-popup .e-selected-btn {
1232
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.16)), to(rgba(var(--color-sf-primary), 0.16))), rgba(var(--color-sf-surface)) !important;
1233
1227
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
1234
1228
  }
1235
1229
  .e-ie-filter-canvas:focus,
package/styles/image-editor/material3.css CHANGED
@@ -1167,11 +1167,9 @@
1167
1167
 
1168
1168
 
1169
1169
  .e-image-editor {
1170
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
1171
1170
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
1172
1171
  }
1173
1172
  .e-image-editor .e-contextual-toolbar-wrapper {
1174
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1175
1173
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1176
1174
  }
1177
1175
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper canvas {
@@ -1184,7 +1182,6 @@
1184
1182
  color: rgba(var(--color-sf-on-surface-variant));
1185
1183
  }
1186
1184
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
1187
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.16)), to(rgba(var(--color-sf-primary), 0.16))), rgba(var(--color-sf-surface)) !important;
1188
1185
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
1189
1186
  }
1190
1187
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
@@ -1204,7 +1201,6 @@
1204
1201
  color: rgba(var(--color-sf-on-surface-variant));
1205
1202
  }
1206
1203
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
1207
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1208
1204
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1209
1205
  -webkit-box-shadow: none;
1210
1206
  box-shadow: none;
@@ -1213,7 +1209,6 @@
1213
1209
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important; /* stylelint-disable-line declaration-no-important */
1214
1210
  }
1215
1211
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
1216
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1217
1212
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1218
1213
  -webkit-box-shadow: none;
1219
1214
  box-shadow: none;
@@ -1239,7 +1234,6 @@
1239
1234
  box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
1240
1235
  }
1241
1236
  .e-dropdown-popup .e-selected-btn {
1242
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.16)), to(rgba(var(--color-sf-primary), 0.16))), rgba(var(--color-sf-surface)) !important;
1243
1237
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
1244
1238
  }
1245
1239
  .e-ie-filter-canvas:focus,
package/styles/material3-dark-lite.css CHANGED
@@ -1157,11 +1157,9 @@
1157
1157
  /* 15px */
1158
1158
  /* 16px */
1159
1159
  .e-image-editor {
1160
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
1161
1160
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
1162
1161
  }
1163
1162
  .e-image-editor .e-contextual-toolbar-wrapper {
1164
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1165
1163
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1166
1164
  }
1167
1165
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper canvas {
@@ -1174,7 +1172,6 @@
1174
1172
  color: rgba(var(--color-sf-on-surface-variant));
1175
1173
  }
1176
1174
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
1177
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.16)), to(rgba(var(--color-sf-primary), 0.16))), rgba(var(--color-sf-surface)) !important;
1178
1175
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
1179
1176
  }
1180
1177
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
@@ -1194,7 +1191,6 @@
1194
1191
  color: rgba(var(--color-sf-on-surface-variant));
1195
1192
  }
1196
1193
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
1197
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1198
1194
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1199
1195
  -webkit-box-shadow: none;
1200
1196
  box-shadow: none;
@@ -1203,7 +1199,6 @@
1203
1199
  box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important; /* stylelint-disable-line declaration-no-important */
1204
1200
  }
1205
1201
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
1206
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1207
1202
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1208
1203
  -webkit-box-shadow: none;
1209
1204
  box-shadow: none;
@@ -1229,7 +1224,6 @@
1229
1224
  box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
1230
1225
  }
1231
1226
  .e-dropdown-popup .e-selected-btn {
1232
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.16)), to(rgba(var(--color-sf-primary), 0.16))), rgba(var(--color-sf-surface)) !important;
1233
1227
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
1234
1228
  }
1235
1229
  .e-ie-filter-canvas:focus,
package/styles/material3-dark.css CHANGED
@@ -1157,11 +1157,9 @@
1157
1157
  /* 15px */
1158
1158
  /* 16px */
1159
1159
  .e-image-editor {
1160
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
1161
1160
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
1162
1161
  }
1163
1162
  .e-image-editor .e-contextual-toolbar-wrapper {
1164
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1165
1163
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1166
1164
  }
1167
1165
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper canvas {
@@ -1174,7 +1172,6 @@
1174
1172
  color: rgba(var(--color-sf-on-surface-variant));
1175
1173
  }
1176
1174
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
1177
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.16)), to(rgba(var(--color-sf-primary), 0.16))), rgba(var(--color-sf-surface)) !important;
1178
1175
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
1179
1176
  }
1180
1177
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
@@ -1194,7 +1191,6 @@
1194
1191
  color: rgba(var(--color-sf-on-surface-variant));
1195
1192
  }
1196
1193
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
1197
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1198
1194
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1199
1195
  -webkit-box-shadow: none;
1200
1196
  box-shadow: none;
@@ -1203,7 +1199,6 @@
1203
1199
  box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff !important; /* stylelint-disable-line declaration-no-important */
1204
1200
  }
1205
1201
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
1206
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1207
1202
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1208
1203
  -webkit-box-shadow: none;
1209
1204
  box-shadow: none;
@@ -1229,7 +1224,6 @@
1229
1224
  box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
1230
1225
  }
1231
1226
  .e-dropdown-popup .e-selected-btn {
1232
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.16)), to(rgba(var(--color-sf-primary), 0.16))), rgba(var(--color-sf-surface)) !important;
1233
1227
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
1234
1228
  }
1235
1229
  .e-ie-filter-canvas:focus,
package/styles/material3-lite.css CHANGED
@@ -1167,11 +1167,9 @@
1167
1167
 
1168
1168
 
1169
1169
  .e-image-editor {
1170
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
1171
1170
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
1172
1171
  }
1173
1172
  .e-image-editor .e-contextual-toolbar-wrapper {
1174
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1175
1173
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1176
1174
  }
1177
1175
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper canvas {
@@ -1184,7 +1182,6 @@
1184
1182
  color: rgba(var(--color-sf-on-surface-variant));
1185
1183
  }
1186
1184
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
1187
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.16)), to(rgba(var(--color-sf-primary), 0.16))), rgba(var(--color-sf-surface)) !important;
1188
1185
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
1189
1186
  }
1190
1187
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
@@ -1204,7 +1201,6 @@
1204
1201
  color: rgba(var(--color-sf-on-surface-variant));
1205
1202
  }
1206
1203
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
1207
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1208
1204
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1209
1205
  -webkit-box-shadow: none;
1210
1206
  box-shadow: none;
@@ -1213,7 +1209,6 @@
1213
1209
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important; /* stylelint-disable-line declaration-no-important */
1214
1210
  }
1215
1211
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
1216
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1217
1212
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1218
1213
  -webkit-box-shadow: none;
1219
1214
  box-shadow: none;
@@ -1239,7 +1234,6 @@
1239
1234
  box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
1240
1235
  }
1241
1236
  .e-dropdown-popup .e-selected-btn {
1242
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.16)), to(rgba(var(--color-sf-primary), 0.16))), rgba(var(--color-sf-surface)) !important;
1243
1237
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
1244
1238
  }
1245
1239
  .e-ie-filter-canvas:focus,
package/styles/material3.css CHANGED
@@ -1167,11 +1167,9 @@
1167
1167
 
1168
1168
 
1169
1169
  .e-image-editor {
1170
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
1171
1170
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
1172
1171
  }
1173
1172
  .e-image-editor .e-contextual-toolbar-wrapper {
1174
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
1175
1173
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
1176
1174
  }
1177
1175
  .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filterwrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item:hover .filter-wrapper canvas, .e-image-editor .e-contextual-toolbar-wrapper .e-toolbar-item.e-selected .filter-wrapper canvas {
@@ -1184,7 +1182,6 @@
1184
1182
  color: rgba(var(--color-sf-on-surface-variant));
1185
1183
  }
1186
1184
  .e-image-editor .e-toolbar .e-toolbar-items .e-tbar-btn.e-btn.e-selected-btn {
1187
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.16)), to(rgba(var(--color-sf-primary), 0.16))), rgba(var(--color-sf-surface)) !important;
1188
1185
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
1189
1186
  }
1190
1187
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn {
@@ -1204,7 +1201,6 @@
1204
1201
  color: rgba(var(--color-sf-on-surface-variant));
1205
1202
  }
1206
1203
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:focus {
1207
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
1208
1204
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
1209
1205
  -webkit-box-shadow: none;
1210
1206
  box-shadow: none;
@@ -1213,7 +1209,6 @@
1213
1209
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000 !important; /* stylelint-disable-line declaration-no-important */
1214
1210
  }
1215
1211
  .e-image-editor .e-toolbar .e-toolbar-items .e-dropdown-btn:active {
1216
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
1217
1212
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
1218
1213
  -webkit-box-shadow: none;
1219
1214
  box-shadow: none;
@@ -1239,7 +1234,6 @@
1239
1234
  box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
1240
1235
  }
1241
1236
  .e-dropdown-popup .e-selected-btn {
1242
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.16)), to(rgba(var(--color-sf-primary), 0.16))), rgba(var(--color-sf-surface)) !important;
1243
1237
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.16), rgba(var(--color-sf-primary), 0.16)), rgba(var(--color-sf-surface)) !important; /* stylelint-disable-line declaration-no-important */
1244
1238
  }
1245
1239
  .e-ie-filter-canvas:focus,