@syncfusion/ej2 20.2.44 → 20.2.48

package/ribbon/compatibility/bootstrap5.css

@@ -192,6 +192,24 @@
 .e-ribbon .e-menu-wrapper {
   background-color: transparent;
 }
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus, .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
+  border: 1px solid transparent;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible, .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible {
+  border: 1px solid #6c757d;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible:hover, .e-ribbon .e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus-visible:hover {
+  border: 1px solid #6c757d;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
+  border: 1px solid transparent;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
+  border: 1px solid transparent;
+}
+.e-ribbon .e-tab:not(.e-focused) .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus, .e-ribbon .e-tab:not(.e-focused) > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
+  border: 1px solid transparent;
+}
 
 .e-lib .e-js [class^=e-], .e-lib .e-js [class*=" e-"] {
   box-sizing: content-box;

package/rich-text-editor/compatibility/fluent-dark.css

@@ -2226,6 +2226,7 @@
 
 .e-rte-table-popup.e-dialog .e-dlg-content {
   padding: 0;
+  margin-bottom: 0;
 }
 
 .e-rte-quick-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,

package/rich-text-editor/compatibility/fluent.css

@@ -2226,6 +2226,7 @@
 
 .e-rte-table-popup.e-dialog .e-dlg-content {
   padding: 0;
+  margin-bottom: 0;
 }
 
 .e-rte-quick-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,

package/rich-text-editor/fluent-dark.css

@@ -2226,6 +2226,7 @@
 
 .e-rte-table-popup.e-dialog .e-dlg-content {
   padding: 0;
+  margin-bottom: 0;
 }
 
 .e-rte-quick-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,

package/rich-text-editor/fluent.css

@@ -2226,6 +2226,7 @@
 
 .e-rte-table-popup.e-dialog .e-dlg-content {
   padding: 0;
+  margin-bottom: 0;
 }
 
 .e-rte-quick-toolbar.e-toolbar .e-toolbar-items .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,

package/spreadsheet/bootstrap5-dark.css

@@ -2857,6 +2857,19 @@
   cursor: pointer;
 }
 
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
+  height: 32px;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
+  height: 32px;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
+  height: 35px;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
+  margin: 0;
+}
+
 /*! spreadsheet theme */
 .e-spreadsheet .e-findtool-dlg {
   border-bottom-color: #444c54;

package/spreadsheet/bootstrap5.css

@@ -2857,6 +2857,19 @@
   cursor: pointer;
 }
 
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
+  height: 32px;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
+  height: 32px;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
+  height: 35px;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
+  margin: 0;
+}
+
 /*! spreadsheet theme */
 .e-spreadsheet .e-findtool-dlg {
   border-bottom-color: #dee2e6;

package/spreadsheet/compatibility/bootstrap5-dark.css

@@ -2857,6 +2857,19 @@
   cursor: pointer;
 }
 
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
+  height: 32px;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
+  height: 32px;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
+  height: 35px;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
+  margin: 0;
+}
+
 /*! spreadsheet theme */
 .e-spreadsheet .e-findtool-dlg {
   border-bottom-color: #444c54;

package/spreadsheet/compatibility/bootstrap5.css

@@ -2857,6 +2857,19 @@
   cursor: pointer;
 }
 
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-text-wrap {
+  height: 32px;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-text-wrap {
+  height: 32px;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item:not(.e-separator) .e-tab-wrap {
+  height: 35px;
+}
+.e-ribbon .e-tab .e-tab-header .e-toolbar-item.e-active {
+  margin: 0;
+}
+
 /*! spreadsheet theme */
 .e-spreadsheet .e-findtool-dlg {
   border-bottom-color: #dee2e6;

package/styles/compatibility/bootstrap.css

@@ -21283,28 +21283,28 @@ body.e-colorpicker-overflow {
 @media (min-width: 768px) {
   .e-alert-dialog.e-dialog.e-popup,
 .e-confirm-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: 600px;
   }
 }
 @media (max-width: 768px) {
   .e-alert-dialog.e-dialog.e-popup,
 .e-confirm-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: auto;
   }
 }
 @media (max-width: 768px) {
   .e-prompt-dialog.e-dialog.e-popup,
 .e-prompt-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: auto;
   }
 }
 @media (min-width: 768px) {
   .e-prompt-dialog.e-dialog.e-popup,
 .e-prompt-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: 600px;
   }
 }
