@syncfusion/ej2-ribbon 32.1.24 → 33.1.44

package/dist/ej2-ribbon.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-ribbon.umd.min.js
-*  version : 32.1.24
+*  version : 33.1.44
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/global/ej2-ribbon.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-ribbon.min.js
-*  version : 32.1.24
+*  version : 33.1.44
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.1.24
+*  version : 33.1.44
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-ribbon",
-  "version": "32.1.24",
+  "version": "33.1.44",
   "description": "Essential JS 2 Component",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -9,13 +9,13 @@
   "es2015": "./dist/es6/ej2-ribbon.es5.js",
   "typings": "index.d.ts",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.1.24",
-    "@syncfusion/ej2-buttons": "~32.1.24",
-    "@syncfusion/ej2-dropdowns": "~32.1.24",
-    "@syncfusion/ej2-lists": "~32.1.24",
-    "@syncfusion/ej2-navigations": "~32.1.24",
-    "@syncfusion/ej2-popups": "~32.1.24",
-    "@syncfusion/ej2-splitbuttons": "~32.1.24"
+    "@syncfusion/ej2-base": "~33.1.44",
+    "@syncfusion/ej2-buttons": "~33.1.44",
+    "@syncfusion/ej2-dropdowns": "~33.1.44",
+    "@syncfusion/ej2-lists": "~33.1.44",
+    "@syncfusion/ej2-navigations": "~33.1.44",
+    "@syncfusion/ej2-popups": "~33.1.44",
+    "@syncfusion/ej2-splitbuttons": "~33.1.44"
   },
   "devDependencies": {},
   "keywords": [

package/styles/bds-lite.css

@@ -122,11 +122,13 @@
 }
 
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 4px 0 0;
+  -webkit-padding-end: 4px;
+          padding-inline-end: 4px;
 }
 
 /* stylelint-disable */
@@ -1721,7 +1723,6 @@
   background-color: var(--color-sf-bg-secondary);
 }
 .e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-shimmer-wave::after {
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, transparent), color-stop(50%, var(--color-sf-bg-tertiary)), color-stop(70%, transparent));
   background-image: linear-gradient(90deg, transparent 20%, var(--color-sf-bg-tertiary) 50%, transparent 70%);
 }
 .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {

package/styles/bds.css

@@ -122,11 +122,13 @@
 }
 
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 4px 0 0;
+  -webkit-padding-end: 4px;
+          padding-inline-end: 4px;
 }
 
 /* stylelint-disable */
