@syncfusion/ej2-navigations 20.2.49 → 20.3.47

package/styles/sidebar/fluent-dark.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -7,6 +8,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #201f1e;
   height: 100%;
@@ -119,10 +121,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   height: 100%;

package/styles/sidebar/fluent.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -7,6 +8,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #faf9f8;
   height: 100%;
@@ -119,10 +121,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(0, 0, 0, 0.4);
   height: 100%;

package/styles/sidebar/highcontrast-light.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -7,6 +8,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #000;
   height: 100%;
@@ -120,10 +122,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;

package/styles/sidebar/highcontrast.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -7,6 +8,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #000;
   height: 100%;
@@ -120,10 +122,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;

package/styles/sidebar/material-dark.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -8,6 +9,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #424242;
   height: 100%;
@@ -121,10 +123,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;

package/styles/sidebar/material.css

@@ -1,6 +1,7 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
 /*! Material theme definition's */
 /*! component's theme wise override definitions and variables */
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -10,6 +11,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #fff;
   height: 100%;
@@ -123,10 +125,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;

package/styles/sidebar/tailwind-dark.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -8,6 +9,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #374151;
   height: 100%;
@@ -120,10 +122,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(107, 114, 128, 0.75);
   height: 100%;

package/styles/sidebar/tailwind.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -8,6 +9,7 @@ ejs-sidebar {
 }
 
 .e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
   background: #f3f4f6;
   height: 100%;
@@ -120,10 +122,12 @@ ejs-sidebar {
       touch-action: none;
 }
 
+/* stylelint-disable */
 .e-sidebar-overflow {
   overflow-x: hidden !important;
 }
 
