@syncfusion/ej2-navigations 20.4.53 → 21.1.35

package/styles/tab/_fusionnew-definition.scss

@@ -356,7 +356,6 @@ $tab-bgr-mob-item-iconright-margin: 0 !default;
 $tab-bgr-pop-item-textwrap-height: $tab-big-pop-item-height !default;
 $tab-bgr-scroll-nav-arrow-before-top: 0 !default;
 $tab-bgr-hor-pop-lineheight: 38px !default;
-$tab-bgr-hor-pop-hover-top: .5px !default;
 $tab-bgr-hor-focus-pop-hover-top: -2px !default;
 $tab-bgr-bottom-active-close-top: .5px !default;
 $tab-bgr-bottom-active-itop-close-top: 1.5px !default;
@@ -496,7 +495,6 @@ $tab-active-wrap-before-top: unset !default;
 $tab-active-wrap-before-width: unset !default;
 $tab-focused-wrap-focus-border: 1px solid $tab-focused-wrap-focus-border-color !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
-$tab-content-line-height: 18px !default;
 $tab-content-font-size: 12px !default;
 $tab-item-active-tabwrap-border: 1px solid transparent !default;
 $tab-item-left-icon-before-top: 0 !default;
@@ -517,7 +515,7 @@ $tab-pop-hover-bg: transparent !default;
 $tab-pop-nav-active-bg: $tab-nav-focus-bg-color !default;
 $tab-pop-nav-active-border: $tab-nav-pop-press-active-border !default;
 $tab-pop-nav-active-border-radius: $tab-active-item-border-radius !default;
-$tab-pop-active-icons-color: $primary-text-color !default;
+$tab-pop-active-icons-color: $content-text-color-alt2 !default;
 
 $tab-scroll-nav-bg: inherit !default;
 $tab-scroll-nav-arrow-font: $tab-nav-icon-color !default;
@@ -546,7 +544,7 @@ $tab-bottom-active-margin-top: 0 !default;
 $tab-vertical-scroll-hover-border-color: $tab-vscroll-nav-border-color transparent transparent !default;
 $tab-vertical-scroll-hover-active-bg: $tab-v-nav-focus-bg-color !default;
 $tab-vertical-focus-active-arrow-color: none !default;
-$tab-vertical-pop-icon-hover-color: $gray-900 !default;
+$tab-vertical-pop-icon-hover-color: $tab-hover-text-color !default;
 $tab-vertical-pop-icon-active-color: $tab-nav-focus-icon-color !default;
 $tab-vertical-focused-nav-focus-border-color: $tab-vertical-scroll-hover-border-color !default;
 $tab-vertical-before-border-width: 0 1px 0 0 !default;

package/styles/tab/_highcontrast-definition.scss

@@ -357,7 +357,6 @@ $tab-bgr-mob-item-iconright-margin: 0 !default;
 $tab-bgr-pop-item-textwrap-height: $tab-big-pop-item-height - 4 !default;
 $tab-bgr-scroll-nav-arrow-before-top: -2px !default;
 $tab-bgr-hor-pop-lineheight: 32px !default;
-$tab-bgr-hor-pop-hover-top: -2px !default;
 $tab-bgr-hor-focus-pop-hover-top: 0 !default;
 $tab-bgr-bottom-active-close-top: 1px !default;
 $tab-bgr-bottom-active-itop-close-top: 1px !default;
@@ -540,7 +539,6 @@ $tab-active-wrap-before-top: 95% !default;
 $tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 2px solid $tab-focused-wrap-focus-border-color !default;
 $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
-$tab-content-line-height: 18px !default;
 $tab-content-font-size: 12px !default;
 $tab-item-active-tabwrap-border: 2px solid $tab-wrap-border-color !default;
 $tab-item-left-icon-before-top: 0 !default;

package/styles/tab/_highcontrast-light-definition.scss

@@ -424,7 +424,6 @@ $tab-bgr-mob-item-iconright-margin: 0 !default;
 $tab-bgr-pop-item-textwrap-height: $tab-big-pop-item-height - 4 !default;
 $tab-bgr-scroll-nav-arrow-before-top: -2px !default;
 $tab-bgr-hor-pop-lineheight: 32px !default;
-$tab-bgr-hor-pop-hover-top: -2px !default;
 $tab-bgr-hor-focus-pop-hover-top: 0 !default;
 $tab-bgr-bottom-active-close-top: 1px !default;
 $tab-bgr-bottom-active-itop-close-top: 1px !default;
