@syncfusion/ej2-navigations 27.2.5 → 28.1.35

package/styles/tab/tailwind3.scss

@@ -0,0 +1,6 @@
+@import 'ej2-base/styles/definition/tailwind3.scss';
+@import '../toolbar/tailwind3-definition.scss';
+@import 'tailwind3-definition.scss';
+@import 'icons/tailwind3.scss';
+@import 'all.scss';
+@import 'bigger.scss';

package/styles/tailwind-dark-lite.css

@@ -105,7 +105,7 @@
   border: 1px solid #22d3ee;
 }
 .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
-  padding: 3.5px 11px 6px 10px;
+  padding: 3.5px 11px 6.2px 10px;
 }
 .e-pager div.e-pagermsgdiv {
   padding-right: 6px;
@@ -170,7 +170,7 @@
 .e-pager .e-pagercontainer .e-lastpagedisabled.e-focused {
   border: 0;
   border-right-style: none;
-  padding: 8.9px 7px 8px;
+  padding: 8.5px 7px 9.5px;
 }
 .e-pager .e-pagercontainer .e-nextpage.e-focused,
 .e-pager .e-pagercontainer .e-firstpage.e-focused {
@@ -254,7 +254,7 @@
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
   line-height: 18px;
-  padding: 4.5px 8.7px 7px;
+  padding: 4.5px 9.2px 7px;
 }
 .e-pager.e-adaptive {
   display: -webkit-box;
@@ -480,7 +480,7 @@
   padding: 4.5px 8.7px 5px;
 }
 .e-pager.e-rtl .e-np.e-focused, .e-pager.e-rtl .e-pp.e-focused {
-  padding: 4.5px 8.7px 7px;
+  padding: 4.5px 9.2px 7px;
 }
 .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
   margin: 0 5px;
@@ -1435,7 +1435,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #d1d5db;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1449,6 +1448,7 @@
           justify-content: center;
   width: 100%;
   font-size: 18px;
+  color: #d1d5db;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;
@@ -5084,17 +5084,6 @@
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
   color: #9ca3af;
 }
-@media screen and (max-width: 480px) {
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-    color: #9ca3af;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
-    color: #9ca3af;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
-    color: rgba(209, 213, 219, 0.87);
-  }
-}
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: inherit;
   border: 0;
@@ -6321,6 +6310,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0 8px;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -6338,6 +6330,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 0 8px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 0 8px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -6431,7 +6427,7 @@
 }
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon,
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img {
-  margin: 0 10px 0 2px;
+  margin: 0 8px 0 0;
 }
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon + .e-list-img {
   margin: 0 8px 0 0;
@@ -6439,6 +6435,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 6px;
 }
+.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;
@@ -6491,6 +6493,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 6px 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 {
@@ -8577,6 +8582,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,
@@ -8600,6 +8606,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;
@@ -8851,7 +8858,8 @@ ejs-sidebar {
   background-color: #1f2937;
   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: #4b5563;
   color: #6b7280;
 }

package/styles/tailwind-dark.css

@@ -105,7 +105,7 @@
   border: 1px solid #22d3ee;
 }
 .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
-  padding: 3.5px 11px 6px 10px;
+  padding: 3.5px 11px 6.2px 10px;
 }
 .e-pager div.e-pagermsgdiv {
   padding-right: 6px;
@@ -170,7 +170,7 @@
 .e-pager .e-pagercontainer .e-lastpagedisabled.e-focused {
   border: 0;
   border-right-style: none;
-  padding: 8.9px 7px 8px;
+  padding: 8.5px 7px 9.5px;
 }
 .e-pager .e-pagercontainer .e-nextpage.e-focused,
 .e-pager .e-pagercontainer .e-firstpage.e-focused {
@@ -254,7 +254,7 @@
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
   line-height: 18px;
-  padding: 4.5px 8.7px 7px;
+  padding: 4.5px 9.2px 7px;
 }
 .e-pager.e-adaptive {
   display: -webkit-box;
@@ -480,7 +480,7 @@
   padding: 4.5px 8.7px 5px;
 }
 .e-pager.e-rtl .e-np.e-focused, .e-pager.e-rtl .e-pp.e-focused {
-  padding: 4.5px 8.7px 7px;
+  padding: 4.5px 9.2px 7px;
 }
 .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
   margin: 0 5px;
@@ -745,7 +745,7 @@
 .e-bigger .e-pager .e-pp.e-spacing.e-focused,
 .e-pager.e-bigger .e-np.e-spacing.e-focused,
 .e-pager.e-bigger .e-pp.e-spacing.e-focused {
-  padding: 11px 12px 10.5px 11.5px;
+  padding: 7px 11.8px 6.5px;
 }
 .e-bigger .e-pager .e-spacing,
 .e-bigger .e-pager .e-numericitem:hover,
@@ -785,11 +785,11 @@
 .e-bigger .e-pager.e-rtl .e-pagercontainer .e-lastpage.e-focused,
 .e-pager.e-bigger.e-rtl .e-pagercontainer .e-firstpage.e-focused,
 .e-pager.e-bigger.e-rtl .e-pagercontainer .e-lastpage.e-focused {
-  padding: 10px 10px 9px;
+  padding: 10px 10px 9.5px;
 }
 .e-bigger .e-pager.e-rtl .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused,
 .e-pager.e-bigger.e-rtl .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused {
-  padding: 10px 11px 9px;
+  padding: 10px 11px 9.5px;
 }
 .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
 .e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
@@ -810,6 +810,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,
@@ -869,11 +876,11 @@
 .e-pager.e-bigger .e-pagercontainer .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default.e-focused,
 .e-pager.e-bigger .e-pagercontainer .e-prevpage.e-focused,
 .e-pager.e-bigger .e-pagercontainer .e-firstpage.e-focused {
-  padding: 10px 11px 9px 10px;
+  padding: 10px 11px 9.5px 10px;
 }
 .e-bigger .e-pager .e-pagercontainer .e-lastpage.e-focused,
 .e-pager.e-bigger .e-pagercontainer .e-lastpage.e-focused {
-  padding: 10px 10px 9px;
+  padding: 10px 10px 9.5px;
 }
 .e-bigger .e-pager .e-pp,
 .e-bigger .e-pager .e-np,
@@ -1745,7 +1752,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #d1d5db;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1759,6 +1765,7 @@
           justify-content: center;
   width: 100%;
   font-size: 18px;
+  color: #d1d5db;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;
@@ -5813,17 +5820,6 @@
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
   color: #9ca3af;
 }
