@syncfusion/ej2-navigations 27.2.4 → 28.1.33-686179

package/styles/toolbar/bds.scss

@@ -0,0 +1,9 @@
+@import 'ej2-base/styles/definition/bds.scss';
+@import '../h-scroll/bds-definition.scss';
+@import '../v-scroll/bds-definition.scss';
+@import 'ej2-buttons/styles/button/bds-definition.scss';
+@import 'ej2-popups/styles/popup/bds-definition.scss';
+@import 'bds-definition.scss';
+@import 'icons/bds.scss';
+@import 'all.scss';
+@import 'bigger.scss';

package/styles/toolbar/bootstrap-dark.css

@@ -316,7 +316,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #f0f0f0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -330,6 +329,7 @@
           justify-content: center;
   width: 100%;
   font-size: 12px;
+  color: #f0f0f0;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;

package/styles/toolbar/bootstrap.css

@@ -318,7 +318,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #333;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -332,6 +331,7 @@
           justify-content: center;
   width: 100%;
   font-size: 12px;
+  color: #333;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;

package/styles/toolbar/bootstrap4.css

@@ -318,7 +318,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #495057;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -332,6 +331,7 @@
           justify-content: center;
   width: 100%;
   font-size: 12px;
+  color: #495057;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;

package/styles/toolbar/bootstrap5-dark.css

@@ -342,7 +342,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #adb5bd;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -356,6 +355,7 @@
           justify-content: center;
   width: 100%;
   font-size: 18px;
+  color: #adb5bd;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;
@@ -615,16 +615,16 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background: #282d31;
+  background: #1a1d21;
   border: 0 solid #444c54;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .e-toolbar .e-toolbar-items {
-  background: #282d31;
+  background: #1a1d21;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn {
-  background: #282d31;
+  background: #1a1d21;
   -webkit-box-shadow: none;
           box-shadow: none;
   color: #fff;
@@ -649,7 +649,7 @@
           box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
-  background: none;
+  background: #5c636a;
   border-radius: 4px;
   color: #adb5bd;
   border-color: #adb5bd;
@@ -659,11 +659,11 @@
           box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
-  color: #adb5bd;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
   color: #fff;
-  color: #adb5bd;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
   background: #5c636a;
@@ -674,7 +674,7 @@
   color: #adb5bd;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
-  color: #adb5bd;
+  color: #fff;
   color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
@@ -697,17 +697,17 @@
   color: #ced4da;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
-  color: #adb5bd;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-tbar-btn-text {
-  color: #ced4da;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item.e-separator {
   border: solid #444c54;
   border-width: 0 1px 0 0;
 }
 .e-toolbar .e-toolbar-item.e-overlay {
-  background: #282d31;
+  background: #1a1d21;
   opacity: 0.5;
   color: #ced4da;
 }
@@ -729,7 +729,7 @@
   border-width: 0 0 1px 0;
 }
 .e-toolbar .e-hor-nav {
-  background: #282d31;
+  background: #1a1d21;
   border: solid #444c54;
   border-width: 0 0 0 0;
 }
@@ -744,7 +744,7 @@
   -webkit-box-shadow: none;
           box-shadow: none;
   color: #ced4da;
-  background: #282d31;
+  background: #1a1d21;
 }
 .e-toolbar .e-hor-nav:active .e-icons {
   color: #adb5bd;
@@ -822,7 +822,7 @@
   border-width: 0;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
-  background: transparent;
+  background: #565e64;
   -webkit-box-shadow: none;
           box-shadow: none;
   border-color: #444c54;
@@ -844,13 +844,13 @@
   background: transparent;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
-  background: #282d31;
+  background: #1a1d21;
   -webkit-box-shadow: none;
           box-shadow: none;
   border: none;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
-  background: none;
+  background: #5c636a;
   border-radius: 4px;
   border-color: #adb5bd;
   border-style: solid;
@@ -879,13 +879,13 @@
   border-width: 0 1px 0 0;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay {
-  background: #282d31;
+  background: #1a1d21;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
-  background: #282d31;
+  background: #1a1d21;
 }
 .e-toolbar.e-rtl .e-hor-nav {
-  background: #282d31;
+  background: #1a1d21;
   border: solid #444c54;
   border-width: 0 0 0 0;
 }

package/styles/toolbar/bootstrap5.3.css

@@ -346,7 +346,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: var(--color-sf-icon-color);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -360,6 +359,7 @@
           justify-content: center;
   width: 100%;
   font-size: 18px;
+  color: var(--color-sf-icon-color);
 }
 .e-toolbar.e-toolpop {
   overflow: visible;
@@ -870,6 +870,10 @@
   -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
           box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text,
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons.e-btn-icon {
+  color: var(--color-sf-icon-color);
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
   background: var(--color-sf-secondary-bg-color-hover);
   border-radius: 4px;
@@ -877,6 +881,10 @@
   border-style: solid;
   border-width: 0;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text,
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons.e-btn-icon {
+  color: var(--color-sf-primary-text-color);
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
   background: var(--color-sf-secondary-bg-color-pressed);
   border-radius: 4px;

package/styles/toolbar/bootstrap5.css

@@ -342,7 +342,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #6c757d;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -356,6 +355,7 @@
           justify-content: center;
   width: 100%;
   font-size: 18px;
+  color: #6c757d;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;
@@ -649,7 +649,7 @@
           box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
-  background: none;
+  background: #5c636a;
   border-radius: 4px;
   color: #6c757d;
   border-color: #6c757d;
@@ -659,11 +659,11 @@
           box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
-  color: #6c757d;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
   color: #fff;
-  color: #6c757d;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
   background: #5c636a;
@@ -674,7 +674,7 @@
   color: #6c757d;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
-  color: #6c757d;
+  color: #fff;
   color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
@@ -697,10 +697,10 @@
   color: #495057;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
-  color: #6c757d;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-tbar-btn-text {
-  color: #495057;
+  color: #fff;
 }
 .e-toolbar .e-toolbar-item.e-separator {
   border: solid #dee2e6;
@@ -822,7 +822,7 @@
   border-width: 0;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
-  background: transparent;
+  background: #565e64;
   -webkit-box-shadow: none;
           box-shadow: none;
   border-color: #dee2e6;
@@ -850,7 +850,7 @@
   border: none;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
-  background: none;
+  background: #5c636a;
   border-radius: 4px;
   border-color: #6c757d;
   border-style: solid;

package/styles/toolbar/fabric-dark.css

@@ -316,7 +316,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #dadada;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -330,6 +329,7 @@
           justify-content: center;
   width: 100%;
   font-size: 14px;
+  color: #dadada;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;

package/styles/toolbar/fabric.css

@@ -317,7 +317,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #333;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -331,6 +330,7 @@
           justify-content: center;
   width: 100%;
   font-size: 14px;
+  color: #333;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;

package/styles/toolbar/fluent-dark.css

@@ -341,7 +341,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #a19f9d;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -355,6 +354,7 @@
           justify-content: center;
   width: 100%;
   font-size: 12px;
+  color: #a19f9d;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;

package/styles/toolbar/fluent.css

@@ -341,7 +341,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #605e5c;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -355,6 +354,7 @@
           justify-content: center;
   width: 100%;
   font-size: 12px;
+  color: #605e5c;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;

package/styles/toolbar/fluent2.css

@@ -347,7 +347,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: var(--color-sf-icon-color);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -361,6 +360,7 @@
           justify-content: center;
   width: 100%;
   font-size: 16px;
+  color: var(--color-sf-icon-color);
 }
 .e-toolbar.e-toolpop {
   overflow: visible;

package/styles/toolbar/highcontrast-light.css

@@ -316,7 +316,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #000;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -330,6 +329,7 @@
           justify-content: center;
   width: 100%;
   font-size: 12px;
+  color: #000;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;

package/styles/toolbar/highcontrast.css

@@ -317,7 +317,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #fff;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -331,6 +330,7 @@
           justify-content: center;
   width: 100%;
   font-size: 12px;
+  color: #fff;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;

package/styles/toolbar/icons/_bds.scss

@@ -1,14 +1,14 @@
-@include export-module('toolbar-bds-icons') {
-  #{&}.e-toolbar {
-
-    .e-popup-down-icon::before {
-      content: '\e729';
-      line-height: normal;
-    }
-
-    .e-popup-up-icon::before {
-      content: '\e776';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('toolbar-bds-icons') {
+  #{&}.e-toolbar {
+
+    .e-popup-down-icon::before {
+      content: '\e729';
+      line-height: normal;
+    }
+
+    .e-popup-up-icon::before {
+      content: '\e776';
+      line-height: normal;
+    }
+  }
+}

package/styles/toolbar/icons/_bootstrap-dark.scss

@@ -1,14 +1,14 @@
-@include export-module('toolbar-bootstrap-dark-icons') {
-  #{&}.e-toolbar {
-
-    .e-popup-down-icon::before {
-      content: '\e83d';
-      line-height: normal;
-    }
-
-    .e-popup-up-icon::before {
-      content: '\e834';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('toolbar-bootstrap-dark-icons') {
+  #{&}.e-toolbar {
+
+    .e-popup-down-icon::before {
+      content: '\e83d';
+      line-height: normal;
+    }
+
+    .e-popup-up-icon::before {
+      content: '\e834';
+      line-height: normal;
+    }
+  }
+}

package/styles/toolbar/icons/_bootstrap.scss

@@ -1,14 +1,14 @@
-@include export-module('toolbar-bootstrap-icons') {
-  #{&}.e-toolbar {
-
-    .e-popup-down-icon::before {
-      content: '\e83d';
-      line-height: normal;
-    }
-
-    .e-popup-up-icon::before {
-      content: '\e834';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('toolbar-bootstrap-icons') {
+  #{&}.e-toolbar {
+
+    .e-popup-down-icon::before {
+      content: '\e83d';
+      line-height: normal;
+    }
+
+    .e-popup-up-icon::before {
+      content: '\e834';
+      line-height: normal;
+    }
+  }
+}

package/styles/toolbar/icons/_bootstrap4.scss

@@ -1,14 +1,14 @@
-@include export-module('toolbar-bootstrap4-icons') {
-  #{&}.e-toolbar {
-
-    .e-popup-down-icon::before {
-      content: '\e744';
-      line-height: normal;
-    }
-
-    .e-popup-up-icon::before {
-      content: '\e721';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('toolbar-bootstrap4-icons') {
+  #{&}.e-toolbar {
+
+    .e-popup-down-icon::before {
+      content: '\e744';
+      line-height: normal;
+    }
+
+    .e-popup-up-icon::before {
+      content: '\e721';
+      line-height: normal;
+    }
+  }
+}

package/styles/toolbar/icons/_bootstrap5.3.scss

@@ -1,14 +1,14 @@
-@include export-module('toolbar-bootstrap5-icons') {
-  #{&}.e-toolbar {
-
-    .e-popup-down-icon::before {
-      content: '\e729';
-      line-height: normal;
-    }
-
-    .e-popup-up-icon::before {
-      content: '\e776';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('toolbar-bootstrap5-icons') {
+  #{&}.e-toolbar {
+
+    .e-popup-down-icon::before {
+      content: '\e729';
+      line-height: normal;
+    }
+
+    .e-popup-up-icon::before {
+      content: '\e776';
+      line-height: normal;
+    }
+  }
+}

package/styles/toolbar/icons/_bootstrap5.scss

@@ -1,14 +1,14 @@
-@include export-module('toolbar-bootstrap5-icons') {
-  #{&}.e-toolbar {
-
-    .e-popup-down-icon::before {
-      content: '\e729';
-      line-height: normal;
-    }
-
-    .e-popup-up-icon::before {
-      content: '\e776';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('toolbar-bootstrap5-icons') {
+  #{&}.e-toolbar {
+
+    .e-popup-down-icon::before {
+      content: '\e729';
+      line-height: normal;
+    }
+
+    .e-popup-up-icon::before {
+      content: '\e776';
+      line-height: normal;
+    }
+  }
+}

package/styles/toolbar/icons/_fabric-dark.scss

@@ -1,14 +1,14 @@
-@include export-module('toolbar-fabric-dark-icons') {
-  #{&}.e-toolbar {
-
-    .e-popup-down-icon::before {
-      content: '\e916';
-      line-height: normal;
-    }
-
-    .e-popup-up-icon::before {
-      content: '\e910';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('toolbar-fabric-dark-icons') {
+  #{&}.e-toolbar {
+
+    .e-popup-down-icon::before {
+      content: '\e916';
+      line-height: normal;
+    }
+
+    .e-popup-up-icon::before {
+      content: '\e910';
+      line-height: normal;
+    }
+  }
+}

package/styles/toolbar/icons/_fabric.scss

@@ -1,14 +1,14 @@
-@include export-module('toolbar-fabric-icons') {
-  #{&}.e-toolbar {
-
-    .e-popup-down-icon::before {
-      content: '\e916';
-      line-height: normal;
-    }
-
-    .e-popup-up-icon::before {
-      content: '\e910';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('toolbar-fabric-icons') {
+  #{&}.e-toolbar {
+
+    .e-popup-down-icon::before {
+      content: '\e916';
+      line-height: normal;
+    }
+
+    .e-popup-up-icon::before {
+      content: '\e910';
+      line-height: normal;
+    }
+  }
+}