@@ -520,7 +519,6 @@ $tab-active-wrap-before-top: 95% !default;
 $tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 2px solid $tab-focused-wrap-focus-border-color !default;
 $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
-$tab-content-line-height: 18px !default;
 $tab-content-font-size: 12px !default;
 $tab-item-active-tabwrap-border: 2px solid $tab-wrap-border-color !default;
 $tab-item-left-icon-before-top: 0 !default;

package/styles/tab/_layout.scss

@@ -363,7 +363,7 @@
           &::before {
             font-size: $tab-big-nav-icon-size;
             line-height: $tab-big-nav-icon-container-size;
-            top: $tab-bgr-scroll-nav-arrow-before-top;
+            top: 0;
             vertical-align: initial;
 
             @media screen and (max-width: 480px) {
@@ -376,7 +376,7 @@
 
             &::before {
               line-height: $tab-bgr-hor-pop-lineheight;
-              top: $tab-bgr-hor-pop-hover-top;
+              top: 0;
             }
           }
         }
@@ -389,7 +389,7 @@
 
             &::before {
               line-height: $tab-bgr-hor-pop-lineheight;
-              top: $tab-bgr-scroll-nav-arrow-before-top;
+              top: 0;
             }
 
             &:hover {
@@ -1776,7 +1776,7 @@
             font-size: $tab-nrml-nav-icon-size;
             line-height: $tab-nrml-nav-icon-container-size;
             position: relative;
-            top: $tab-nrml-scroll-nav-arrow-before-top;
+            top: 0;
             vertical-align: initial;
 
             @media screen and (max-width: 480px) {
@@ -1789,7 +1789,7 @@
 
             &::before {
               line-height: $tab-nrml-hor-pop-lineheight;
-              top: $tab-nrml-scroll-nav-arrow-before-top;
+              top: 0;
 
               @media screen and (max-width: 480px) {
                 line-height: $tab-nrml-mob-hor-pop-lineheight;
@@ -1826,7 +1826,7 @@
 
             &::before {
               line-height: $tab-nrml-hor-focus-pop-lineheight;
-              top: $tab-nrml-scroll-nav-arrow-before-top;
+              top: 0;
 
               @media screen and (max-width: 480px) {
                 line-height: $tab-nrml-mob-hor-pop-lineheight;
@@ -1981,6 +1981,8 @@
 
         .e-toolbar-items {
           height: inherit;
+          flex-direction: column;
+          align-items: normal;
 
           &.e-vscroll:not(.e-scroll-device) {
             padding: $tab-vscroll-nrml-padding;

package/styles/tab/_material-dark-definition.scss

@@ -377,7 +377,6 @@ $tab-bgr-mob-item-iconright-margin: 0 !default;
 $tab-bgr-pop-item-textwrap-height: $tab-big-pop-item-height !default;
 $tab-bgr-scroll-nav-arrow-before-top: 0 !default;
 $tab-bgr-hor-pop-lineheight: 24px !default;
-$tab-bgr-hor-pop-hover-top: 0 !default;
 $tab-bgr-hor-focus-pop-hover-top: 0 !default;
 $tab-bgr-bottom-active-close-top: 0 !default;
 $tab-bgr-bottom-active-itop-close-top: 0 !default;
@@ -473,7 +472,6 @@ $tab-active-wrap-before-top: unset !default;
 $tab-active-wrap-before-width: unset !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
-$tab-content-line-height: 18px !default;
 $tab-content-font-size: 12px !default;
 $tab-item-active-tabwrap-border: 0 !default;
 $tab-item-left-icon-before-top: 1px !default;

package/styles/tab/_material-definition.scss

@@ -366,7 +366,6 @@ $tab-bgr-mob-item-iconright-margin: 0 !default;
 $tab-bgr-pop-item-textwrap-height: $tab-big-pop-item-height !default;
 $tab-bgr-scroll-nav-arrow-before-top: 0 !default;
 $tab-bgr-hor-pop-lineheight: 24px !default;
-$tab-bgr-hor-pop-hover-top: 0 !default;
 $tab-bgr-hor-focus-pop-hover-top: 0 !default;
 $tab-bgr-bottom-active-close-top: 0 !default;
 $tab-bgr-bottom-active-itop-close-top: 0 !default;
@@ -522,7 +521,6 @@ $tab-active-wrap-before-top: unset !default;
 $tab-active-wrap-before-width: unset !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
-$tab-content-line-height: 18px !default;
 $tab-content-font-size: 12px !default;
 $tab-item-active-tabwrap-border: 0 !default;
 $tab-item-left-icon-before-top: 1px !default;

package/styles/tab/_tailwind-definition.scss

@@ -194,7 +194,7 @@ $tab-big-font-size: $text-base !default;
 $tab-nrml-font-size: $text-sm !default;
 $tab-font-weight: $font-weight-medium !default;
 $tab-semi-font-weight: $font-weight-medium !default;
-$tab-light-font-weight: 500 !default;
+$tab-light-font-weight: $font-weight-medium !default;
 $tab-big-it-text-margin: 0 0 6px 12px !default;
 $tab-nrml-it-text-margin: 0 0 5px 8px !default;
 $tab-mob-it-text-margin: 0 0 6px 12px !default;
@@ -369,7 +369,6 @@ $tab-bgr-mob-item-iconright-margin: 0 !default;
 $tab-bgr-pop-item-textwrap-height: $tab-big-pop-item-height !default;
 $tab-bgr-scroll-nav-arrow-before-top: 0 !default;
 $tab-bgr-hor-pop-lineheight: 48px !default;
-$tab-bgr-hor-pop-hover-top: 0 !default;
 $tab-bgr-hor-focus-pop-hover-top: 0 !default;
 $tab-bgr-bottom-active-close-top: 0 !default;
 $tab-bgr-bottom-active-itop-close-top: 0 !default;
@@ -419,7 +418,7 @@ $tab-nrml-item-active-before-transition: unset !default;
 $tab-nrml-item-active-after-font: unset !default;
 $tab-nrml-item-active-after-content: unset !default;
 $tab-nrml-item-active-after-display: unset !default;
-$tab-nrml-item-active-after-font-weight: unset !default;
+$tab-nrml-item-active-after-font-weight: $font-weight-medium !default;
 $tab-nrml-item-active-after-height: unset !default;
 $tab-nrml-item-active-after-overflow: unset !default;
 $tab-nrml-hscroll-bar-padding: 0 !default;
@@ -525,8 +524,7 @@ $tab-active-wrap-before-top: unset !default;
 $tab-active-wrap-before-width: unset !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-focus-text-color !default;
-$tab-content-line-height: $tab-nrml-text-wrap-height !default;
-$tab-content-font-size: 14px !default;
+$tab-content-font-size: $text-sm !default;
 $tab-item-active-tabwrap-border: 0 !default;
 $tab-item-left-icon-before-top: 1px !default;
 $tab-item-icon-before-top: 1px !default;

package/styles/tab/_theme.scss

@@ -1464,7 +1464,6 @@
         background: inherit;
         color: $tab-content-font-color;
         font-size: $tab-content-font-size;
-        line-height: $tab-content-line-height;
       }
     }
   }

package/styles/tab/bootstrap-dark.css

@@ -481,7 +481,7 @@
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 42px;
-  top: 0.5px;
+  top: 0;
 }
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
@@ -1905,6 +1905,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -4008,7 +4012,6 @@
   background: inherit;
   color: #f0f0f0;
   font-size: 12px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/bootstrap.css

@@ -486,7 +486,7 @@
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 42px;
-  top: 0.5px;
+  top: 0;
 }
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
@@ -1910,6 +1910,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -4013,7 +4017,6 @@
   background: inherit;
   color: #000;
   font-size: 12px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/bootstrap4.css

@@ -484,7 +484,7 @@
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 38px;
-  top: 0.5px;
+  top: 0;
 }
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
@@ -1908,6 +1908,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -3173,7 +3177,7 @@
 .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
   background: #6c757d;
-  color: #fff;
+  color: #212529;
   border: 0;
 }
 .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:hover,
@@ -3185,7 +3189,7 @@
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
   background: #6c757d;
   border-color: unset;
-  color: #fff;
+  color: #212529;
 }
 .e-tab .e-tab-header .e-scroll-nav:active,
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
@@ -3238,7 +3242,7 @@
   background: #6c757d;
   border: 0;
   border-radius: 4px;
