@syncfusion/ej2-navigations 20.4.53 → 21.1.37

package/styles/menu/highcontrast-light.css

@@ -896,11 +896,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: #fff;
+  background: #fff;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: #000;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -932,7 +932,7 @@
   color: inherit;
   outline: 0 solid #757575;
   outline-offset: 0;
-  background-color: #ecf;
+  background: #ecf;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -947,7 +947,7 @@
   color: #fff;
   outline: 0 solid #808080;
   outline-offset: 0;
-  background-color: #808080;
+  background: #808080;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -981,7 +981,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #000;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
@@ -1009,11 +1009,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #fff;
+  background: #fff;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

package/styles/menu/highcontrast.css

@@ -897,11 +897,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: #000;
+  background: #000;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: #fff;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -933,7 +933,7 @@
   color: inherit;
   outline: 0 solid #fff;
   outline-offset: 0;
-  background-color: #685708;
+  background: #685708;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -948,7 +948,7 @@
   color: #000;
   outline: 0 solid #ffd939;
   outline-offset: 0;
-  background-color: #ffd939;
+  background: #ffd939;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -982,7 +982,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #fff;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
@@ -1010,11 +1010,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #000;
+  background: #000;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

package/styles/menu/icons/_material3.scss

@@ -8,7 +8,7 @@
         &.e-vertical .e-menu-item {
           & .e-caret {
             &::before {
-              content: '\e748';
+              content: '\e87e';
             }
           }
         }
@@ -16,7 +16,7 @@
         & .e-menu-item  {
           & .e-caret {
             &::before {
-              content: '\e729';
+              content: '\e70d';
             }
           }
         }
@@ -25,7 +25,7 @@
       & .e-ul .e-menu-item {
         & .e-caret {
           &::before {
-            content: '\e748';
+            content: '\e87e';
           }
         }
       }
@@ -52,7 +52,7 @@
       & .e-vertical .e-menu-item .e-caret,
       & .e-menu-item .e-caret {
         &::before {
-          content: '\e729';
+          content: '\e70d';
         }
       }
     }
@@ -61,7 +61,7 @@
       &.e-ul {
         & .e-caret {
           &::before {
-            content: '\e729';
+            content: '\e70d';
           }
         }
       }
@@ -69,12 +69,12 @@
 
     & .e-menu-hscroll.e-hscroll .e-nav-left-arrow::before,
     & .e-menu-hscroll.e-hscroll .e-nav-right-arrow::before {
-      content: '\e748';
+      content: '\e87e';
     }
 
     & .e-menu-vscroll.e-vscroll .e-nav-up-arrow::before,
     & .e-menu-vscroll.e-vscroll .e-nav-down-arrow::before {
-      content: '\e729';
+      content: '\e70d';
     }
   }
 
@@ -83,7 +83,7 @@
     &.e-vertical {
       & .e-caret {
         &::before {
-          content: '\e765';
+          content: '\e87d';
         }
       }
     }
@@ -91,7 +91,7 @@
     &.e-ul {
       & .e-caret {
         &::before {
-          content: '\e765';
+          content: '\e87d';
         }
       }
     }
@@ -104,7 +104,7 @@
     &.e-vertical {
       & .e-caret {
         &::before {
-          content: '\e765';
+          content: '\e87d';
         }
       }
     }
@@ -112,7 +112,7 @@
     &.e-ul {
       & .e-caret {
         &::before {
-          content: '\e765';
+          content: '\e87d';
         }
       }
     }
@@ -126,7 +126,7 @@
     &.e-ul {
       & .e-caret {
         &::before {
-          content: '\e729';
+          content: '\e70d';
         }
       }
     }

package/styles/menu/material-dark.css

@@ -915,11 +915,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: #212121;
+  background: #212121;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: #fff;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -951,7 +951,7 @@
   color: inherit;
   outline: 0 solid #616161;
   outline-offset: 0;
-  background-color: rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.1);
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -966,7 +966,7 @@
   color: #fff;
   outline: 0 solid rgba(255, 255, 255, 0.18);
   outline-offset: 0;
-  background-color: rgba(255, 255, 255, 0.18);
+  background: rgba(255, 255, 255, 0.18);
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -1000,7 +1000,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #fff;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
@@ -1028,11 +1028,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #424242;
+  background: #424242;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

package/styles/menu/material.css

@@ -917,11 +917,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: #fafafa;
+  background: #fafafa;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: rgba(0, 0, 0, 0.87);
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -953,7 +953,7 @@
   color: initial;
   outline: 0 solid rgba(0, 0, 0, 0.12);
   outline-offset: 0;
-  background-color: #eee;
+  background: #eee;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -968,7 +968,7 @@
   color: rgba(0, 0, 0, 0.87);
   outline: 0 solid #e0e0e0;
   outline-offset: 0;
