@syncfusion/ej2-navigations 20.1.47 → 20.1.51-10460

package/styles/tab/icons/_bds.scss

@@ -0,0 +1,90 @@
+@include export-module('tab-bds-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/_bootstrap5.3.scss

@@ -0,0 +1,90 @@
+@include export-module('tab-bootstrap5-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/_fluent2.scss

@@ -0,0 +1,98 @@
+@include export-module('tab-fluent2-icons') {
+  #{&}.e-tab {
+
+    .e-tab-header {
+
+      .e-close-icon::before {
+        content: '\e7e7';
+        position: relative;
+      }
+
+      .e-popup-up-icon::before {
+        content: '\e776';
+      }
+
+      .e-popup-down-icon::before {
+        content: '\e729';
+      }
+    }
+
+    &.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/_fusionnew.scss

@@ -0,0 +1,90 @@
+@include export-module('tab-fusionnew-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/_material3-dark.scss

@@ -0,0 +1 @@
+@import './material3.scss';

package/styles/tab/icons/_material3.scss

@@ -0,0 +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;
+    }
+  }
+}

package/styles/tab/material3-dark.scss

@@ -0,0 +1,5 @@
+@import 'ej2-base/styles/definition/material3-dark.scss';
+@import '../toolbar/material3-dark-definition.scss';
+@import 'material3-dark-definition.scss';
+@import 'icons/material3-dark.scss';
+@import 'all.scss';

package/styles/tab/material3.scss

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

package/styles/tailwind-dark.css

@@ -9905,7 +9905,7 @@ ejs-sidebar {
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,
@@ -10039,12 +10039,12 @@ ejs-sidebar {
 
 .e-breadcrumb .e-breadcrumb-item.e-icon-item:hover {
   background-color: #374151;
-  color: #9ca3af;
+  color: #f3f4f6;
 }
 
 .e-breadcrumb .e-breadcrumb-item.e-icon-item:active {
   background-color: #4b5563;
-  color: #9ca3af;
+  color: #f3f4f6;
 }
 
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
@@ -10061,7 +10061,7 @@ ejs-sidebar {
 }
 
 .e-breadcrumb .e-breadcrumb-separator {
-  color: #d1d5db;
+  color: #9ca3af;
 }
 
 .e-breadcrumb .e-breadcrumb-collapsed,
@@ -10072,19 +10072,19 @@ ejs-sidebar {
 .e-breadcrumb .e-breadcrumb-collapsed:hover,
 .e-breadcrumb .e-breadcrumb-menu:hover {
   background-color: #374151;
-  color: #9ca3af;
+  color: #f3f4f6;
 }
 
 .e-breadcrumb .e-breadcrumb-collapsed:active,
 .e-breadcrumb .e-breadcrumb-menu:active {
   background-color: #4b5563;
-  color: #9ca3af;
+  color: #f3f4f6;
 }
 
 .e-breadcrumb .e-breadcrumb-collapsed:focus,
 .e-breadcrumb .e-breadcrumb-menu:focus {
   background-color: #374151;
-  color: #9ca3af;
+  color: #f3f4f6;
 }
 
 .e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text,
@@ -10104,7 +10104,7 @@ ejs-sidebar {
 }
 
 .e-breadcrumb-popup .e-breadcrumb-text {
-  color: #f3f4f6;
+  color: #fff;
 }
 
 .e-breadcrumb-popup .e-breadcrumb-text:hover {

package/styles/tailwind.css

@@ -9905,7 +9905,7 @@ ejs-sidebar {
   -ms-flex-positive: 1;
       flex-grow: 1;
   -ms-flex-pack: end;
-      justify-content: end;
+      justify-content: flex-end;
 }
 
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon,
@@ -10039,12 +10039,12 @@ ejs-sidebar {
 
 .e-breadcrumb .e-breadcrumb-item.e-icon-item:hover {
   background-color: #f3f4f6;
-  color: #000;
+  color: #374151;
 }
 
 .e-breadcrumb .e-breadcrumb-item.e-icon-item:active {
   background-color: #e5e7eb;
-  color: #000;
+  color: #374151;
 }
 
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
@@ -10066,25 +10066,25 @@ ejs-sidebar {
 
 .e-breadcrumb .e-breadcrumb-collapsed,
 .e-breadcrumb .e-breadcrumb-menu {
-  color: #000;
+  color: #6b7280;
 }
 
 .e-breadcrumb .e-breadcrumb-collapsed:hover,
 .e-breadcrumb .e-breadcrumb-menu:hover {
   background-color: #f3f4f6;
-  color: #000;
+  color: #374151;
 }
 
 .e-breadcrumb .e-breadcrumb-collapsed:active,
 .e-breadcrumb .e-breadcrumb-menu:active {
   background-color: #e5e7eb;
-  color: #000;
+  color: #374151;
 }
 
 .e-breadcrumb .e-breadcrumb-collapsed:focus,
 .e-breadcrumb .e-breadcrumb-menu:focus {
   background-color: #f3f4f6;
-  color: #000;
+  color: #374151;
 }
 
 .e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text,
@@ -10104,7 +10104,7 @@ ejs-sidebar {
 }
 
 .e-breadcrumb-popup .e-breadcrumb-text {
-  color: #6b7280;
+  color: #111827;
 }
 
 .e-breadcrumb-popup .e-breadcrumb-text:hover {