@syncfusion/ej2-navigations 19.3.57 → 19.4.38

package/styles/tab/material.css

@@ -2072,6 +2072,10 @@
   top: 0;
 }
 
+.e-tab .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-text-wrap::before {
+  display: none;
+}
+
 .e-tab .e-tab-header.e-vertical {
   max-width: 150px;
   z-index: 1;
@@ -2329,6 +2333,11 @@
   min-height: 62px;
 }
 
+.e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
+.e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
+  display: none;
+}
+
 .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
   height: 62px;
 }
@@ -3387,6 +3396,10 @@
   color: rgba(0, 0, 0, 0.38);
 }
 
+.e-tab .e-tab-header.e-reorder-active-item:not(.e-vertical) .e-toolbar-pop .e-toolbar-item.e-active {
+  border: initial;
+}
+
 .e-tab .e-tab-header .e-toolbar-pop {
   background: #fff;
   border: 0;
@@ -3424,6 +3437,11 @@
   background: #eee;
 }
 
+.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
+.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
+  color: #e3165b;
+}
+
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-disable.e-overlay .e-tab-text,
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-disable.e-overlay .e-tab-icon {
   color: rgba(0, 0, 0, 0.38);
@@ -3827,7 +3845,7 @@
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon {
-  color: #e3165b;
+  color: rgba(0, 0, 0, 0.87);
 }
 
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
@@ -3864,6 +3882,16 @@
   background: #3f51b5;
 }
 
+.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
+.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
+.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
+  color: rgba(255, 255, 255, 0.7);
+}
+
+.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon:hover {
+  color: rgba(255, 255, 255, 0.54);
+}
+
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: inherit;
 }
@@ -3877,20 +3905,6 @@
   color: #fff;
 }
 
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-text,
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-icon,
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-close-icon {
-  color: rgba(255, 255, 255, 0.7);
-}
-
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-close-icon {
-  color: rgba(255, 255, 255, 0.54);
-}
-
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-close-icon:hover {
-  color: #e3165b;
-}
-
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
   border: 0;
   margin: 0;
@@ -3958,48 +3972,61 @@
   color: white;
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
   color: rgba(255, 255, 255, 0.7);
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
   background: inherit;
   color: #fff;
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
 .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
   color: #fff;
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
 .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
   background: inherit;
   color: #fff;
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
 .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
   animation: hscroll-alt-popup-shadow 1s ease-out 0ms;
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
   color: rgba(255, 255, 255, 0.7);
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
   background: inherit;
   color: #fff;
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
   color: #fff;
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
 .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
   animation: tbar-alt-popup-shadow 1s ease-out 0ms;
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
   color: #fff;
 }

package/styles/tab/tailwind-dark.css

@@ -2069,6 +2069,10 @@
   top: 0;
 }
 
+.e-tab .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-text-wrap::before {
+  display: none;
+}
+
 .e-tab .e-tab-header.e-vertical {
   max-width: 150px;
   z-index: 1;
@@ -2326,6 +2330,11 @@
   min-height: 62px;
 }
 
+.e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
+.e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
+  display: none;
+}
+
 .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
   height: 62px;
 }
@@ -3387,6 +3396,10 @@
   color: #6b7280;
 }
 
+.e-tab .e-tab-header.e-reorder-active-item:not(.e-vertical) .e-toolbar-pop .e-toolbar-item.e-active {
+  border: initial;
+}
+
 .e-tab .e-tab-header .e-toolbar-pop {
   background: #374151;
   border: 0;
@@ -3424,6 +3437,11 @@
   background: #374151;
 }
 
+.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
+.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
+  color: #22d3ee;
+}
+
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-disable.e-overlay .e-tab-text,
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-disable.e-overlay .e-tab-icon {
   color: #6b7280;
@@ -3443,7 +3461,6 @@
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover {
   background: #4b5563;
   color: #22d3ee;
-  background: #4b5563;
 }
 
 .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
@@ -3580,6 +3597,10 @@
   border-top-color: #4b5563;
 }
 
+.e-tab .e-tab-header.e-vertical {
+  border-bottom: 0;
+}
+
 .e-tab .e-tab-header.e-vertical::before {
   border-width: 0 1px 0 0;
 }
@@ -3845,7 +3866,7 @@
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon {
-  color: #000;
+  color: #22d3ee;
 }
 
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
@@ -3883,6 +3904,12 @@
   background: #22d3ee;
 }
 
+.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
+.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
+.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
+  color: #155e75;
+}
+
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: inherit;
 }