-  background-color: #e0e0e0;
+  background: #e0e0e0;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -1002,7 +1002,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: rgba(0, 0, 0, 0.87);
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
@@ -1030,11 +1030,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #fff;
+  background: #fff;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

package/styles/menu/tailwind-dark.css

@@ -910,11 +910,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: #374151;
+  background: #374151;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: #fff;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -946,7 +946,7 @@
   color: #fff;
   outline: 0 solid #4b5563;
   outline-offset: 0;
-  background-color: #4b5563;
+  background: #4b5563;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -961,7 +961,7 @@
   color: #fff;
   outline: 0 solid #4b5563;
   outline-offset: 0;
-  background-color: #4b5563;
+  background: #4b5563;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -995,7 +995,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #fff;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
@@ -1023,11 +1023,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #374151;
+  background: #374151;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

package/styles/menu/tailwind.css

@@ -910,11 +910,11 @@
 /*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
-  background-color: #f3f4f6;
+  background: #f3f4f6;
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: inherit;
+  background: inherit;
   color: #111827;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,
@@ -946,7 +946,7 @@
   color: #111827;
   outline: 0 solid #e5e7eb;
   outline-offset: 0;
-  background-color: #e5e7eb;
+  background: #e5e7eb;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
@@ -961,7 +961,7 @@
   color: #111827;
   outline: 0 solid #e5e7eb;
   outline-offset: 0;
-  background-color: #e5e7eb;
+  background: #e5e7eb;
 }
 .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
 .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
@@ -995,7 +995,7 @@
 
 .e-menu-wrapper .e-ul,
 .e-menu-container .e-ul {
-  background-color: inherit;
+  background: inherit;
   color: #111827;
 }
 .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
@@ -1023,11 +1023,11 @@
 
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
-  background-color: #fff;
+  background: #fff;
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
 .e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
-  background-color: inherit;
+  background: inherit;
 }
 .e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
 .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {

package/styles/sidebar/_theme.scss

@@ -128,7 +128,7 @@
     background-color: $sidebar-overlay;
     height: 100%;
     left: 0;
-    @if ($skin-name != 'tailwind' and  $skin-name != 'bootstrap5' and  $skin-name != 'FluentUI') {
+    @if ($skin-name != 'tailwind' and  $skin-name != 'bootstrap5' and  $skin-name != 'FluentUI' and $skin-name != 'Material3') {
       opacity: .5;
     }
     pointer-events: auto;

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

@@ -386,7 +386,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: 42px !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;
@@ -482,7 +481,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: 2px !default;

package/styles/tab/_bootstrap-definition.scss

@@ -359,7 +359,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: 42px !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;
@@ -502,7 +501,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: 2px !default;

package/styles/tab/_bootstrap4-definition.scss

@@ -337,7 +337,7 @@ $tab-hover-nav-icon-color: $primary-font !default;
 $tab-alt-hover-nav-icon-color: $gray-900 !default;
 $tab-disable-nav-icon-color: rgba($gray-600, .65) !default;
 $tab-nav-focus-bg-color: $gray-600 !default;
-$tab-nav-focus-icon-color: $primary-font !default;
+$tab-nav-focus-icon-color: $gray-900 !default;
 $tab-bg-nav-focus-icon-color: $primary-font !default;
 $tab-pop-icon-color: $gray-900 !default;
 $tab-pop-icon-hover-bg-color: darken($gray-600, 7.5%) !default;
@@ -363,7 +363,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;
@@ -506,7 +505,6 @@ $tab-active-wrap-before-top: unset !default;
 $tab-active-wrap-before-width: unset !default;
 $tab-focused-wrap-focus-border: $tab-vscroll-nav-border !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: 1px solid transparent !default;
 $tab-item-left-icon-before-top: 0 !default;

package/styles/tab/_bootstrap5-definition.scss

@@ -5,14 +5,14 @@ $tab-skin: 'bootstrap5' !default;
 
 // font definitions
 $tab-font-family: $font-family !default;
-$tab-big-vertical-nav-arrow-font-size: 12px !default;
-$tab-nrml-vertical-nav-arrow-font-size: 10px !default;
+$tab-big-vertical-nav-arrow-font-size: $text-xs !default;
+$tab-nrml-vertical-nav-arrow-font-size: $text-xxs !default;
 $tab-content-font-color: $content-text-color !default;
-$tab-big-font-size: 16px !default;
-$tab-nrml-font-size: 14px !default;
-$tab-font-weight: 400 !default;
-$tab-semi-font-weight: 400 !default;
-$tab-light-font-weight: 400 !default;
+$tab-big-font-size: $text-base !default;
+$tab-nrml-font-size: $text-sm !default;
+$tab-font-weight: $font-weight-normal !default;
+$tab-semi-font-weight: $font-weight-normal !default;
+$tab-light-font-weight: $font-weight-normal !default;
 
 // dimension definitions
 $tab-big-height: 42px !default;
@@ -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;
@@ -406,7 +405,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-normal !default;
 $tab-nrml-item-active-after-height: unset !default;
 $tab-nrml-item-active-after-overflow: unset !default;
 $tab-nrml-hscroll-bar-padding: 0 !default;
@@ -477,7 +476,7 @@ $tab-vscroll-nav-border-color: rgba($content-bg-color-alt3, .12) !default;
 $tab-v-nav-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
 $tab-v-nav-hover-bg-color: rgba($content-bg-color-alt2, .12) !default;
 
-$tab-header-font-weight: 400 !default;
+$tab-header-font-weight: $font-weight-normal !default;
 $tab-header-before-border-color: $tab-hdr-bdr-color !default;
 $tab-header-before-border-width: 0 0 1px !default;
 $tab-header-border-bottom: 0 !default;
@@ -496,8 +495,7 @@ $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-content-font-size: $text-xs !default;
 $tab-item-active-tabwrap-border: 1px solid transparent !default;
 $tab-item-left-icon-before-top: 0 !default;
 $tab-item-icon-before-top: 1px !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/_fabric-dark-definition.scss

@@ -395,7 +395,6 @@ $tab-bgr-mob-item-iconright-margin: 0 !default;
 $tab-bgr-pop-item-textwrap-height: $tab-big-pop-item-height - 2 !default;
 $tab-bgr-scroll-nav-arrow-before-top: 0 !default;
 $tab-bgr-hor-pop-lineheight: 32px !default;
-$tab-bgr-hor-pop-hover-top: 0 !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;
@@ -491,7 +490,6 @@ $tab-active-wrap-before-top: 95% !default;
 $tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 1px 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: 14px !default;
 $tab-item-active-tabwrap-border: 1px solid $tab-wrap-border-color !default;
 $tab-item-left-icon-before-top: 0 !default;

package/styles/tab/_fabric-definition.scss

@@ -359,7 +359,6 @@ $tab-bgr-mob-item-iconright-margin: 0 !default;
 $tab-bgr-pop-item-textwrap-height: $tab-big-pop-item-height - 2 !default;
 $tab-bgr-scroll-nav-arrow-before-top: 0 !default;
 $tab-bgr-hor-pop-lineheight: 32px !default;
-$tab-bgr-hor-pop-hover-top: 0 !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;
@@ -516,7 +515,6 @@ $tab-active-wrap-before-top: 95% !default;
 $tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 1px 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: 14px !default;
 $tab-item-active-tabwrap-border: 1px solid $tab-wrap-border-color !default;
 $tab-item-left-icon-before-top: 0 !default;

package/styles/tab/_fluent-definition.scss

@@ -189,7 +189,7 @@ $tab-even-active-text-container-margin: 0 !default;
 $tab-big-font-size: $text-base !default;
 $tab-nrml-font-size: $text-sm !default;
 $tab-font-weight: $font-weight-normal !default;
-$tab-semi-font-weight: 400 !default;
+$tab-semi-font-weight: $font-weight-normal !default;
 $tab-light-font-weight: $font-weight-normal !default;
 $tab-big-it-text-margin: 0 0 0 12px !default;
 $tab-nrml-it-text-margin: 0 0 0 8px !default;
@@ -359,7 +359,6 @@ $tab-bgr-mob-item-iconright-margin: $tab-mob-it-text-margin !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: 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;
@@ -409,7 +408,7 @@ $tab-nrml-item-active-before-transition: left .267s cubic-bezier(.1, .25, .75, .
 $tab-nrml-item-active-after-font: transparent !default;
 $tab-nrml-item-active-after-content: attr(data-content) !default;
 $tab-nrml-item-active-after-display: block !default;
-$tab-nrml-item-active-after-font-weight: bold !default;
+$tab-nrml-item-active-after-font-weight: $font-weight-bold !default;
 $tab-nrml-item-active-after-height: 1px !default;
 $tab-nrml-item-active-after-overflow: hidden !default;
 $tab-nrml-hscroll-bar-padding: 0 !default;
@@ -485,7 +484,7 @@ $tab-v-rtl-nrml-close-icon-top-bottom-left: -15px !default;
 
 $tab-v-pop-focus-outline: 0 !default;
 
-$tab-header-font-weight: 400 !default;
+$tab-header-font-weight: $font-weight-normal !default;
 $tab-header-before-border-color: unset !default;
 $tab-header-before-border-width: 0 !default;
 $tab-header-border-bottom: $tab-hdr-border !default;
@@ -504,8 +503,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-comb-icon-color !default;
-$tab-content-line-height: 18px !default;
-$tab-content-font-size: 12px !default;
+$tab-content-font-size: $text-xs !default;
 $tab-item-active-tabwrap-border: 0 !default;
 $tab-item-left-icon-before-top: 2px !default;
 $tab-item-icon-before-top: 2px !default;