@@ -61484,11 +61484,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   border-right-width: 1px;
 }
 .e-pivotview .e-stackedheadercelldiv {
-  display: block;
+  display: inline;
 }
 .e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  display: inline-block;
+  display: inline;
   padding-left: 12px !important;
   margin-top: 5px;
 }
@@ -61983,7 +61983,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
   cursor: pointer;
-  display: inline-block;
+  display: inline;
   height: 18px;
   margin-top: 5px;
   text-align: center;

package/styles/compatibility/bootstrap4.css

@@ -21267,28 +21267,28 @@ body.e-colorpicker-overflow {
 @media (min-width: 768px) {
   .e-alert-dialog.e-dialog.e-popup,
 .e-confirm-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: 600px;
   }
 }
 @media (max-width: 768px) {
   .e-alert-dialog.e-dialog.e-popup,
 .e-confirm-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: auto;
   }
 }
 @media (max-width: 768px) {
   .e-prompt-dialog.e-dialog.e-popup,
 .e-prompt-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: auto;
   }
 }
 @media (min-width: 768px) {
   .e-prompt-dialog.e-dialog.e-popup,
 .e-prompt-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: 600px;
   }
 }
@@ -60924,11 +60924,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   border-right-width: 1px;
 }
 .e-pivotview .e-stackedheadercelldiv {
-  display: block;
+  display: inline;
 }
 .e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  display: inline-block;
+  display: inline;
   padding-left: 12px !important;
   margin-top: 5px;
 }
@@ -61446,7 +61446,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
   cursor: pointer;
-  display: inline-block;
+  display: inline;
   height: 18px;
   margin-top: 5px;
   text-align: center;

package/styles/compatibility/fabric.css

@@ -21182,28 +21182,28 @@ body.e-colorpicker-overflow {
 @media (min-width: 768px) {
   .e-alert-dialog.e-dialog.e-popup,
 .e-confirm-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: 600px;
   }
 }
 @media (max-width: 768px) {
   .e-alert-dialog.e-dialog.e-popup,
 .e-confirm-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: auto;
   }
 }
 @media (max-width: 768px) {
   .e-prompt-dialog.e-dialog.e-popup,
 .e-prompt-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: auto;
   }
 }
 @media (min-width: 768px) {
   .e-prompt-dialog.e-dialog.e-popup,
 .e-prompt-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: 600px;
   }
 }
@@ -61260,11 +61260,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   border-right-width: 1px;
 }
 .e-pivotview .e-stackedheadercelldiv {
-  display: block;
+  display: inline;
 }
 .e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  display: inline-block;
+  display: inline;
   padding-left: 12px !important;
   margin-top: 5px;
 }
@@ -61756,7 +61756,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
   cursor: pointer;
-  display: inline-block;
+  display: inline;
   height: 18px;
   margin-top: 5px;
   text-align: center;

package/styles/compatibility/highcontrast.css

@@ -21626,28 +21626,28 @@ body.e-colorpicker-overflow {
 @media (min-width: 768px) {
   .e-alert-dialog.e-dialog.e-popup,
 .e-confirm-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: 600px;
   }
 }
 @media (max-width: 768px) {
   .e-alert-dialog.e-dialog.e-popup,
 .e-confirm-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: auto;
   }
 }
 @media (max-width: 768px) {
   .e-prompt-dialog.e-dialog.e-popup,
 .e-prompt-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: auto;
   }
 }
 @media (min-width: 768px) {
   .e-prompt-dialog.e-dialog.e-popup,
 .e-prompt-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: 600px;
   }
 }
@@ -62060,11 +62060,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   border-right-width: 1px;
 }
 .e-pivotview .e-stackedheadercelldiv {
-  display: block;
+  display: inline;
 }
 .e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  display: inline-block;
