@syncfusion/ej2-vue-navigations 20.1.47 → 20.1.48

package/styles/tailwind.scss

@@ -2,7 +2,6 @@
 @import 'v-scroll/tailwind.scss';
 @import 'toolbar/tailwind.scss';
 @import 'accordion/tailwind.scss';
-@import 'carousel/tailwind.scss';
 @import 'context-menu/tailwind.scss';
 @import 'tab/tailwind.scss';
 @import 'treeview/tailwind.scss';

package/styles/toolbar/bootstrap-dark.css

@@ -1274,10 +1274,6 @@
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
-  background: transparent;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #131313;
 }

package/styles/toolbar/bootstrap.css

@@ -1277,10 +1277,6 @@
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
-  background: transparent;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #f8f8f8;
 }

package/styles/toolbar/bootstrap4.css

@@ -1303,10 +1303,6 @@
   background: #fff;
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
-  background: transparent;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #f8f9fa;
 }

package/styles/toolbar/bootstrap5-dark.css

@@ -25,8 +25,8 @@
 /*! toolbar layout */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
-  height: 46px;
-  min-height: 46px;
+  height: 48px;
+  min-height: 48px;
 }
 
 .e-bigger .e-toolbar .e-tbar-btn .e-icons,
@@ -66,7 +66,7 @@
 
 .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child,
 .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
-  margin-left: 12px;
+  margin-left: 10px;
   margin-right: initial;
 }
 
@@ -77,7 +77,7 @@
 
 .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child,
 .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
-  margin-left: 12px;
+  margin-left: 10px;
   margin-right: 0;
 }
 
@@ -99,12 +99,12 @@
 .e-bigger .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-toolbar.e-bigger.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
-  margin-right: 12px;
+  margin-right: 10px;
 }
 
 .e-bigger .e-toolbar .e-hor-nav,
 .e-toolbar.e-bigger .e-hor-nav {
-  min-height: 46px;
+  min-height: 48px;
   min-width: 36px;
 }
 
@@ -141,7 +141,7 @@
 
 .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn,
 .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
-  min-height: 46px;
+  min-height: 48px;
   padding: 8px 18px;
 }
 
@@ -159,7 +159,7 @@
 
 .e-bigger .e-toolbar .e-toolbar-items,
 .e-toolbar.e-bigger .e-toolbar-items {
-  min-height: 46px;
+  min-height: 48px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow,
@@ -194,7 +194,7 @@
 
 .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child,
 .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
-  margin-right: 12px;
+  margin-right: 10px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
@@ -204,7 +204,7 @@
 
 .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child,
 .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
-  margin-right: 12px;
+  margin-right: 10px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
@@ -214,29 +214,29 @@
 
 .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child,
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
-  margin-left: 12px;
+  margin-left: 10px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-toolbar.e-bigger .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
-  margin-left: 12px;
+  margin-left: 10px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item,
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item {
-  min-height: 46px;
+  min-height: 48px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item:not(.e-separator) {
   min-width: 49px;
-  padding: 4px;
+  padding: 5px 6px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item.e-separator {
   height: 30px;
-  margin: 8px;
+  margin: 8px 4px;
   min-height: 30px;
 }
 
@@ -281,10 +281,10 @@
 
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended,
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended {
-  min-height: 46px;
+  min-height: 48px;
   padding-bottom: 0;
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: 10px;
+  padding-right: 10px;
   padding-top: 0;
   margin-left: -1px;
 }
@@ -314,7 +314,7 @@
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator),
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator) {
   min-width: 49px;
-  padding: 4px;
+  padding: 5px 6px;
 }
 
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator.e-extended-separator,
@@ -337,7 +337,7 @@
   cursor: pointer;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  min-height: 46px;
+  min-height: 48px;
   vertical-align: middle;
   width: auto;
 }
@@ -368,7 +368,7 @@
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator,
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   height: 30px;
-  margin: 8px;
+  margin: 8px 4px;
   min-height: 30px;
 }
 
@@ -387,7 +387,7 @@
 
 .e-bigger .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended,
 .e-toolbar.e-bigger.e-extended-toolbar.e-rtl .e-toolbar-extended {
-  padding-right: 12px;
+  padding-right: 10px;
   margin-left: 0;
 }
 
@@ -552,8 +552,8 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   height: calc(100% - 10px);
   margin: 0;
-  min-height: 32px;
-  min-width: 32px;
+  min-height: 30px;
+  min-width: 30px;
   padding: 0 4px;
 }
 
@@ -562,7 +562,7 @@
 }
 
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
-  margin: 5px 10px;
+  margin: 7px 3px;
   min-height: 16px;
   min-width: 1px;
   vertical-align: middle;
@@ -1008,7 +1008,7 @@
 }
 
 .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