@@ -1721,7 +1723,6 @@
   background-color: var(--color-sf-bg-secondary);
 }
 .e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-shimmer-wave::after {
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, transparent), color-stop(50%, var(--color-sf-bg-tertiary)), color-stop(70%, transparent));
   background-image: linear-gradient(90deg, transparent 20%, var(--color-sf-bg-tertiary) 50%, transparent 70%);
 }
 .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {

package/styles/bootstrap-dark-lite.css

@@ -1,9 +1,11 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 10px 0 0;
+  -webkit-padding-end: 10px;
+          padding-inline-end: 10px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-popup.e-ddl {

package/styles/bootstrap-dark.css

@@ -1,9 +1,11 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 10px 0 0;
+  -webkit-padding-end: 10px;
+          padding-inline-end: 10px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-popup.e-ddl {

package/styles/bootstrap-lite.css

@@ -1,9 +1,11 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 10px 0 0;
+  -webkit-padding-end: 10px;
+          padding-inline-end: 10px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-popup.e-ddl {

package/styles/bootstrap.css

@@ -1,9 +1,11 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 10px 0 0;
+  -webkit-padding-end: 10px;
+          padding-inline-end: 10px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-popup.e-ddl {

package/styles/bootstrap4-lite.css

@@ -1,9 +1,11 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,

package/styles/bootstrap4.css

@@ -1,9 +1,11 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-input-group.e-ddl .e-spinner-pane .e-spinner-inner .e-spin-bootstrap4 .e-path-circle,

package/styles/bootstrap5-dark-lite.css

@@ -11,11 +11,13 @@
 }
 
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 6px 0 0;
+  -webkit-padding-end: 6px;
+          padding-inline-end: 6px;
 }
 
 .e-popup.e-ddl {

package/styles/bootstrap5-dark.css

@@ -11,11 +11,13 @@
 }
 
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 6px 0 0;
+  -webkit-padding-end: 6px;
+          padding-inline-end: 6px;
 }
 
 .e-popup.e-ddl {

package/styles/bootstrap5-lite.css

@@ -11,11 +11,13 @@
 }
 
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 6px 0 0;
+  -webkit-padding-end: 6px;
+          padding-inline-end: 6px;
 }
 
 .e-popup.e-ddl {

package/styles/bootstrap5.3-lite.css

@@ -95,11 +95,13 @@
 }
 
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 6px 0 0;
+  -webkit-padding-end: 6px;
+          padding-inline-end: 6px;
 }
 
 .e-popup.e-ddl {
@@ -1799,7 +1801,6 @@
   background-color: var(--color-sf-content-bg-color-alt2);
 }
 .e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-shimmer-wave::after {
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(var(--color-sf-white), 0.25)), color-stop(70%, rgba(255, 255, 255, 0)));
   background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(var(--color-sf-white), 0.25) 50%, rgba(255, 255, 255, 0) 70%);
 }
 .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {

package/styles/bootstrap5.3.css

@@ -95,11 +95,13 @@
 }
 
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 6px 0 0;
+  -webkit-padding-end: 6px;
+          padding-inline-end: 6px;
 }
 
 .e-popup.e-ddl {
@@ -1799,7 +1801,6 @@
   background-color: var(--color-sf-content-bg-color-alt2);
 }
 .e-ribbon.e-rbn.e-ribbon-container .e-ribbon-overlay .e-ribbon-skeleton.e-skeleton.e-shimmer-wave::after {
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(var(--color-sf-white), 0.25)), color-stop(70%, rgba(255, 255, 255, 0)));
   background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 20%, rgba(var(--color-sf-white), 0.25) 50%, rgba(255, 255, 255, 0) 70%);
 }
 .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {

package/styles/bootstrap5.css

@@ -11,11 +11,13 @@
 }
 
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 6px 0 0;
+  -webkit-padding-end: 6px;
+          padding-inline-end: 6px;
 }
 
 .e-popup.e-ddl {

package/styles/fabric-dark-lite.css

@@ -1,9 +1,11 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 10px 0 0;
+  -webkit-padding-end: 10px;
+          padding-inline-end: 10px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-ddl.e-popup {

package/styles/fabric-dark.css

@@ -1,9 +1,11 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 10px 0 0;
+  -webkit-padding-end: 10px;
+          padding-inline-end: 10px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-ddl.e-popup {

package/styles/fabric-lite.css

@@ -1,9 +1,11 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 10px 0 0;
+  -webkit-padding-end: 10px;
+          padding-inline-end: 10px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-ddl.e-popup {

package/styles/fabric.css

@@ -1,9 +1,11 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 10px 0 0;
+  -webkit-padding-end: 10px;
+          padding-inline-end: 10px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-ddl.e-popup {

package/styles/fluent-dark-lite.css

@@ -11,11 +11,13 @@
 }
 
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-popup.e-ddl {

package/styles/fluent-dark.css

@@ -11,11 +11,13 @@
 }
 
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-popup.e-ddl {

package/styles/fluent-lite.css

@@ -11,11 +11,13 @@
 }
 
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-popup.e-ddl {

package/styles/fluent.css

@@ -11,11 +11,13 @@
 }
 
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-popup.e-ddl {

package/styles/fluent2-lite.css

@@ -103,11 +103,13 @@
 }
 
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 4px 0 0;
+  -webkit-padding-end: 4px;
+          padding-inline-end: 4px;
 }
 
 /* stylelint-disable */

package/styles/fluent2.css

@@ -103,11 +103,13 @@
 }
 
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 4px 0 0;
+  -webkit-padding-end: 4px;
+          padding-inline-end: 4px;
 }
 
 /* stylelint-disable */

package/styles/highcontrast-light-lite.css

@@ -1,5 +1,6 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 10px 0 0;
+  -webkit-padding-end: 10px;
+          padding-inline-end: 10px;
 }
 .e-dropdownbase .e-list-item:not(.e-active).e-hover {
   border: 2px solid #000;
@@ -15,7 +16,8 @@
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-popup.e-ddl .e-dropdownbase {

package/styles/highcontrast-light.css

@@ -1,5 +1,6 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 10px 0 0;
+  -webkit-padding-end: 10px;
+          padding-inline-end: 10px;
 }
 .e-dropdownbase .e-list-item:not(.e-active).e-hover {
   border: 2px solid #000;
@@ -15,7 +16,8 @@
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-popup.e-ddl .e-dropdownbase {

package/styles/highcontrast-lite.css

@@ -1,5 +1,6 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 10px 0 0;
+  -webkit-padding-end: 10px;
+          padding-inline-end: 10px;
 }
 .e-dropdownbase .e-list-item:not(.e-active).e-hover {
   border: 2px solid #fff;
@@ -15,7 +16,8 @@
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-popup.e-ddl .e-dropdownbase {

package/styles/highcontrast.css

@@ -1,5 +1,6 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 10px 0 0;
+  -webkit-padding-end: 10px;
+          padding-inline-end: 10px;
 }
 .e-dropdownbase .e-list-item:not(.e-active).e-hover {
   border: 2px solid #fff;
@@ -15,7 +16,8 @@
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 8px 0 0;
+  -webkit-padding-end: 8px;
+          padding-inline-end: 8px;
 }
 
 .e-popup.e-ddl .e-dropdownbase {

package/styles/material-dark-lite.css

@@ -1,9 +1,11 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 16px 0 0;
+  -webkit-padding-end: 16px;
+          padding-inline-end: 16px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 12px 0 0;
+  -webkit-padding-end: 12px;
+          padding-inline-end: 12px;
 }
 
 .e-ddl.e-control-wrapper .e-ddl-icon::before {

package/styles/material-dark.css

@@ -1,9 +1,11 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 16px 0 0;
+  -webkit-padding-end: 16px;
+          padding-inline-end: 16px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 12px 0 0;
+  -webkit-padding-end: 12px;
+          padding-inline-end: 12px;
 }
 
 .e-ddl.e-control-wrapper .e-ddl-icon::before {

package/styles/material-lite.css

@@ -1,9 +1,11 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 16px 0 0;
+  -webkit-padding-end: 16px;
+          padding-inline-end: 16px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 12px 0 0;
+  -webkit-padding-end: 12px;
+          padding-inline-end: 12px;
 }
 
 .e-ddl.e-control-wrapper .e-ddl-icon::before {

package/styles/material.css

@@ -1,9 +1,11 @@
 .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 16px 0 0;
+  -webkit-padding-end: 16px;
+          padding-inline-end: 16px;
 }
 
 .e-small .e-dropdownbase .e-list-item .e-list-icon {
-  padding: 0 12px 0 0;
+  -webkit-padding-end: 12px;
+          padding-inline-end: 12px;
 }
 
 .e-ddl.e-control-wrapper .e-ddl-icon::before {