+/* stylelint-enable */
 .e-sidebar-overlay {
   background-color: rgba(107, 114, 128, 0.75);
   height: 100%;

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

@@ -1,4 +1,4 @@
-//default 
+//default
 $tab-skin: 'bootstrap' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;
 $tab-vscroll-big-padding: 24px 0 !default;
@@ -386,6 +386,7 @@ $tab-alt-wrap-hover-color: $brand-primary-font !default;
 $tab-nav-active-box-shadow: none !default;
 $tab-nav-focus-border-color: $grey-e6 !default;
 $tab-alt-nav-hover-bg-color: $grey-e6 !default;
+
 //enddefault
 //dimensions
 @mixin tbar-alt-btn-animation-after {

package/styles/tab/_bootstrap5-definition.scss

@@ -1,5 +1,5 @@
 /*! Tab's bootstrap5 theme wise override definitions and variables */
-// sass-lint:disable-all
+/* stylelint-disable */
 /*! Horizontal Tab */
 $tab-skin: 'bootstrap5' !default;
 

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

@@ -1,4 +1,4 @@
-//default 
+//default
 $tab-skin: 'fabric' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;
 $tab-vscroll-big-padding: 24px 0 !default;
@@ -191,7 +191,6 @@ $tab-bg-nrml-active-item-wrap-margin-bottom: 0 !default;
 $tab-alt-big-active-item-padding: 0 !default;
 $tab-alt-nrml-active-item-padding: 0 !default;
 
-
 $tab-active-text-container-margin: 0 !default;
 $tab-big-text-container-margin-right: 22px !default;
 $tab-nrml-text-container-margin-right: 20px !default;
@@ -395,6 +394,7 @@ $tab-nav-focus-hover-border-color: $neutral-secondary-alt !default;
 $tab-nav-focus-active-border-color: $neutral-secondary-alt !default;
 $tab-alt-nav-border-color: $neutral-lighter-alt !default;
 $tab-pop-bg-color: $neutral-white !default;
+
 //enddefault
 //dimensions
 @mixin tbar-alt-btn-animation-after {

package/styles/tab/_fabric-definition.scss

@@ -181,7 +181,6 @@ $tab-bg-nrml-active-item-wrap-margin-bottom: 0 !default;
 $tab-alt-big-active-item-padding: 0 !default;
 $tab-alt-nrml-active-item-padding: 0 !default;
 
-
 $tab-active-text-container-margin: 0 !default;
 $tab-big-text-container-margin-right: 22px !default;
 $tab-nrml-text-container-margin-right: 20px !default;

package/styles/tab/_fusionnew-definition.scss

@@ -1,5 +1,5 @@
 /*! Tab's bootstrap5 theme wise override definitions and variables */
-// sass-lint:disable-all
+/* stylelint-disable */
 /*! Horizontal Tab */
 $tab-skin: 'bootstrap5' !default;
 

package/styles/tab/_highcontrast-definition.scss

@@ -179,7 +179,6 @@ $tab-bg-nrml-active-item-wrap-margin-bottom: 0 !default;
 $tab-alt-big-active-item-padding: 0 !default;
 $tab-alt-nrml-active-item-padding: 0 !default;
 
-
 $tab-active-text-container-margin: 0 !default;
 $tab-big-text-container-margin-right: 22px !default;
 $tab-nrml-text-container-margin-right: 20px !default;

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

@@ -195,7 +195,6 @@ $tab-bg-nrml-active-item-wrap-margin-bottom: 0 !default;
 $tab-alt-big-active-item-padding: 0 !default;
 $tab-alt-nrml-active-item-padding: 0 !default;
 
-
 $tab-active-text-container-margin: 0 !default;
 $tab-big-text-container-margin-right: 22px !default;
 $tab-nrml-text-container-margin-right: 20px !default;
@@ -425,7 +424,6 @@ $tab-alt-nav-hover-border-color: $hover-border !default;
 $tab-alt-nav-active-color: $selection-font !default;
 $tab-alt-nav-active-bg-color: $selection-bg !default;
 
-
 @mixin tbar-alt-btn-animation-after {
   animation: none;
 }

package/styles/tab/_icons.scss

@@ -1,4 +1,5 @@
 @include export-module('tab-icons') {
+
   /*! tab icons */
   #{&}.e-tab {
 

package/styles/tab/_layout.scss

@@ -1,4 +1,5 @@
 @include export-module('tab-layout') {
+
   /*! tab layout */
 
   .e-bigger .e-tab,
@@ -105,7 +106,6 @@
           @else if $tab-skin == 'highcontrast' {
             height: $tab-big-height - 4;
           }
-
         }
 
         .e-tab-text {
@@ -293,10 +293,10 @@
             height: $tab-big-pop-item-height;
 
             @if $tab-skin == 'fabric' {
-              height:  $tab-big-pop-item-height - 2;
+              height: $tab-big-pop-item-height - 2;
             }
             @else if $tab-skin == 'highcontrast' {
-              height:  $tab-big-pop-item-height - 4;
+              height: $tab-big-pop-item-height - 4;
             }
           }
 
@@ -644,7 +644,7 @@
       &.e-vertical {
         max-width: 150px;
 
-        &[style*= 'overflow: hidden']::before {
+        &[style *= 'overflow: hidden']::before {
           bottom: $tab-big-vertical-scroll-nav-top-bottom;
           top: $tab-big-vertical-scroll-nav-top-bottom;
 
@@ -840,10 +840,10 @@
                 height: $tab-big-pop-item-height;
 
                 @if $tab-skin == 'fabric' {
-                  height:  $tab-big-pop-item-height - 2;
+                  height: $tab-big-pop-item-height - 2;
                 }
                 @else if $tab-skin == 'highcontrast' {
-                  height:  $tab-big-pop-item-height - 4;
+                  height: $tab-big-pop-item-height - 4;
                 }
               }
             }
@@ -1539,7 +1539,7 @@
               color: transparent;
               content: attr(data-content);
               display: block;
-              font-weight: 700;
+              font-weight: bold;
               height: 1px;
               overflow: hidden;
               visibility: hidden;
@@ -1560,7 +1560,7 @@
 
         @if $tab-skin == 'bootstrap'or $tab-skin == 'bootstrap4' or $tbar-skin == 'bootstrap5' {
 
-          &[style*= 'overflow: hidden'] .e-toolbar-item:not(.e-separator).e-active {
+          &[style *= 'overflow: hidden'] .e-toolbar-item:not(.e-separator).e-active {
             margin-bottom: 0;
           }
         }
@@ -1621,7 +1621,7 @@
 
         @if $tab-skin == 'tailwind' {
           border-radius: $tab-border-width;
-          transition: all .4s cubic-bezier(.25,.46,.45,.94); // sass-lint:disable-line no-transition-all space-after-comma
+          transition: all .4s cubic-bezier(.25, .46, .45, .94);
         }
       }
 
@@ -1653,7 +1653,6 @@
             height: $tab-big-height;
             padding: $tab-mob-wrap-padding;
           }
-
         }
 
         .e-text-wrap {
@@ -1672,7 +1671,6 @@
           @else if $tab-skin == 'highcontrast' {
             height: $tab-nrml-height - 4;
           }
-
         }
 
         .e-tab-text {
@@ -1983,10 +1981,10 @@
             width: 100%;
 
             @if $tab-skin == 'fabric' {
-              height:  $tab-nrml-pop-item-height - 2;
+              height: $tab-nrml-pop-item-height - 2;
             }
             @else if $tab-skin == 'highcontrast' {
-              height:  $tab-nrml-pop-item-height - 4;
+              height: $tab-nrml-pop-item-height - 4;
             }
           }
 
@@ -2003,7 +2001,7 @@
             top: $tab-nrml-pop-close-top;
           }
 
-          .e-tab-text + .e-close-icon[style= 'display:block'] {
+          .e-tab-text + .e-close-icon[style = 'display:block'] {
             padding-right: $tab-nrml-pop-text-padding-right;
 
             @media screen and (max-width: 480px) {
@@ -2326,7 +2324,7 @@
               color: transparent;
               content: attr(data-content);
               display: block;
-              font-weight: 700;
+              font-weight: bold;
               height: 1px;
               overflow: hidden;
               visibility: hidden;
@@ -2456,7 +2454,7 @@
           top: 0;
         }
 
-        &[style*= 'overflow: hidden']::before {
+        &[style *= 'overflow: hidden']::before {
           bottom: $tab-nrml-vertical-scroll-nav-top-bottom;
           height: auto;
           top: $tab-nrml-vertical-scroll-nav-top-bottom;
@@ -2545,7 +2543,7 @@
         }
 
         .e-toolbar-pop {
-          top: initial !important; // sass-lint:disable-line no-important
+          top: initial !important; /* stylelint-disable-line declaration-no-important */
         }
 
         &.e-vertical-left {
@@ -2585,7 +2583,7 @@
                 color: transparent;
                 content: attr(data-content);
                 display: block;
-                font-weight: 700;
+                font-weight: bold;
                 height: 1px;
                 overflow: hidden;
                 visibility: hidden;
@@ -2642,7 +2640,7 @@
                 color: transparent;
                 content: attr(data-content);
                 display: block;
-                font-weight: 700;
+                font-weight: bold;
                 height: 1px;
                 overflow: hidden;
                 visibility: hidden;
@@ -2855,11 +2853,11 @@
         }
 
         .e-scroll-nav {
-          height:  $tab-nrml-icon-top-bottom-item-height;
+          height: $tab-nrml-icon-top-bottom-item-height;
         }
 
         .e-hor-nav {
-          height:  $tab-nrml-icon-top-bottom-item-height;
+          height: $tab-nrml-icon-top-bottom-item-height;
 
           .e-popup-up-icon::before,
           .e-popup-down-icon::before {
@@ -2970,10 +2968,10 @@
               height: $tab-nrml-pop-item-height;
 
               @if $tab-skin == 'fabric' {
-                height:  $tab-nrml-pop-item-height - 2;
+                height: $tab-nrml-pop-item-height - 2;
               }
               @else if $tab-skin == 'highcontrast' {
-                height:  $tab-nrml-pop-item-height - 4;
+                height: $tab-nrml-pop-item-height - 4;
               }
             }
           }
@@ -3436,7 +3434,7 @@
 
           &.e-itop .e-tab-wrap:focus,
           &.e-ibottom .e-tab-wrap:focus {
-            height:  $tab-nrml-focus-fill-icon-top-bottom-item-height;
+            height: $tab-nrml-focus-fill-icon-top-bottom-item-height;
 
             .e-text-wrap {
               height: auto;
@@ -3575,10 +3573,10 @@
                 height: $tab-nrml-pop-item-height;
 
                 @if $tab-skin == 'fabric' {
-                  height:  $tab-nrml-pop-item-height - 2;
+                  height: $tab-nrml-pop-item-height - 2;
                 }
                 @else if $tab-skin == 'highcontrast' {
-                  height:  $tab-nrml-pop-item-height - 4;
+                  height: $tab-nrml-pop-item-height - 4;
                 }
               }
             }

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

@@ -1,4 +1,4 @@
-//default 
+//default
 $tab-skin: 'material' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;
 $tab-vscroll-big-padding: 24px 0 !default;
@@ -193,7 +193,6 @@ $tab-bg-nrml-active-item-wrap-margin-bottom: 0 !default;
 $tab-alt-big-active-item-padding: 0 !default;
 $tab-alt-nrml-active-item-padding: 0 !default;
 
-
 $tab-active-text-container-margin: 0 !default;
 $tab-big-text-container-margin-right: 22px !default;
 $tab-nrml-text-container-margin-right: 20px !default;
@@ -378,7 +377,6 @@ $tab-pop-down-icon-transform: rotate(0deg) !default;
 $tab-alt-wrap-hover-close-icon-focus-or-active-color: $primary-font !default;
 $tab-content-font-color: rgba($grey-dark-font, .7) !default;
 
-
 //enddefault
 //dimensions
 $hscroll-alt-ribble-animation-border-frame: rgba(0, 0, 0, .12) !default;
@@ -387,6 +385,7 @@ $hscroll-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !
 $tbar-alt-ribble-animation-border-frame: rgba(0, 0, 0, .12) !default;
 $tbar-alt-ribble-animation-shadow-frame: 0 0 0 0 $tbar-alt-ribble-animation-border-frame !default;
 $tbar-alt-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(0, 0, 0, .12) !default;
+
 @mixin tbar-alt-btn-animation-after {
   animation: tbar-alt-popup-shadow 1s ease-out 0ms;
 }

package/styles/tab/_material-definition.scss

@@ -176,7 +176,6 @@ $tab-bg-nrml-active-item-wrap-margin-bottom: 0 !default;
 $tab-alt-big-active-item-padding: 0 !default;
 $tab-alt-nrml-active-item-padding: 0 !default;
 
-
 $tab-active-text-container-margin: 0 !default;
 $tab-big-text-container-margin-right: 22px !default;
 $tab-nrml-text-container-margin-right: 20px !default;

package/styles/tab/_material3-definition.scss

@@ -1,5 +1,5 @@
 /*! Tab's bootstrap5 theme wise override definitions and variables */
-// sass-lint:disable-all
+/* stylelint-disable */
 /*! Horizontal Tab */
 $tab-skin: 'bootstrap5' !default;
 

package/styles/tab/_tailwind-definition.scss

@@ -178,7 +178,6 @@ $tab-bg-nrml-active-item-wrap-margin-bottom: 0 !default;
 $tab-alt-big-active-item-padding: 0 12px !default;
 $tab-alt-nrml-active-item-padding: 0 8px !default;
 
-
 $tab-active-text-container-margin: 0 !default;
 $tab-big-text-container-margin-right: 22px !default;
 $tab-nrml-text-container-margin-right: 20px !default;

package/styles/tab/_theme.scss

@@ -1,4 +1,5 @@
 @include export-module('tab-theme') {
+
   /*! tab theme */
   .e-tab {
     background: $tab-bg-color;
@@ -31,7 +32,7 @@
           }
         }
 
-        &[style*= 'overflow: hidden'] {
+        &[style *= 'overflow: hidden'] {
           border: 0;
         }
       }
@@ -297,7 +298,6 @@
         }
         border: 0;
 
-
         .e-nav-arrow {
           @if $tab-skin != 'FluentUI' {
             color: $tab-nav-icon-color;
@@ -528,11 +528,11 @@
 
         @if $tab-skin == 'bootstrap' or $tab-skin == 'bootstrap4' or $tab-skin == 'bootstrap5' {
 
-          &[style*= 'overflow: hidden'] {
+          &[style *= 'overflow: hidden'] {
             border: 0;
           }
 
-          &[style*= 'overflow: hidden'] .e-toolbar-items {
+          &[style *= 'overflow: hidden'] .e-toolbar-items {
             border-bottom: 0;
             border-top: $tab-items-border;
           }
@@ -953,7 +953,6 @@
           .e-tab-wrap {
             &:hover {
               @if $tab-skin == 'bootstrap4' or $tab-skin == 'bootstrap5' {
-
                 background: $tab-active-bg-color;
 
                 .e-tab-text,
@@ -1256,7 +1255,7 @@
                 @if $tab-skin == 'bootstrap5' {
                   .e-tab-text,
                   .e-close-icon {
-                    color:  $tab-active-text-color;
+                    color: $tab-active-text-color;
                   }
                 }
 
@@ -1545,7 +1544,6 @@
               }
             }
           }
-
         }
 
         .e-hor-nav:not(.e-expended-nav),
@@ -1904,7 +1902,7 @@
               @if $tab-skin == 'bootstrap4' or $tab-skin == 'bootstrap5' {
                 border: 1px solid $tab-hover-border-color;
                 border-radius: $tab-top-active-item-border-radius;
-            }
+              }
             }
 
             .e-tab-wrap:focus,

package/styles/tab/bootstrap-dark.css

@@ -1864,7 +1864,7 @@
   right: -15px;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-pop {
-  top: initial !important;
+  top: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-tab .e-tab-header.e-vertical.e-vertical-left {
   float: left;

package/styles/tab/bootstrap.css

@@ -1869,7 +1869,7 @@
   right: -15px;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-pop {
-  top: initial !important;
+  top: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-tab .e-tab-header.e-vertical.e-vertical-left {
   float: left;

package/styles/tab/bootstrap4.css

@@ -1876,7 +1876,7 @@
   right: -15px;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-pop {
-  top: initial !important;
+  top: initial !important; /* stylelint-disable-line declaration-no-important */
 }
 .e-tab .e-tab-header.e-vertical.e-vertical-left {
   float: left;