@@ -3892,21 +3919,6 @@
   color: #000;
 }
 
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-text,
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-icon,
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-close-icon {
-  color: #155e75;
-}
-
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-close-icon {
-  color: #d1d5db;
-  color: #000;
-}
-
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-close-icon:hover {
-  color: #000;
-}
-
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
   border: 0;
   margin: 0;
@@ -3970,48 +3982,61 @@
   color: #000;
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
   color: #155e75;
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
   background: #4b5563;
   color: #d1d5db;
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
 .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
   color: #d1d5db;
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
 .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
   background: #4b5563;
   color: #d1d5db;
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
 .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
   animation: hscroll-alt-popup-shadow 1s ease-out 0ms;
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
   color: #155e75;
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
   background: #4b5563;
   color: #d1d5db;
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
   color: #d1d5db;
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
 .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
   animation: tbar-alt-popup-shadow 1s ease-out 0ms;
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
   color: #d1d5db;
 }

package/styles/tab/tailwind.css

@@ -2069,6 +2069,10 @@
   top: 0;
 }
 
+.e-tab .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-text-wrap::before {
+  display: none;
+}
+
 .e-tab .e-tab-header.e-vertical {
   max-width: 150px;
   z-index: 1;
@@ -2326,6 +2330,11 @@
   min-height: 62px;
 }
 
+.e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap::before,
+.e-tab.e-vertical-icon .e-tab-header.e-reorder-active-item .e-toolbar-pop .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
+  display: none;
+}
+
 .e-tab.e-vertical-icon .e-tab-header .e-toolbar-items {
   height: 62px;
 }
@@ -3387,6 +3396,10 @@
   color: #9ca3af;
 }
 
+.e-tab .e-tab-header.e-reorder-active-item:not(.e-vertical) .e-toolbar-pop .e-toolbar-item.e-active {
+  border: initial;
+}
+
 .e-tab .e-tab-header .e-toolbar-pop {
   background: #fff;
   border: 0;
@@ -3424,6 +3437,11 @@
   background: #f3f4f6;
 }
 
+.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-text,
+.e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-active .e-tab-wrap .e-tab-icon {
+  color: #4f46e5;
+}
+
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-disable.e-overlay .e-tab-text,
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-disable.e-overlay .e-tab-icon {
   color: #9ca3af;
@@ -3443,7 +3461,6 @@
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover {
   background: #e5e7eb;
   color: #4f46e5;
-  background: #e5e7eb;
 }
 
 .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
@@ -3580,6 +3597,10 @@
   border-top-color: #e5e7eb;
 }
 
+.e-tab .e-tab-header.e-vertical {
+  border-bottom: 0;
+}
+
 .e-tab .e-tab-header.e-vertical::before {
   border-width: 0 1px 0 0;
 }
@@ -3845,7 +3866,7 @@
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-close-icon {
-  color: #fff;
+  color: #4f46e5;
 }
 
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus {
@@ -3883,6 +3904,12 @@
   background: #4f46e5;
 }
 
+.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text,
+.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-icon,
+.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap .e-close-icon {
+  color: #e0e7ff;
+}
+
 .e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: inherit;
 }
@@ -3892,21 +3919,6 @@
   color: #fff;
 }
 
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-text,
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-tab-icon,
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-close-icon {
-  color: #e0e7ff;
-}
-
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-close-icon {
-  color: #6b7280;
-  color: #fff;
-}
-
-.e-tab.e-background .e-tab-header .e-toolbar-item .e-close-icon:hover {
-  color: #fff;
-}
-
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
   border: 0;
   margin: 0;
@@ -3970,48 +3982,61 @@
   color: #fff;
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow {
   color: #e0e7ff;
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:hover,
 .e-tab.e-background .e-tab-header .e-scroll-nav .e-nav-arrow:hover {
   background: #e5e7eb;
   color: #6b7280;
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow,
 .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
   color: #6b7280;
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
 .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover {
   background: #e5e7eb;
   color: #6b7280;
 }
 
+.e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
 .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
   animation: hscroll-alt-popup-shadow 1s ease-out 0ms;
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon,
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon {
   color: #e0e7ff;
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-up-icon:hover,
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-up-icon:hover,
 .e-tab.e-background .e-tab-header .e-hor-nav .e-popup-down-icon:hover {
   background: #e5e7eb;
   color: #6b7280;
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
   color: #6b7280;
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
 .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
   animation: tbar-alt-popup-shadow 1s ease-out 0ms;
 }
 
+.e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
   color: #6b7280;
 }