@syncfusion/ej2-navigations 28.1.41 → 28.2.3-1479479

package/styles/tab/icons/_material3.scss

@@ -1,90 +1,90 @@
-@include export-module('tab-material3-icons') {
-  #{&}.e-tab {
-
-    .e-tab-header {
-
-      .e-close-icon::before {
-        content: '\e7e7';
-        position: relative;
-      }
-    }
-
-    &.e-vertical-icon .e-tab-header {
-
-      @media screen and (max-width: 480px) {
-
-        .e-popup-up-icon::before {
-          content: '\e776';
-        }
-
-        .e-popup-down-icon::before {
-          content: '\e729';
-        }
-      }
-    }
-
-    &.e-vertical-tab {
-
-      .e-tab-header {
-
-        .e-popup-up-icon {
-
-          &::before {
-            content: 'More';
-          }
-
-          &::after {
-            content: '\e776';
-          }
-        }
-
-        .e-popup-down-icon {
-
-          &::before {
-            content: 'More';
-          }
-
-          &::after {
-            content: '\e729';
-          }
-        }
-      }
-
-      &.e-icon-tab {
-
-        .e-tab-header {
-
-          .e-popup-up-icon {
-
-            &::before {
-              content: '';
-            }
-
-            &::after {
-              content: '\e776';
-            }
-          }
-
-          .e-popup-down-icon {
-
-            &::before {
-              content: '';
-            }
-
-            &::after {
-              content: '\e729';
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .e-tab-clone-element {
-
-    .e-close-icon::before {
-      content: '\e7e7';
-      position: relative;
-    }
-  }
-}
+@include export-module('tab-material3-icons') {
+  #{&}.e-tab {
+
+    .e-tab-header {
+
+      .e-close-icon::before {
+        content: '\e7e7';
+        position: relative;
+      }
+    }
+
+    &.e-vertical-icon .e-tab-header {
+
+      @media screen and (max-width: 480px) {
+
+        .e-popup-up-icon::before {
+          content: '\e776';
+        }
+
+        .e-popup-down-icon::before {
+          content: '\e729';
+        }
+      }
+    }
+
+    &.e-vertical-tab {
+
+      .e-tab-header {
+
+        .e-popup-up-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e776';
+          }
+        }
+
+        .e-popup-down-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e729';
+          }
+        }
+      }
+
+      &.e-icon-tab {
+
+        .e-tab-header {
+
+          .e-popup-up-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\e776';
+            }
+          }
+
+          .e-popup-down-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\e729';
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .e-tab-clone-element {
+
+    .e-close-icon::before {
+      content: '\e7e7';
+      position: relative;
+    }
+  }
+}

package/styles/tab/icons/_tailwind.scss

@@ -1,90 +1,90 @@
-@include export-module('tab-tailwind-icons') {
-  #{&}.e-tab {
-
-    .e-tab-header {
-
-      .e-close-icon::before {
-        content: '\e7e7';
-        position: relative;
-      }
-    }
-
-    &.e-vertical-icon .e-tab-header {
-
-      @media screen and (max-width: 480px) {
-
-        .e-popup-up-icon::before {
-          content: '\e776';
-        }
-
-        .e-popup-down-icon::before {
-          content: '\e729';
-        }
-      }
-    }
-
-    &.e-vertical-tab {
-
-      .e-tab-header {
-
-        .e-popup-up-icon {
-
-          &::before {
-            content: 'More';
-          }
-
-          &::after {
-            content: '\e776';
-          }
-        }
-
-        .e-popup-down-icon {
-
-          &::before {
-            content: 'More';
-          }
-
-          &::after {
-            content: '\e729';
-          }
-        }
-      }
-
-      &.e-icon-tab {
-
-        .e-tab-header {
-
-          .e-popup-up-icon {
-
-            &::before {
-              content: '';
-            }
-
-            &::after {
-              content: '\e776';
-            }
-          }
-
-          .e-popup-down-icon {
-
-            &::before {
-              content: '';
-            }
-
-            &::after {
-              content: '\e729';
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .e-tab-clone-element {
-
-    .e-close-icon::before {
-      content: '\e7e7';
-      position: relative;
-    }
-  }
-}
+@include export-module('tab-tailwind-icons') {
+  #{&}.e-tab {
+
+    .e-tab-header {
+
+      .e-close-icon::before {
+        content: '\e7e7';
+        position: relative;
+      }
+    }
+
+    &.e-vertical-icon .e-tab-header {
+
+      @media screen and (max-width: 480px) {
+
+        .e-popup-up-icon::before {
+          content: '\e776';
+        }
+
+        .e-popup-down-icon::before {
+          content: '\e729';
+        }
+      }
+    }
+
+    &.e-vertical-tab {
+
+      .e-tab-header {
+
+        .e-popup-up-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e776';
+          }
+        }
+
+        .e-popup-down-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e729';
+          }
+        }
+      }
+
+      &.e-icon-tab {
+
+        .e-tab-header {
+
+          .e-popup-up-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\e776';
+            }
+          }
+
+          .e-popup-down-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\e729';
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .e-tab-clone-element {
+
+    .e-close-icon::before {
+      content: '\e7e7';
+      position: relative;
+    }
+  }
+}

package/styles/tab/icons/_tailwind3.scss

@@ -1,90 +1,90 @@
-@include export-module('tab-tailwind3-icons') {
-  #{&}.e-tab {
-
-    .e-tab-header {
-
-      .e-close-icon::before {
-        content: '\e7e7';
-        position: relative;
-      }
-    }
-
-    &.e-vertical-icon .e-tab-header {
-
-      @media screen and (max-width: 480px) {
-
-        .e-popup-up-icon::before {
-          content: '\e776';
-        }
-
-        .e-popup-down-icon::before {
-          content: '\e729';
-        }
-      }
-    }
-
-    &.e-vertical-tab {
-
-      .e-tab-header {
-
-        .e-popup-up-icon {
-
-          &::before {
-            content: 'More';
-          }
-
-          &::after {
-            content: '\e776';
-          }
-        }
-
-        .e-popup-down-icon {
-
-          &::before {
-            content: 'More';
-          }
-
-          &::after {
-            content: '\e729';
-          }
-        }
-      }
-
-      &.e-icon-tab {
-
-        .e-tab-header {
-
-          .e-popup-up-icon {
-
-            &::before {
-              content: '';
-            }
-
-            &::after {
-              content: '\e776';
-            }
-          }
-
-          .e-popup-down-icon {
-
-            &::before {
-              content: '';
-            }
-
-            &::after {
-              content: '\e729';
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .e-tab-clone-element {
-
-    .e-close-icon::before {
-      content: '\e7e7';
-      position: relative;
-    }
-  }
-}
+@include export-module('tab-tailwind3-icons') {
+  #{&}.e-tab {
+
+    .e-tab-header {
+
+      .e-close-icon::before {
+        content: '\e7e7';
+        position: relative;
+      }
+    }
+
+    &.e-vertical-icon .e-tab-header {
+
+      @media screen and (max-width: 480px) {
+
+        .e-popup-up-icon::before {
+          content: '\e776';
+        }
+
+        .e-popup-down-icon::before {
+          content: '\e729';
+        }
+      }
+    }
+
+    &.e-vertical-tab {
+
+      .e-tab-header {
+
+        .e-popup-up-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e776';
+          }
+        }
+
+        .e-popup-down-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e729';
+          }
+        }
+      }
+
+      &.e-icon-tab {
+
+        .e-tab-header {
+
+          .e-popup-up-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\e776';
+            }
+          }
+
+          .e-popup-down-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\e729';
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .e-tab-clone-element {
+
+    .e-close-icon::before {
+      content: '\e7e7';
+      position: relative;
+    }
+  }
+}

package/styles/tab/material-dark.css

@@ -525,6 +525,11 @@
   height: 36px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 48px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;

package/styles/tab/material.css

@@ -525,6 +525,11 @@
   height: 36px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 48px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -2554,7 +2559,7 @@
   color: white;
 }
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
-  color: rgba(0, 0, 0, 0.87);
+  color: white;
 }
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {

package/styles/tab/material3-dark.css

@@ -292,10 +292,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -305,7 +305,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
@@ -462,6 +462,11 @@
   height: 40px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 48px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -1716,10 +1721,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-icons.e-tab-icon {
@@ -1729,7 +1734,7 @@
 }
 .e-tab-clone-element .e-tab-icon,
 .e-tab-clone-element .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-icon,

package/styles/tab/material3-dark.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import '../toolbar/material3-dark-definition.scss';
 @import 'material3-dark-definition.scss';

package/styles/tab/material3.css

@@ -294,10 +294,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -307,7 +307,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
@@ -464,6 +464,11 @@
   height: 40px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 48px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -1718,10 +1723,10 @@
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
-  height: 24px;
-  min-width: 24px;
-  width: 24px;
-  line-height: 24px;
+  height: 20px;
+  min-width: 20px;
+  width: 20px;
+  line-height: 1;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-icons.e-tab-icon {
@@ -1731,7 +1736,7 @@
 }
 .e-tab-clone-element .e-tab-icon,
 .e-tab-clone-element .e-tab-icon::before {
-  font-size: 14px;
+  font-size: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-icon,