@syncfusion/ej2-angular-navigations 19.4.53 → 20.1.47

package/styles/toolbar/fluent.scss

@@ -0,0 +1 @@
+@import 'ej2-navigations/styles/toolbar/fluent.scss';

package/styles/toolbar/highcontrast-light.css

@@ -1274,6 +1274,10 @@
   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,6 +1275,10 @@
   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,6 +1275,10 @@
   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,6 +1278,10 @@
   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: '\e706';
+  content: '\e729';
   line-height: normal;
 }
 
 .e-toolbar .e-popup-up-icon::before {
-  content: '\e752';
+  content: '\e776';
   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 4px;
+  margin: 8px 6px;
   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 4px;
+  margin: 8px 6px;
   min-height: 30px;
 }
 
@@ -561,7 +561,7 @@
 }
 
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
-  margin: 7px 3px;
+  margin: 7px 4px;
   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 3px;
+  margin: 7px 4px;
   min-height: 24px;
   min-width: 1px;
 }
@@ -1261,6 +1261,10 @@
   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: '\e706';
+  content: '\e729';
   line-height: normal;
 }
 
 .e-toolbar .e-popup-up-icon::before {
-  content: '\e752';
+  content: '\e776';
   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 4px;
+  margin: 8px 6px;
   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 4px;
+  margin: 8px 6px;
   min-height: 30px;
 }
 
@@ -561,7 +561,7 @@
 }
 
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
-  margin: 7px 3px;
+  margin: 7px 4px;
   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 3px;
+  margin: 7px 4px;
   min-height: 24px;
   min-width: 1px;
 }
@@ -1261,6 +1261,10 @@
   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;
 }

package/styles/treeview/bootstrap5-dark.css

@@ -469,7 +469,7 @@
 }
 
 .e-treeview .e-checkbox-wrapper {
-  margin: 0 0 0 8px;
+  margin: 0 0 0 12px;
   pointer-events: all;
   position: relative;
 }
@@ -651,7 +651,7 @@
 }
 
 .e-treeview .e-navigable .e-anchor-wrap {
-  padding: 0 0 0 8px;
+  padding: 0 0 0 12px;
 }
 
 .e-treeview .e-navigable .e-list-icon,
@@ -716,7 +716,7 @@
 }
 
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
-  padding: 0 8px 0 0;
+  padding: 0 12px 0 0;
 }
 
 .e-treeview.e-rtl .e-navigable .e-list-icon,
@@ -738,7 +738,7 @@
 }
 
 .e-treeview.e-rtl .e-checkbox-wrapper {
-  margin: 0 8px 0 0;
+  margin: 0 12px 0 0;
 }
 
 .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon,

package/styles/treeview/bootstrap5.css

@@ -469,7 +469,7 @@
 }
 
 .e-treeview .e-checkbox-wrapper {
-  margin: 0 0 0 8px;
+  margin: 0 0 0 12px;
   pointer-events: all;
   position: relative;
 }
@@ -651,7 +651,7 @@
 }
 
 .e-treeview .e-navigable .e-anchor-wrap {
-  padding: 0 0 0 8px;
+  padding: 0 0 0 12px;
 }
 
 .e-treeview .e-navigable .e-list-icon,
@@ -716,7 +716,7 @@
 }
 
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
-  padding: 0 8px 0 0;
+  padding: 0 12px 0 0;
 }
 
 .e-treeview.e-rtl .e-navigable .e-list-icon,
@@ -738,7 +738,7 @@
 }
 
 .e-treeview.e-rtl .e-checkbox-wrapper {
-  margin: 0 8px 0 0;
+  margin: 0 12px 0 0;
 }
 
 .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon,