@syncfusion/ej2-navigations 31.2.16 → 32.1.24

package/styles/h-scroll/tailwind3.css

@@ -2,6 +2,76 @@
 
 
 
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 /*! component's theme wise override definitions and variables */
 @-webkit-keyframes hscroll-popup-shadow {
   0% {
@@ -53,6 +123,92 @@
   line-height: normal;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
+/*! component's theme wise override definitions and variables */
+@keyframes hscroll-popup-shadow {
+  0% {
+    border-color: rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+  }
+}
 /*! h-scroll layout */
 .e-hscroll {
   display: block;
@@ -171,6 +327,92 @@
   pointer-events: none;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
+/*! component's theme wise override definitions and variables */
+@keyframes hscroll-popup-shadow {
+  0% {
+    border-color: rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+  }
+}
 /*! h-scroll theme */
 .e-hscroll .e-scroll-nav .e-icons {
   color: var(--color-sf-secondary-text-color);
@@ -195,12 +437,12 @@
   background-repeat: repeat-x;
 }
 .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-secondary-bg-color-disabled), 1)), to(rgba(var(--color-sf-secondary-bg-color-disabled), 0)));
-  background-image: linear-gradient(-270deg, rgba(var(--color-sf-secondary-bg-color-disabled), 1) 0%, rgba(var(--color-sf-secondary-bg-color-disabled), 0) 100%);
+  background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-secondary-bg-color-disabled)), to(transparent));
+  background-image: linear-gradient(-270deg, var(--color-sf-secondary-bg-color-disabled) 0%, transparent 100%);
 }
 .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-secondary-bg-color-disabled), 0)), to(rgba(var(--color-sf-secondary-bg-color-disabled), 1)));
-  background-image: linear-gradient(-270deg, rgba(var(--color-sf-secondary-bg-color-disabled), 0) 0%, rgba(var(--color-sf-secondary-bg-color-disabled), 1) 100%);
+  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-secondary-bg-color-disabled)));
+  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-secondary-bg-color-disabled) 100%);
 }
 .e-hscroll.e-rtl .e-scroll-nav {
   background: var(--color-sf-content-bg-color-alt1);
@@ -275,6 +517,92 @@
   visibility: visible;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
+/*! component's theme wise override definitions and variables */
+@keyframes hscroll-popup-shadow {
+  0% {
+    border-color: rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+  }
+}
 .e-bigger .e-hscroll,
 .e-hscroll.e-bigger {
   min-height: 56px;

package/styles/h-scroll/tailwind3.scss

@@ -1,5 +1,5 @@
-@import 'ej2-base/styles/definition/tailwind3.scss';
-@import 'tailwind3-definition.scss';
-@import 'icons/tailwind3.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/tailwind3' as *;
+@use 'tailwind3-definition' as *;
+@use 'icons/tailwind3' as *;
+@use 'all.tailwind3' as *;
+@use 'bigger.tailwind3' as *;

package/styles/highcontrast-light-lite.css

@@ -1085,6 +1085,12 @@
 .e-toolbar.e-hidden {
   display: none;
 }
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-items {
   border-radius: 4px 0 0 4px;
   display: -webkit-inline-box;
@@ -3584,7 +3590,7 @@
           justify-content: center;
   margin: 0 0 0 10px;
   padding-left: 0;
-  padding-right: 10px;
+  padding-right: 8px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
@@ -4674,13 +4680,13 @@
 }
 .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
   margin: 0;
-  padding-left: 10px;
+  padding-left: 8px;
   padding-right: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
     margin: 0;
-    padding-left: 10px;
+    padding-left: 8px;
     padding-right: 0;
   }
 }