-@media screen and (max-width: 480px) {
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-    color: #9ca3af;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
-    color: #9ca3af;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
-    color: rgba(209, 213, 219, 0.87);
-  }
-}
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: inherit;
   border: 0;
@@ -7202,6 +7198,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;
@@ -8244,6 +8247,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0 8px;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -8261,6 +8267,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 0 8px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 0 8px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -8354,7 +8364,7 @@
 }
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon,
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img {
-  margin: 0 10px 0 2px;
+  margin: 0 8px 0 0;
 }
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon + .e-list-img {
   margin: 0 8px 0 0;
@@ -8362,6 +8372,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 6px;
 }
+.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;
@@ -8414,6 +8430,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 6px 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 {
@@ -8762,7 +8781,6 @@
 .e-treeview.e-bigger .e-list-text {
   line-height: 46px;
   min-height: 46px;
-  padding: 0 12px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -11187,6 +11205,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,
@@ -11210,6 +11229,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;
@@ -11461,7 +11481,8 @@ ejs-sidebar {
   background-color: #1f2937;
   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: #4b5563;
   color: #6b7280;
 }

package/styles/tailwind-lite.css

@@ -105,7 +105,7 @@
   border: 1px solid #4f46e5;
 }
 .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
-  padding: 3.5px 11px 6px 10px;
+  padding: 3.5px 11px 6.2px 10px;
 }
 .e-pager div.e-pagermsgdiv {
   padding-right: 6px;
@@ -170,7 +170,7 @@
 .e-pager .e-pagercontainer .e-lastpagedisabled.e-focused {
   border: 0;
   border-right-style: none;
-  padding: 8.9px 7px 8px;
+  padding: 8.5px 7px 9.5px;
 }
 .e-pager .e-pagercontainer .e-nextpage.e-focused,
 .e-pager .e-pagercontainer .e-firstpage.e-focused {
@@ -254,7 +254,7 @@
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
   line-height: 18px;
-  padding: 4.5px 8.7px 7px;
+  padding: 4.5px 9.2px 7px;
 }
 .e-pager.e-adaptive {
   display: -webkit-box;
@@ -480,7 +480,7 @@
   padding: 4.5px 8.7px 5px;
 }
 .e-pager.e-rtl .e-np.e-focused, .e-pager.e-rtl .e-pp.e-focused {
-  padding: 4.5px 8.7px 7px;
+  padding: 4.5px 9.2px 7px;
 }
 .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
   margin: 0 5px;
@@ -1435,7 +1435,6 @@
 }
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
-  color: #6b7280;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1449,6 +1448,7 @@
           justify-content: center;
   width: 100%;
   font-size: 18px;
+  color: #6b7280;
 }
 .e-toolbar.e-toolpop {
   overflow: visible;
@@ -5084,17 +5084,6 @@
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
   color: #6b7280;
 }
-@media screen and (max-width: 480px) {
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-    color: #6b7280;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon {
-    color: #6b7280;
-  }
-  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
-    color: rgba(107, 114, 128, 0.87);
-  }
-}
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: inherit;
   border: 0;
@@ -6321,6 +6310,9 @@
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
 }
+.e-treeview .e-navigable-text {
+  padding: 0 8px;
+}
 .e-treeview .e-list-icon,
 .e-treeview .e-list-img {
   display: inline-block;
@@ -6338,6 +6330,10 @@
 .e-treeview .e-list-img + .e-list-text {
   padding: 0 8px;
 }
+.e-treeview .e-list-icon + .e-navigable-text,
+.e-treeview .e-list-img + .e-navigable-text {
+  padding: 0 8px;
+}
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
   display: inline-block;
@@ -6431,7 +6427,7 @@
 }
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon,
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img {
-  margin: 0 10px 0 2px;
+  margin: 0 8px 0 0;
 }
 .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon + .e-list-img {
   margin: 0 8px 0 0;
@@ -6439,6 +6435,12 @@
 .e-treeview .e-navigable .e-anchor-wrap {
   padding: 0 0 0 6px;
 }
+.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;
@@ -6491,6 +6493,9 @@
 .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
   padding: 0 6px 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 {
@@ -8577,6 +8582,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,
@@ -8600,6 +8606,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;
@@ -8851,7 +8858,8 @@ ejs-sidebar {
   background-color: #fff;
   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: #e5e7eb;
   color: #9ca3af;
 }