-  margin: 5px 10px;
+  margin: 7px 3px;
   min-height: 24px;
   min-width: 1px;
 }
@@ -1024,8 +1024,8 @@
 .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
   height: calc(100% - 10px);
   margin: 0;
-  min-height: 32px;
-  min-width: 32px;
+  min-height: 30px;
+  min-width: 30px;
   padding: 0 4px;
   border-radius: 4px;
 }
@@ -1278,25 +1278,21 @@
   background: #5c636a;
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
-  background: transparent;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #282d31;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
-  background: #5c636a;
+  background: #343a40;
   border: 0;
   box-shadow: none;
-  border-left: 0 #444c54 #5c636a;
+  border-left: 0 #444c54 #343a40;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) .e-icons {
-  color: #fff;
+  color: #ced4da;
 }
 
 .e-toolbar .e-tbar-btn {

package/styles/toolbar/bootstrap5.css

@@ -25,8 +25,8 @@
 /*! toolbar layout */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
-  height: 46px;
-  min-height: 46px;
+  height: 48px;
+  min-height: 48px;
 }
 
 .e-bigger .e-toolbar .e-tbar-btn .e-icons,
@@ -66,7 +66,7 @@
 
 .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child,
 .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
-  margin-left: 12px;
+  margin-left: 10px;
   margin-right: initial;
 }
 
@@ -77,7 +77,7 @@
 
 .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child,
 .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
-  margin-left: 12px;
+  margin-left: 10px;
   margin-right: 0;
 }
 
@@ -99,12 +99,12 @@
 .e-bigger .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-toolbar.e-bigger.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
-  margin-right: 12px;
+  margin-right: 10px;
 }
 
 .e-bigger .e-toolbar .e-hor-nav,
 .e-toolbar.e-bigger .e-hor-nav {
-  min-height: 46px;
+  min-height: 48px;
   min-width: 36px;
 }
 
@@ -141,7 +141,7 @@
 
 .e-bigger .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn,
 .e-toolbar.e-bigger .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn {
-  min-height: 46px;
+  min-height: 48px;
   padding: 8px 18px;
 }
 
@@ -159,7 +159,7 @@
 
 .e-bigger .e-toolbar .e-toolbar-items,
 .e-toolbar.e-bigger .e-toolbar-items {
-  min-height: 46px;
+  min-height: 48px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items.e-toolbar-multirow,
@@ -194,7 +194,7 @@
 
 .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child,
 .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
-  margin-right: 12px;
+  margin-right: 10px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
@@ -204,7 +204,7 @@
 
 .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child,
 .e-toolbar.e-bigger .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item:last-child {
-  margin-right: 12px;
+  margin-right: 10px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
@@ -214,29 +214,29 @@
 
 .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child,
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
-  margin-left: 12px;
+  margin-left: 10px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child,
 .e-toolbar.e-bigger .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
-  margin-left: 12px;
+  margin-left: 10px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item,
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item {
-  min-height: 46px;
+  min-height: 48px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item:not(.e-separator),
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item:not(.e-separator) {
   min-width: 49px;
-  padding: 4px;
+  padding: 5px 6px;
 }
 
 .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item.e-separator {
   height: 30px;
-  margin: 8px;
+  margin: 8px 4px;
   min-height: 30px;
 }
 
@@ -281,10 +281,10 @@
 
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended,
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended {
-  min-height: 46px;
+  min-height: 48px;
   padding-bottom: 0;
-  padding-left: 12px;
-  padding-right: 12px;
+  padding-left: 10px;
+  padding-right: 10px;
   padding-top: 0;
   margin-left: -1px;
 }
@@ -314,7 +314,7 @@
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator),
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item:not(.e-separator) {
   min-width: 49px;
-  padding: 4px;
+  padding: 5px 6px;
 }
 
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator.e-extended-separator,
@@ -337,7 +337,7 @@
   cursor: pointer;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  min-height: 46px;
+  min-height: 48px;
   vertical-align: middle;
   width: auto;
 }
@@ -368,7 +368,7 @@
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator,
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   height: 30px;
-  margin: 8px;
+  margin: 8px 4px;
   min-height: 30px;
 }
 
@@ -387,7 +387,7 @@
 
 .e-bigger .e-toolbar.e-extended-toolbar.e-rtl .e-toolbar-extended,
 .e-toolbar.e-bigger.e-extended-toolbar.e-rtl .e-toolbar-extended {
-  padding-right: 12px;
+  padding-right: 10px;
   margin-left: 0;
 }
 
@@ -552,8 +552,8 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   height: calc(100% - 10px);
   margin: 0;
-  min-height: 32px;
-  min-width: 32px;
+  min-height: 30px;
+  min-width: 30px;
   padding: 0 4px;
 }
 
@@ -562,7 +562,7 @@
 }
 
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
-  margin: 5px 10px;
+  margin: 7px 3px;
   min-height: 16px;
   min-width: 1px;
   vertical-align: middle;
