@syncfusion/ej2-navigations 27.2.5 → 28.1.33-686179

package/styles/material3.css

@@ -719,6 +719,7 @@
 .e-pager.e-bigger.e-rtl .e-currentitem {
   margin: 0;
   padding: 10px 15.5px;
+  padding: 10px 12px;
 }
 .e-bigger .e-pager.e-rtl .e-pagerdropdown,
 .e-pager.e-bigger.e-rtl .e-pagerdropdown {
@@ -751,6 +752,13 @@
     margin-top: 10px;
   }
 }
+@media (max-width: 769px) {
+  .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
+  .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
+    margin-left: 0;
+    margin-top: 10px;
+  }
+}
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
 .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
@@ -764,7 +772,6 @@
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover {
   font-size: 20px;
   margin-top: 0;
-  padding: 10px 12px;
 }
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem.e-focused, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem.e-focused, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover.e-focused, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover.e-focused,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem.e-focused,
@@ -773,6 +780,13 @@
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover.e-focused {
   padding: 10px 12px;
 }
+.e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
+.e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
+.e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
+.e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem:hover,
+.e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover {
+  padding: 10px 12px;
+}
 .e-bigger .e-pager.e-rtl.e-adaptive div.e-parentmsgbar,
 .e-pager.e-bigger.e-rtl.e-adaptive div.e-parentmsgbar {
   margin-top: 0;
@@ -1683,7 +1697,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: rgba(var(--color-sf-on-surface-variant));
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1697,6 +1710,7 @@
           justify-content: center;
   width: 100%;
   font-size: 14px;
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-toolbar.e-toolpop {
   overflow: visible;
@@ -5710,17 +5724,6 @@
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
   color: rgba(var(--color-sf-on-surface-variant));
 }
-@media screen and (max-width: 480px) {
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-    color: rgba(var(--color-sf-on-surface-variant));
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
-    color: rgba(var(--color-sf-on-surface-variant));
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
-    color: rgba(var(--color-sf-on-surface-variant));
-  }
-}
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: transparent;
   border: 0;
@@ -7110,6 +7113,13 @@
   top: 0;
   vertical-align: initial;
 }
+.e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
+.e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon,
+.e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
+.e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
+  height: 100%;
+  width: 100%;
+}
 .e-bigger .e-tab .e-tab-header .e-hor-nav,
 .e-tab.e-bigger .e-tab-header .e-hor-nav {
   height: 48px;
@@ -7346,12 +7356,14 @@
 .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
 .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before {
   line-height: 48px;
+  font-size: 14px;
 }
 .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
 .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after,
 .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
 .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::after {
   font-size: 14px;
+  font-size: 24px;
   line-height: 48px;
   margin: 0 0 0 8px;
 }
@@ -8182,6 +8194,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -8199,6 +8214,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 10px 12px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 10px 12px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -8302,6 +8321,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 12px;
 }
+.e-treeview .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
+.e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text .e-nav-wrapper:not(:has(.e-list-icon)) {
+  padding: 0;
+}
 .e-treeview .e-navigable .e-list-icon,
 .e-treeview .e-navigable .e-list-img {
   margin: 0 8px 0 0;
@@ -8352,6 +8377,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 12px 0 0;
 }
