@syncfusion/ej2-navigations 31.2.16 → 32.1.24

package/styles/context-menu/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% {
@@ -41,6 +111,80 @@
   content: "\e765";
 }
 
+
+
+
+
+
+
+
+
+/* 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 */
+
+
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
   font-weight: 400;
@@ -56,7 +200,7 @@
   font-size: 14px;
   padding: 4px 0;
   border: 1px solid var(--color-sf-border-light);
-  border-radius: 4px;
+  border-radius: calc(var(--e-radius) * 0.25);
   -webkit-box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
           box-shadow: 0 0 4px 0 rgba(var(--color-sf-black), 0.1), 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
   display: none;
@@ -87,7 +231,7 @@
 }
 .e-contextmenu-wrapper ul.e-ul,
 .e-contextmenu-container ul.e-ul {
-  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
+  font-family: var(--e-font-family);
 }
 .e-contextmenu-wrapper ul .e-menu-item,
 .e-contextmenu-container ul .e-menu-item {
@@ -297,6 +441,80 @@
   height: auto;
 }
 
+
+
+
+
+
+
+
+
+/* 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 */
+
+
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
   background-color: var(--color-sf-flyout-bg-color);
@@ -350,20 +568,20 @@
 }
 .e-contextmenu-wrapper ul .e-disabled,
 .e-contextmenu-container ul .e-disabled {
-  color: rgba(var(--color-sf-content-text-color), 0.75);
+  color: var(--color-sf-flyout-text-color-disabled);
   opacity: 1;
 }
 .e-contextmenu-wrapper ul .e-disabled .e-menu-icon,
 .e-contextmenu-container ul .e-disabled .e-menu-icon {
-  color: rgba(var(--color-sf-icon-color), 0.65);
+  color: var(--color-sf-icon-color-disabled);
 }
 .e-contextmenu-wrapper ul .e-disabled .e-caret,
 .e-contextmenu-container ul .e-disabled .e-caret {
-  color: rgba(var(--color-sf-icon-color), 0.65);
+  color: var(--color-sf-icon-color-disabled);
 }
 .e-contextmenu-wrapper ul .e-disabled .e-menu-url,
 .e-contextmenu-container ul .e-disabled .e-menu-url {
-  color: rgba(var(--color-sf-content-text-color), 0.75);
+  color: var(--color-sf-flyout-text-color-disabled);
 }
 .e-contextmenu-wrapper ul .e-separator,
 .e-contextmenu-container ul .e-separator {
@@ -380,6 +598,80 @@
   border-color: var(--color-sf-border-light);
 }
 
+
+
+
+
+
+
+
+
+/* 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 */
+
+
 .e-bigger .e-contextmenu-wrapper ul,
 .e-bigger.e-contextmenu-wrapper ul,
 .e-bigger .e-contextmenu-container ul,

package/styles/context-menu/tailwind3.scss

@@ -1,8 +1,8 @@
-@import 'ej2-base/styles/definition/tailwind3.scss';
-@import '../h-scroll/tailwind3-definition.scss';
-@import '../v-scroll/tailwind3-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind3-definition.scss';
-@import 'tailwind3-definition.scss';
-@import 'icons/tailwind3.scss';
-@import 'all.scss';
-@import 'bigger.scss';
+@use 'ej2-base/styles/definition/tailwind3' as *;
+@use '../h-scroll/tailwind3-definition' as *;
+@use '../v-scroll/tailwind3-definition' as *;
+@use 'ej2-popups/styles/popup/tailwind3-definition' as *;
+@use 'tailwind3-definition' as *;
+@use 'icons/tailwind3' as *;
+@use 'all.tailwind3' as *;
+@use 'bigger.tailwind3' as *;

package/styles/fabric-dark-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;
@@ -3590,7 +3596,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 {
@@ -4680,13 +4686,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;
   }
 }
@@ -6018,6 +6024,7 @@
   content: "\e22a";
 }
 
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -6200,14 +6207,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;
@@ -6458,6 +6465,7 @@
 }
 
 /* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
@@ -6630,7 +6638,6 @@
   border-left-color: transparent;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
@@ -7118,7 +7125,6 @@ ejs-sidebar {
   display: none;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 14px;
-  font-weight: normal;
   height: 42px;
   line-height: 42px;
   text-align: left;

package/styles/fabric-dark-lite.scss

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

package/styles/fabric-dark.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;
@@ -4271,7 +4281,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 {
@@ -5361,13 +5371,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;
   }
 }
@@ -7900,6 +7910,7 @@
   content: "\e22a";
 }
 
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -8082,14 +8093,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;
@@ -8340,6 +8351,7 @@
 }
 
 /* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
@@ -8512,6 +8524,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;
@@ -8663,7 +8676,6 @@
   font-size: 12px;
 }
 /* stylelint-disable-line no-empty-source */
-/* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -9150,7 +9162,6 @@ ejs-sidebar {
   display: none;
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 14px;
-  font-weight: normal;
   height: 42px;
   line-height: 42px;
   text-align: left;