@@ -6012,6 +6018,7 @@
   content: "\e22a";
 }
 
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -6191,14 +6198,14 @@
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 0;
+  margin-bottom: 0px;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
-  padding-top: 6px;
-  padding-bottom: 6px;
+  padding-top: 0 7px;
+  padding-bottom: 0 7px;
 }
 .e-treeview .e-navigable-text {
   padding: 0 5px;
@@ -6449,6 +6456,7 @@
 }
 
 /* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
@@ -6621,7 +6629,6 @@
   border-left-color: transparent;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
@@ -7109,7 +7116,6 @@ ejs-sidebar {
   display: none;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 14px;
-  font-weight: normal;
   height: 36px;
   line-height: 36px;
   text-align: left;

package/styles/highcontrast-light-lite.scss

@@ -1,47 +1,47 @@
-@import 'ej2-base/styles/definition/highcontrast-light.scss';
-@import 'pager/highcontrast-light-definition.scss';
-@import 'pager/icons/highcontrast-light.scss';
-@import 'pager/all.scss';
-@import 'h-scroll/highcontrast-light-definition.scss';
-@import 'h-scroll/icons/highcontrast-light.scss';
-@import 'h-scroll/all.scss';
-@import 'v-scroll/highcontrast-light-definition.scss';
-@import 'v-scroll/icons/highcontrast-light.scss';
-@import 'v-scroll/all.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
-@import 'toolbar/highcontrast-light-definition.scss';
-@import 'toolbar/icons/highcontrast-light.scss';
-@import 'toolbar/all.scss';
-@import 'accordion/highcontrast-light-definition.scss';
-@import 'accordion/icons/highcontrast-light.scss';
-@import 'accordion/all.scss';
-@import 'carousel/highcontrast-light-definition.scss';
-@import 'carousel/icons/highcontrast-light.scss';
-@import 'carousel/all.scss';
+@use 'ej2-base/styles/definition/highcontrast-light' as *;
+@use 'pager/highcontrast-light-definition' as *;
+@use 'pager/icons/highcontrast-light' as *;
+@use 'pager/all.highcontrast-light' as *;
+@use 'h-scroll/highcontrast-light-definition' as *;
+@use 'h-scroll/icons/highcontrast-light' as *;
+@use 'h-scroll/all.highcontrast-light' as *;
+@use 'v-scroll/highcontrast-light-definition' as *;
+@use 'v-scroll/icons/highcontrast-light' as *;
+@use 'v-scroll/all.highcontrast-light' as *;
+@use 'ej2-buttons/styles/button/highcontrast-light-definition' as *;
+@use 'ej2-popups/styles/popup/highcontrast-light-definition' as *;
+@use 'toolbar/highcontrast-light-definition' as *;
+@use 'toolbar/icons/highcontrast-light' as *;
+@use 'toolbar/all.highcontrast-light' as *;
+@use 'accordion/highcontrast-light-definition' as *;
+@use 'accordion/icons/highcontrast-light' as *;
+@use 'accordion/all.highcontrast-light' as *;
+@use 'carousel/highcontrast-light-definition' as *;
+@use 'carousel/icons/highcontrast-light' as *;
+@use 'carousel/all.highcontrast-light' as *;
 
-@import 'context-menu/highcontrast-light-definition.scss';
-@import 'context-menu/icons/highcontrast-light.scss';
-@import 'context-menu/all.scss';
-@import 'tab/highcontrast-light-definition.scss';
-@import 'tab/icons/highcontrast-light.scss';
-@import 'tab/all.scss';
-@import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/check-box/highcontrast-light-definition.scss';
-@import 'treeview/highcontrast-light-definition.scss';
-@import 'treeview/icons/highcontrast-light.scss';
-@import 'treeview/all.scss';
-@import 'sidebar/highcontrast-light-definition.scss';
-@import 'sidebar/all.scss';
-@import 'menu/highcontrast-light-definition.scss';
-@import 'menu/icons/highcontrast-light.scss';
-@import 'menu/all.scss';
-@import 'breadcrumb/highcontrast-light-definition.scss';
-@import 'breadcrumb/icons/highcontrast-light.scss';
-@import 'breadcrumb/all.scss';
-@import 'appbar/highcontrast-light-definition.scss';
-@import 'appbar/all.scss';
-@import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
-@import 'stepper/highcontrast-light-definition.scss';
-@import 'stepper/icons/highcontrast-light.scss';
-@import 'stepper/all.scss';
+@use 'context-menu/highcontrast-light-definition' as *;
+@use 'context-menu/icons/highcontrast-light' as *;
+@use 'context-menu/all.highcontrast-light' as *;
+@use 'tab/highcontrast-light-definition' as *;
+@use 'tab/icons/highcontrast-light' as *;
+@use 'tab/all.highcontrast-light' as *;
+@use 'ej2-inputs/styles/input/highcontrast-light-definition' as *;
+@use 'ej2-buttons/styles/check-box/highcontrast-light-definition' as *;
+@use 'treeview/highcontrast-light-definition' as *;
+@use 'treeview/icons/highcontrast-light' as *;
+@use 'treeview/all.highcontrast-light' as *;
+@use 'sidebar/highcontrast-light-definition' as *;
+@use 'sidebar/all.highcontrast-light' as *;
+@use 'menu/highcontrast-light-definition' as *;
+@use 'menu/icons/highcontrast-light' as *;
+@use 'menu/all.highcontrast-light' as *;
+@use 'breadcrumb/highcontrast-light-definition' as *;
+@use 'breadcrumb/icons/highcontrast-light' as *;
+@use 'breadcrumb/all.highcontrast-light' as *;
+@use 'appbar/highcontrast-light-definition' as *;
+@use 'appbar/all.highcontrast-light' as *;
+@use 'ej2-popups/styles/tooltip/highcontrast-light-definition' as *;
+@use 'stepper/highcontrast-light-definition' as *;
+@use 'stepper/icons/highcontrast-light' as *;
+@use 'stepper/all.highcontrast-light' as *;

package/styles/highcontrast-light.css

@@ -1348,6 +1348,12 @@
 .e-toolbar.e-hidden {
   display: none;
 }
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-items {
   border-radius: 4px 0 0 4px;
   display: -webkit-inline-box;
@@ -2234,6 +2240,10 @@
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
   padding: 0;
 }
+.e-bigger .e-toolbar.e-spacer-toolbar.e-pop-mode .e-toolbar-items,
+.e-toolbar.e-bigger.e-spacer-toolbar.e-pop-mode .e-toolbar-items {
+  width: calc(100% - 50px);
+}
 .e-bigger .e-toolbar .e-toolbar-item,
 .e-toolbar.e-bigger .e-toolbar-item {
   min-height: 49px;
@@ -4265,7 +4275,7 @@
           justify-content: center;
   margin: 0 0 0 10px;
   padding-left: 0;
-  padding-right: 10px;
+  padding-right: 8px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
@@ -5355,13 +5365,13 @@
 }
 .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
   margin: 0;
-  padding-left: 10px;
+  padding-left: 8px;
   padding-right: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab.e-rtl .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
     margin: 0;
-    padding-left: 10px;
+    padding-left: 8px;
     padding-right: 0;
   }
 }
@@ -7894,6 +7904,7 @@
   content: "\e22a";
 }
 
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -8073,14 +8084,14 @@
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 0;
+  margin-bottom: 0px;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
-  padding-top: 6px;
-  padding-bottom: 6px;
+  padding-top: 0 7px;
+  padding-bottom: 0 7px;
 }
 .e-treeview .e-navigable-text {
   padding: 0 5px;
@@ -8331,6 +8342,7 @@
 }
 
 /* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
@@ -8503,6 +8515,7 @@
   border-left-color: transparent;
 }
 
+/* stylelint-disable */
 .e-bigger .e-treeview .e-navigable .e-list-text,
 .e-treeview.e-bigger .e-navigable .e-list-text {
   padding: 0;
@@ -8654,7 +8667,6 @@
   font-size: 12px;
 }
 /* stylelint-disable-line no-empty-source */
-/* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -9141,7 +9153,6 @@ ejs-sidebar {
   display: none;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 14px;
-  font-weight: normal;
   height: 36px;
   line-height: 36px;
   text-align: left;