-  color: #fff;
+  color: #212529;
 }
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:hover,
@@ -3253,7 +3257,7 @@
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon:active,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:active {
   background: #5a6268;
-  color: #fff;
+  color: #212529;
   border: 0;
   border-radius: 4px;
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -3406,7 +3410,7 @@
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
-  color: #fff;
+  color: #212529;
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-up-icon,
 .e-tab .e-tab-header.e-vertical .e-hor-nav:hover .e-popup-down-icon {
@@ -3424,11 +3428,11 @@
   color: #0056b3;
 }
 .e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
-  color: #fff;
+  color: #212529;
 }
 .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
-  color: #fff;
+  color: #212529;
   background: #6c757d;
   border: 0;
 }
@@ -4011,7 +4015,6 @@
   background: inherit;
   color: #000;
   font-size: 12px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/bootstrap5-dark.css

@@ -482,7 +482,7 @@
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 38px;
-  top: 0.5px;
+  top: 0;
 }
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
@@ -1221,7 +1221,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -1819,7 +1819,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -1906,6 +1906,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -1978,7 +1982,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -2018,7 +2022,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -3279,7 +3283,7 @@
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-icons {
-  color: #fff;
+  color: #ced4da;
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active:focus,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active:focus {
@@ -3387,7 +3391,7 @@
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
   background: inherit;
   border: 0;
-  color: #212529;
+  color: #0a58ca;
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -4009,7 +4013,6 @@
   background: inherit;
   color: #fff;
   font-size: 12px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/bootstrap5.css

@@ -482,7 +482,7 @@
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab.e-bigger .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 38px;
-  top: 0.5px;
+  top: 0;
 }
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
 .e-bigger .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
@@ -1221,7 +1221,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -1819,7 +1819,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -1906,6 +1906,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -1978,7 +1982,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -2018,7 +2022,7 @@
   color: unset;
   content: unset;
   display: unset;
-  font-weight: unset;
+  font-weight: 400;
   height: unset;
   overflow: unset;
   visibility: unset;
@@ -3279,7 +3283,7 @@
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-icons {
-  color: #fff;
+  color: #495057;
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active:focus,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active:focus {
@@ -3387,7 +3391,7 @@
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon:hover {
   background: inherit;
   border: 0;
-  color: #212529;
+  color: #0a58ca;
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
@@ -4009,7 +4013,6 @@
   background: inherit;
   color: #212529;
   font-size: 12px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/fabric-dark.css

@@ -1733,7 +1733,7 @@
   font-size: 12px;
   line-height: 24px;
   position: relative;
-  top: -1px;
+  top: 0;
   vertical-align: initial;
 }
 @media screen and (max-width: 480px) {
@@ -1749,7 +1749,7 @@
 .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 24px;
-  top: -1px;
+  top: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
@@ -1784,7 +1784,7 @@
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
   line-height: 24px;
-  top: -1px;
+  top: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
@@ -1905,6 +1905,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -4008,7 +4012,6 @@
   background: inherit;
   color: #dadada;
   font-size: 14px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/fabric.css

@@ -1738,7 +1738,7 @@
   font-size: 12px;
   line-height: 24px;
   position: relative;
-  top: -1px;
+  top: 0;
   vertical-align: initial;
 }
 @media screen and (max-width: 480px) {
@@ -1754,7 +1754,7 @@
 .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
 .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover::before {
   line-height: 24px;
-  top: -1px;
+  top: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon:hover::before,
@@ -1789,7 +1789,7 @@
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon::before {
   line-height: 24px;
-  top: -1px;
+  top: 0;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon::before,
@@ -1910,6 +1910,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -4013,7 +4017,6 @@
   background: inherit;
   color: #333;
   font-size: 14px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {

package/styles/tab/fluent-dark.css

@@ -1223,7 +1223,7 @@
   color: transparent;
   content: attr(data-content);
   display: block;
-  font-weight: bold;
+  font-weight: 700;
   height: 1px;
   overflow: hidden;
   visibility: hidden;
@@ -1821,7 +1821,7 @@
   color: transparent;
   content: attr(data-content);
   display: block;
-  font-weight: bold;
+  font-weight: 700;
   height: 1px;
   overflow: hidden;
   visibility: hidden;
@@ -1908,6 +1908,10 @@
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: normal;
+      align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -1980,7 +1984,7 @@
   color: transparent;
   content: attr(data-content);
   display: block;
-  font-weight: bold;
+  font-weight: 700;
   height: 1px;
   overflow: hidden;
   visibility: hidden;
@@ -2020,7 +2024,7 @@
   color: transparent;
   content: attr(data-content);
   display: block;
-  font-weight: bold;
+  font-weight: 700;
   height: 1px;
   overflow: hidden;
   visibility: hidden;
@@ -4011,7 +4015,6 @@
   background: inherit;
   color: #f3f2f1;
   font-size: 12px;
-  line-height: 18px;
 }
 
 .e-tab-clone-element {