@syncfusion/ej2-navigations 28.1.33 → 28.1.35

package/styles/tailwind3.css

@@ -69,7 +69,7 @@
   float: right;
   padding-bottom: 0;
   padding-right: 0;
-  padding-top: 6px;
+  padding-top: 5px;
 }
 .e-pager .e-pagesizes {
   display: inline;
@@ -484,6 +484,19 @@
 .e-pager.sf-pager .e-pagercontainer .e-last {
   font-size: 14px;
 }
+.e-pager.sf-pager .e-pagercontainer .e-firstpage,
+.e-pager.sf-pager .e-pagercontainer .e-prevpage,
+.e-pager.sf-pager .e-pagercontainer .e-firstpagedisabled,
+.e-pager.sf-pager .e-pagercontainer .e-prevpagedisabled,
+.e-pager.sf-pager .e-pagercontainer .e-nextpage,
+.e-pager.sf-pager .e-pagercontainer .e-lastpage,
+.e-pager.sf-pager .e-pagercontainer .e-nextpagedisabled,
+.e-pager.sf-pager .e-pagercontainer .e-lastpagedisabled {
+  padding: 7.1px 8.6px 8.5px;
+}
+.e-pager.sf-pager .e-spacing {
+  padding: 7.6px 11.85px 7.8px 11.8px;
+}
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 14px;
 }
@@ -613,7 +626,7 @@
 .e-pager.e-bigger div.e-parentmsgbar {
   padding-bottom: 8px;
   padding-right: 0;
-  padding-top: 9px;
+  padding-top: 8px;
 }
 .e-bigger .e-pager:not(.e-adaptive) .e-pagerdropdown,
 .e-pager.e-bigger:not(.e-adaptive) .e-pagerdropdown {
@@ -834,6 +847,33 @@
   margin: 0 8px 0 10px;
 }
 
+.e-bigger .sf-pager .e-pagercontainer .e-firstpage,
+.e-bigger .sf-pager .e-pagercontainer .e-prevpage,
+.e-bigger .sf-pager .e-pagercontainer .e-firstpagedisabled,
+.e-bigger .sf-pager .e-pagercontainer .e-prevpagedisabled,
+.e-bigger .sf-pager .e-pagercontainer .e-nextpage,
+.e-bigger .sf-pager .e-pagercontainer .e-lastpage,
+.e-bigger .sf-pager .e-pagercontainer .e-nextpagedisabled,
+.e-bigger .sf-pager .e-pagercontainer .e-lastpagedisabled,
+.sf-pager.e-bigger .e-pagercontainer .e-firstpage,
+.sf-pager.e-bigger .e-pagercontainer .e-prevpage,
+.sf-pager.e-bigger .e-pagercontainer .e-firstpagedisabled,
+.sf-pager.e-bigger .e-pagercontainer .e-prevpagedisabled,
+.sf-pager.e-bigger .e-pagercontainer .e-nextpage,
+.sf-pager.e-bigger .e-pagercontainer .e-lastpage,
+.sf-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
+.sf-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
+  padding: 10.3px 11.6px 12.5px;
+}
+.e-bigger .sf-pager .e-spacing,
+.e-bigger .sf-pager .e-currentitem,
+.e-bigger .sf-pager .e-numericitem:hover,
+.sf-pager.e-bigger .e-spacing,
+.sf-pager.e-bigger .e-currentitem,
+.sf-pager.e-bigger .e-numericitem:hover {
+  padding: 14.5px 15.48px 11.8px 15.1px;
+}
+
 /*! component's theme wise override definitions and variables */
 @-webkit-keyframes hscroll-popup-shadow {
   0% {
@@ -3537,7 +3577,7 @@
 }
 .e-contextmenu-wrapper ul.e-ul,
 .e-contextmenu-container ul.e-ul {
-  font-family: 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: "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";
 }
 .e-contextmenu-wrapper ul .e-menu-item,
 .e-contextmenu-container ul .e-menu-item {
@@ -4114,7 +4154,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
   display: inherit;
-  font-family: 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: "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-size: 14px;
   font-weight: 500;
   text-transform: capitalize;
@@ -4897,7 +4937,7 @@
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before {
   float: left;
-  font-family: 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: "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-size: 14px;
   font-weight: 500;
   line-height: 36px;
@@ -5585,7 +5625,7 @@
 }
 .e-tab-clone-element .e-tab-text {
   display: inherit;
-  font-family: 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: "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-size: 14px;
   font-weight: 500;
   text-transform: capitalize;
@@ -8650,7 +8690,7 @@
 }
 .e-treeview.e-drag-item {
   background-color: var(--color-sf-content-bg-color-alt4);
-  font-family: 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: "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";
 }
 .e-treeview.e-drag-item .e-icon-collapsible::before,
 .e-treeview.e-drag-item .e-icon-expandable::before {
@@ -9315,7 +9355,7 @@ ejs-sidebar {
 .e-menu-wrapper .e-menu-header,
 .e-menu-container .e-menu-header {
   display: none;
-  font-family: 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: "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-size: 16px;
   font-weight: 400;
   height: 38px;
@@ -9344,6 +9384,7 @@ ejs-sidebar {
 .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav {
   width: 28px;
+  min-height: 38px;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus, .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover,
 .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus,
@@ -9816,6 +9857,10 @@ ejs-sidebar {
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
   background: inherit;
 }
+.e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
+.e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {
+  background: transparent;
+}
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav .e-nav-arrow.e-icons,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav .e-nav-arrow.e-icons {
   color: var(--color-sf-secondary-text-color-focus);
@@ -10012,6 +10057,7 @@ ejs-sidebar {
 .e-bigger .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav,
 .e-bigger.e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav {
   width: 40px;
+  min-height: 48px;
 }
 .e-bigger .e-menu-wrapper .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
 .e-bigger.e-menu-wrapper .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
@@ -10326,7 +10372,10 @@ ejs-sidebar {
       flex-shrink: 0;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
-  padding: 0;
+  padding: 2px;
+}
+.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text {
+  padding: 3px;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   -webkit-box-align: center;
@@ -10607,7 +10656,11 @@ ejs-sidebar {
 
 .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text,
 .e-bigger .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
-  padding: 0;
+  padding: 2px;
+}
+.e-bigger.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text,
+.e-bigger .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text {
+  padding: 5px !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text,
 .e-bigger .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
@@ -11361,7 +11414,6 @@ ejs-sidebar {
 }
 .e-stepper.e-vertical .e-stepper-progressbar {
   min-height: inherit;
-  height: inherit;
   width: 1.6px;
   top: 0;
   left: var(--progress-position);

package/styles/treeview/tailwind3.css

@@ -627,7 +627,7 @@
 }
 .e-treeview.e-drag-item {
   background-color: var(--color-sf-content-bg-color-alt4);
-  font-family: 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: "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";
 }
 .e-treeview.e-drag-item .e-icon-collapsible::before,
 .e-treeview.e-drag-item .e-icon-expandable::before {