@@ -1008,7 +1008,7 @@
 }
 
 .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
-  margin: 5px 10px;
+  margin: 7px 3px;
   min-height: 24px;
   min-width: 1px;
 }
@@ -1024,8 +1024,8 @@
 .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn {
   height: calc(100% - 10px);
   margin: 0;
-  min-height: 32px;
-  min-width: 32px;
+  min-height: 30px;
+  min-width: 30px;
   padding: 0 4px;
   border-radius: 4px;
 }
@@ -1278,25 +1278,21 @@
   background: #5c636a;
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
-  background: transparent;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #f8f9fa;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
-  background: #5c636a;
+  background: #e9ecef;
   border: 0;
   box-shadow: none;
-  border-left: 0 #dee2e6 #5c636a;
+  border-left: 0 #dee2e6 #e9ecef;
 }
 
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active .e-icons,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) .e-icons {
-  color: #fff;
+  color: #495057;
 }
 
 .e-toolbar .e-tbar-btn {

package/styles/toolbar/fabric-dark.css

@@ -1248,10 +1248,6 @@
   outline: none;
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
-  background: transparent;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #333232;
 }

package/styles/toolbar/fabric.css

@@ -1249,10 +1249,6 @@
   outline: none;
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
-  background: transparent;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #fff;
 }

package/styles/toolbar/highcontrast-light.css

@@ -1274,10 +1274,6 @@
   outline: none;
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
-  background: transparent;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #fff;
 }

package/styles/toolbar/highcontrast.css

@@ -1275,10 +1275,6 @@
   outline: none;
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
-  background: transparent;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #000;
 }

package/styles/toolbar/material-dark.css

@@ -1275,10 +1275,6 @@
   box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
-  background: transparent;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #212121;
 }

package/styles/toolbar/material.css

@@ -1278,10 +1278,6 @@
   box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.21);
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
-  background: transparent;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #fafafa;
 }

package/styles/toolbar/tailwind-dark.css

@@ -13,12 +13,12 @@
 /*! component's theme wise override definitions and variables */
 /*! toolbar icons */
 .e-toolbar .e-popup-down-icon::before {
-  content: '\e729';
+  content: '\e706';
   line-height: normal;
 }
 
 .e-toolbar .e-popup-up-icon::before {
-  content: '\e776';
+  content: '\e752';
   line-height: normal;
 }
 
@@ -235,7 +235,7 @@
 .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item.e-separator {
   height: 30px;
-  margin: 8px 6px;
+  margin: 8px 4px;
   min-height: 30px;
 }
 
@@ -367,7 +367,7 @@
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator,
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   height: 30px;
-  margin: 8px 6px;
+  margin: 8px 4px;
   min-height: 30px;
 }
 
@@ -561,7 +561,7 @@
 }
 
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
-  margin: 7px 4px;
+  margin: 7px 3px;
   min-height: 16px;
   min-width: 1px;
   vertical-align: middle;
@@ -1007,7 +1007,7 @@
 }
 
 .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
-  margin: 7px 4px;
+  margin: 7px 3px;
   min-height: 24px;
   min-width: 1px;
 }
@@ -1261,10 +1261,6 @@
   background: #4b5563;
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
-  background: transparent;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #374151;
 }

package/styles/toolbar/tailwind.css

@@ -13,12 +13,12 @@
 /*! component's theme wise override definitions and variables */
 /*! toolbar icons */
 .e-toolbar .e-popup-down-icon::before {
-  content: '\e729';
+  content: '\e706';
   line-height: normal;
 }
 
 .e-toolbar .e-popup-up-icon::before {
-  content: '\e776';
+  content: '\e752';
   line-height: normal;
 }
 
@@ -235,7 +235,7 @@
 .e-bigger .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator,
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item.e-separator {
   height: 30px;
-  margin: 8px 6px;
+  margin: 8px 4px;
   min-height: 30px;
 }
 
@@ -367,7 +367,7 @@
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator,
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
   height: 30px;
-  margin: 8px 6px;
+  margin: 8px 4px;
   min-height: 30px;
 }
 
@@ -561,7 +561,7 @@
 }
 
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
-  margin: 7px 4px;
+  margin: 7px 3px;
   min-height: 16px;
   min-width: 1px;
   vertical-align: middle;
@@ -1007,7 +1007,7 @@
 }
 
 .e-toolbar .e-toolbar-items .e-toolbar-item.e-separator {
-  margin: 7px 4px;
+  margin: 7px 3px;
   min-height: 24px;
   min-width: 1px;
 }
@@ -1261,10 +1261,6 @@
   background: #e5e7eb;
 }
 
-.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-separator) {
-  background: transparent;
-}
-
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
   background: #f3f4f6;
 }