+  display: inline;
   padding-left: 12px !important;
   margin-top: 5px;
   margin-top: 0;
@@ -62557,7 +62557,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
   cursor: pointer;
-  display: inline-block;
+  display: inline;
   height: 18px;
   margin-top: 5px;
   text-align: center;

package/styles/compatibility/material.css

@@ -29435,28 +29435,28 @@ body.e-colorpicker-overflow {
 @media (min-width: 768px) {
   .e-alert-dialog.e-dialog.e-popup,
 .e-confirm-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: 600px;
   }
 }
 @media (max-width: 768px) {
   .e-alert-dialog.e-dialog.e-popup,
 .e-confirm-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: auto;
   }
 }
 @media (max-width: 768px) {
   .e-prompt-dialog.e-dialog.e-popup,
 .e-prompt-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: auto;
   }
 }
 @media (min-width: 768px) {
   .e-prompt-dialog.e-dialog.e-popup,
 .e-prompt-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: 600px;
   }
 }
@@ -70995,11 +70995,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   border-right-width: 1px;
 }
 .e-pivotview .e-stackedheadercelldiv {
-  display: block;
+  display: inline;
 }
 .e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  display: inline-block;
+  display: inline;
   padding-left: 12px !important;
   margin-top: 5px;
 }
@@ -71494,7 +71494,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
   cursor: pointer;
-  display: inline-block;
+  display: inline;
   height: 18px;
   margin-top: 5px;
   text-align: center;

package/tailwind-dark.css

@@ -21633,28 +21633,28 @@ body.e-colorpicker-overflow {
 @media (min-width: 768px) {
   .e-alert-dialog.e-dialog.e-popup,
 .e-confirm-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: 600px;
   }
 }
 @media (max-width: 768px) {
   .e-alert-dialog.e-dialog.e-popup,
 .e-confirm-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: auto;
   }
 }
 @media (max-width: 768px) {
   .e-prompt-dialog.e-dialog.e-popup,
 .e-prompt-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: auto;
   }
 }
 @media (min-width: 768px) {
   .e-prompt-dialog.e-dialog.e-popup,
 .e-prompt-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: 600px;
   }
 }
@@ -60765,11 +60765,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   border-right-width: 1px;
 }
 .e-pivotview .e-stackedheadercelldiv {
-  display: block;
+  display: inline;
 }
 .e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  display: inline-block;
+  display: inline;
   padding-left: 12px !important;
   margin-top: 5px;
   margin-top: 2px;
@@ -61266,7 +61266,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
   cursor: pointer;
-  display: inline-block;
+  display: inline;
   height: 18px;
   margin-top: 5px;
   text-align: center;

package/tailwind.css

@@ -21633,28 +21633,28 @@ body.e-colorpicker-overflow {
 @media (min-width: 768px) {
   .e-alert-dialog.e-dialog.e-popup,
 .e-confirm-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: 600px;
   }
 }
 @media (max-width: 768px) {
   .e-alert-dialog.e-dialog.e-popup,
 .e-confirm-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: auto;
   }
 }
 @media (max-width: 768px) {
   .e-prompt-dialog.e-dialog.e-popup,
 .e-prompt-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: auto;
   }
 }
 @media (min-width: 768px) {
   .e-prompt-dialog.e-dialog.e-popup,
 .e-prompt-dialog.e-dialog.e-popup {
-    margin: 30px auto;
+    margin: 30px;
     width: 600px;
   }
 }
@@ -60769,11 +60769,11 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   border-right-width: 1px;
 }
 .e-pivotview .e-stackedheadercelldiv {
-  display: block;
+  display: inline;
 }
 .e-pivotview .e-stackedheadertext.e-cellvalue,
 .e-pivotview .e-stackedheadercelldiv.e-cellvalue {
-  display: inline-block;
+  display: inline;
   padding-left: 12px !important;
   margin-top: 5px;
   margin-top: 2px;
@@ -61270,7 +61270,7 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-expand,
 .e-pivotview .e-collapse {
   cursor: pointer;
-  display: inline-block;
+  display: inline;
   height: 18px;
   margin-top: 5px;
   text-align: center;