+.e-treeview.e-rtl .e-navigable .e-nav-wrapper {
+  padding: 0;
+}
 .e-treeview.e-rtl .e-navigable .e-list-icon,
 .e-treeview.e-rtl .e-navigable .e-list-img,
 .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img {
@@ -8699,7 +8727,6 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 24px;
   min-height: 24px;
-  padding: 12px 18px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -11083,6 +11110,7 @@ ejs-sidebar {
 }
 .e-stepper.e-vertical {
   min-height: inherit;
+  height: inherit;
   display: inline-block;
 }
 .e-stepper.e-vertical .e-step-label.e-step-label-only,
@@ -11106,6 +11134,7 @@ ejs-sidebar {
       -ms-flex-direction: column;
           flex-direction: column;
   min-height: inherit;
+  height: inherit;
   float: left;
   -webkit-box-align: start;
       -ms-flex-align: start;
@@ -11358,7 +11387,8 @@ ejs-sidebar {
   background-color: rgba(var(--color-sf-surface));
   border-color: transparent;
 }
-.e-stepper .e-step-disabled .e-indicator {
+.e-stepper .e-step-disabled .e-indicator,
+.e-stepper .e-step-disabled .e-step {
   background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface), 0.38);

package/styles/material3.scss

@@ -1,5 +1,5 @@
 
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import 'pager/material3-definition.scss';
 @import 'pager/icons/material3.scss';

package/styles/menu/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
-@import 'theme.scss';
+@import 'layout.scss';
+@import 'theme.scss';

package/styles/menu/_bds-definition.scss

@@ -1,65 +1,65 @@
-$menu-bigger-caret-font-size: $cmenu-bigger-caret-font-size !default;
-$menu-bigger-caret-li-padding: 32px !default;
-$menu-bigger-caret-right: 12px !default;
-$menu-bigger-font-size: $text-base !default;
-$menu-bigger-li-height: 48px !default;
-$menu-bigger-li-padding: 0 16px !default;
-$menu-bigger-li-text-indent: 15px !default;
-$menu-bigger-li-right-padding: 12px !default;
-$menu-bigger-icon-margin-right: 12px !default;
-$menu-icon-width: 1em !default;
-$menu-blank-icon: 34px !default;
-$menu-blank-icon-bigger: 41px !default;
-$menu-caret-font-size: $text-base !default;
-$menu-caret-icon: '\e706' !default;
-$menu-caret-icon-rtl: '\e70f' !default;
-$menu-caret-right: 8px !default;
-$menu-caret-li-padding: 26px !default;
-$menu-ul-padding: 0 !default;
-$menu-separator-bigger-padding: 0 !default;
-$menu-ul-bigger-header-padding: 0 !default;
-$menu-caret-padding-left: 8px !default;
-$menu-disable-opacity: .65 !default;
-$menu-font-size: $text-sm !default;
-$menu-icon-margin-right: 8px !default;
-$menu-icon-bigger-margin-right: 12px !default;
-$menu-li-hover-outline-offset: 0 !default;
-$menu-li-border-style: solid !default;
-$menu-li-border-width: 1px !default;
-$menu-li-height: 38px !default;
-$menu-li-padding: 0 12px !default;
-$menu-li-text-indent: 12px !default;
-$menu-li-right-padding: 12px !default;
-$menu-separator-padding: 0 !default;
-$menu-icon-font-size: $text-lg !default;
-$menu-icon-bigger-font-size: 22px !default;
-$menu-li-selected-outline-offset: 0 !default;
-$menu-hscroll-nav-size: 28px !default;
-$menu-vscroll-nav-size: 28px !default;
-$menu-scroll-nav-icon-size: 16px !default;
-$menu-bigger-hscroll-nav-size: 40px !default;
-$menu-bigger-vscroll-nav-size: 32px !default;
-$menu-bigger-scroll-nav-icon-size: 18px !default;
-$menu-header-icon-padding: 0 16px !default;
-$menu-li-bgcolor: $content-bg-color-alt3 !default;
-$menu-li-border-color: $border-light !default;
-$menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
-$menu-li-selected-outline: 0 solid $menu-li-selection-bgcolor !default;
-$menu-li-selection-font-color: $content-text-color !default;
-$menu-ul-header-padding: $menu-ul-padding !default;
-$menu-color: $content-text-color !default;
-$menu-seperator-border-color: $border-light !default;
-$menu-selected-color: $content-text-color !default;
-$menu-sub-ul-bgcolor: $content-bg-color-alt2 !default;
-$menu-sub-li-border-color: $border-light !default;
-$menu-ul-bgcolor: $content-bg-color-alt2 !default;
-$menu-ul-border: none !default;
-$menu-li-hover-outline: 0 solid $menu-li-border-color !default;
-$menu-srollbar-ul-border: none !default;
-$submenu-caret-font-size: $menu-caret-font-size !default;
-$submenu-bigger-caret-font-size: $submenu-caret-font-size !default;
-$submenu-color: $content-text-color !default;
-$menu-icon-color: $icon-color !default;
-$menu-icon-hover-color: $content-text-color !default;
-$menu-icon-focussed-color: $cmenu-caret-color !default;
-$menu-caret-color: $cmenu-caret-color !default;
+$menu-bigger-caret-font-size: $cmenu-bigger-caret-font-size !default;
+$menu-bigger-caret-li-padding: 32px !default;
+$menu-bigger-caret-right: 12px !default;
+$menu-bigger-font-size: $text-base !default;
+$menu-bigger-li-height: 48px !default;
+$menu-bigger-li-padding: 0 16px !default;
+$menu-bigger-li-text-indent: 15px !default;
+$menu-bigger-li-right-padding: 12px !default;
+$menu-bigger-icon-margin-right: 12px !default;
+$menu-icon-width: 1em !default;
+$menu-blank-icon: 34px !default;
+$menu-blank-icon-bigger: 41px !default;
+$menu-caret-font-size: $text-base !default;
+$menu-caret-icon: '\e706' !default;
+$menu-caret-icon-rtl: '\e70f' !default;
+$menu-caret-right: 8px !default;
+$menu-caret-li-padding: 26px !default;
+$menu-ul-padding: 0 !default;
+$menu-separator-bigger-padding: 0 !default;
+$menu-ul-bigger-header-padding: 0 !default;
+$menu-caret-padding-left: 8px !default;
+$menu-disable-opacity: .65 !default;
+$menu-font-size: $text-sm !default;
+$menu-icon-margin-right: 8px !default;
+$menu-icon-bigger-margin-right: 12px !default;
+$menu-li-hover-outline-offset: 0 !default;
+$menu-li-border-style: solid !default;
+$menu-li-border-width: 1px !default;
+$menu-li-height: 38px !default;
+$menu-li-padding: 0 12px !default;
+$menu-li-text-indent: 12px !default;
+$menu-li-right-padding: 12px !default;
+$menu-separator-padding: 0 !default;
+$menu-icon-font-size: $text-lg !default;
+$menu-icon-bigger-font-size: 22px !default;
+$menu-li-selected-outline-offset: 0 !default;
+$menu-hscroll-nav-size: 28px !default;
+$menu-vscroll-nav-size: 28px !default;
+$menu-scroll-nav-icon-size: 16px !default;
+$menu-bigger-hscroll-nav-size: 40px !default;
+$menu-bigger-vscroll-nav-size: 32px !default;
+$menu-bigger-scroll-nav-icon-size: 18px !default;
+$menu-header-icon-padding: 0 16px !default;
+$menu-li-bgcolor: $content-bg-color-alt3 !default;
+$menu-li-border-color: $border-light !default;
+$menu-li-selection-bgcolor: $content-bg-color-alt3 !default;
+$menu-li-selected-outline: 0 solid $menu-li-selection-bgcolor !default;
+$menu-li-selection-font-color: $content-text-color !default;
+$menu-ul-header-padding: $menu-ul-padding !default;
+$menu-color: $content-text-color !default;
+$menu-seperator-border-color: $border-light !default;
+$menu-selected-color: $content-text-color !default;
+$menu-sub-ul-bgcolor: $content-bg-color-alt2 !default;
+$menu-sub-li-border-color: $border-light !default;
+$menu-ul-bgcolor: $content-bg-color-alt2 !default;
+$menu-ul-border: none !default;
+$menu-li-hover-outline: 0 solid $menu-li-border-color !default;
+$menu-srollbar-ul-border: none !default;
+$submenu-caret-font-size: $menu-caret-font-size !default;
+$submenu-bigger-caret-font-size: $submenu-caret-font-size !default;
+$submenu-color: $content-text-color !default;
+$menu-icon-color: $icon-color !default;
+$menu-icon-hover-color: $content-text-color !default;
+$menu-icon-focussed-color: $cmenu-caret-color !default;
+$menu-caret-color: $cmenu-caret-color !default;