@syncfusion/ej2-navigations 33.2.15 → 34.1.29

package/styles/stepper/tailwind3.css

@@ -76,80 +76,6 @@
   content: "\e8db";
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-stepper {
   position: relative;
 }
@@ -604,80 +530,6 @@
   font-size: 10px;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step,
 .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator,
 .e-stepper .e-step-notstarted .e-icons.e-step-indicator {
@@ -843,80 +695,6 @@
   background: var(--color-sf-danger-light);
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
 .e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
   font-size: 40px;

package/styles/stepper/tailwind3.scss

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind3' as *;
-@use 'ej2-popups/styles/tooltip/tailwind3-definition' as *;
 @use 'tailwind3-definition' as *;
 @use 'icons/tailwind3' as *;
-@use 'all.tailwind3' as *;
-@use 'bigger.tailwind3' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/tab/_all.scss

@@ -1,2 +1,2 @@
-@use 'layout' as *;
-@use 'theme' as *;
+@forward 'layout';
+@forward 'theme';

package/styles/tab/_bds-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@forward 'ej2-base/styles/definition/bds';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: $skin-name !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;
 $tab-big-vertical-nav-arrow-size: $text-base !default;

package/styles/tab/_bigger.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @mixin tab-mob-last-item-margin {
   @media screen and (max-width: 480px) {
     margin: $tab-mob-last-item-margin;

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

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $tab-skin: 'bootstrap' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;

package/styles/tab/_bootstrap-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/bootstrap' as *;
-@forward 'ej2-base/styles/definition/bootstrap';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: 'bootstrap' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;
 $tab-big-vertical-nav-arrow-size: 24px !default;

package/styles/tab/_bootstrap4-definition.scss

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/bootstrap4' as *;
-@forward 'ej2-base/styles/definition/bootstrap4';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $tab-skin: 'bootstrap4' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;

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

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap5-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $tab-skin: 'bootstrap5' !default;
 $tab-font-family: $font-family !default;

package/styles/tab/_bootstrap5-definition.scss

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/bootstrap5' as *;
-@forward 'ej2-base/styles/definition/bootstrap5';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $tab-skin: 'bootstrap5' !default;
 $tab-font-family: $font-family !default;

package/styles/tab/_bootstrap5.3-definition.scss

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/bootstrap5.3' as *;
-@forward 'ej2-base/styles/definition/bootstrap5.3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $tab-skin: 'bootstrap5.3' !default;
 $tab-font-family: $font-family !default;

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

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/fabric-dark' as *;
-@forward 'ej2-base/styles/definition/fabric-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: 'fabric' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;
 $tab-vscroll-big-padding: 24px 0 !default;

package/styles/tab/_fabric-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/fabric' as *;
-@forward 'ej2-base/styles/definition/fabric';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: 'fabric' !default;
 $white: #fff;
 $primary-theme: #07d;

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

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/fluent-dark' as *;
-@forward 'ej2-base/styles/definition/fluent-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $tab-skin: 'FluentUI' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;

package/styles/tab/_fluent-definition.scss

@@ -1,6 +1,5 @@
 @use 'sass:color';
-@use 'ej2-base/styles/definition/fluent' as *;
-@forward 'ej2-base/styles/definition/fluent';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 $tab-skin: 'FluentUI' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;

package/styles/tab/_fluent2-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/fluent2' as *;
-@forward 'ej2-base/styles/definition/fluent2';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: $skin-name !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;
 $tab-big-vertical-nav-arrow-size: $text-base !default;

package/styles/tab/_fusionnew-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/fusionnew' as *;
-@forward 'ej2-base/styles/definition/fusionnew';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: 'bootstrap5' !default;
 $tab-font-family: $font-family !default;
 $tab-big-vertical-nav-arrow-font-size: 12px !default;

package/styles/tab/_highcontrast-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/highcontrast' as *;
-@forward 'ej2-base/styles/definition/highcontrast';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: 'highcontrast' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;
 $tab-big-vertical-nav-arrow-size: 24px !default;

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

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/highcontrast-light' as *;
-@forward 'ej2-base/styles/definition/highcontrast-light';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: 'highcontrast' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;
 $tab-vscroll-big-padding: 24px 0 !default;

package/styles/tab/_icons.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 @include export-module('tab-icons') {
   #{&}.e-tab {
 

package/styles/tab/_layout.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @mixin tab-mob-last-item-margin {
   @media screen and (max-width: 480px) {
     margin: $tab-mob-last-item-margin;

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

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/material-dark' as *;
-@forward 'ej2-base/styles/definition/material-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: 'material' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;
 $tab-vscroll-big-padding: 24px 0 !default;
@@ -80,7 +80,7 @@ $tab-alt-border-color: $primary-font !default;
 $tab-alt-disable-border-color: rgba($primary-font, .38) !default;
 $tab-bg-color: transparent !default;
 $tab-border: none !default;
-$tab-alt-hdr-bg-color: $primary !default;
+$tab-alt-hdr-bg-color: $accent !default;
 $tab-focus-hscroll-content-padding: 0 !default;
 $tab-hdr-bdr-color: inherit !default;
 $tab-hdr-border: 0 !default;
@@ -181,7 +181,7 @@ $tab-fill-active-bg-color: $accent !default;
 $tab-fill-disable-active-bg-color: rgba($accent, .38) !default;
 $tab-alt-active-bg-color: $primary !default;
 $tab-alt-disable-active-bg-color: $primary !default;
-$tab-alt-item-bg-color: $primary !default;
+$tab-alt-item-bg-color: $accent !default;
 $tab-alt-active-focus-bg-color: inherit !default;
 $tab-key-alt-active-focus-bg-color: rgba($grey-white, .12) !default;
 $tab-alt-focus-top-bottom-bg-color: inherit !default;
@@ -568,7 +568,7 @@ $tab-background-active-bg: inherit !default;
 $tab-background-active-text-color: $tab-alt-active-text-color !default;
 $tab-background-active-icon-color: $tab-alt-active-text-color !default;
 $tab-background-active-close-color: $tab-alt-active-close-icon-color !default;
-$tab-background-active-wrap-bg: $tab-alt-active-bg-color !default;
+$tab-background-active-wrap-bg: $accent !default;
 $tab-background-active-wrap-border-color: unset !default;
 $tab-background-active-wrap-border-radius: $tab-active-item-border-radius !default;
 $tab-background-active-wrap-border-width: 0 !default;

package/styles/tab/_material-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/material' as *;
-@forward 'ej2-base/styles/definition/material';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: 'material' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;
 $tab-big-vertical-nav-arrow-size: 24px !default;
@@ -56,7 +56,7 @@ $tab-alt-border-color: $primary-font !default;
 $tab-alt-disable-border-color: rgba($primary-font, .38) !default;
 $tab-bg-color: transparent !default;
 $tab-border: none !default;
-$tab-alt-hdr-bg-color: $primary !default;
+$tab-alt-hdr-bg-color: $accent !default;
 $tab-focus-hscroll-content-padding: 0 !default;
 $tab-hdr-bdr-color: inherit !default;
 $tab-hdr-border: 0 !default;
@@ -160,7 +160,7 @@ $tab-fill-active-bg-color: $accent !default;
 $tab-fill-disable-active-bg-color: rgba($accent, .38) !default;
 $tab-alt-active-bg-color: $primary !default;
 $tab-alt-disable-active-bg-color: $primary !default;
-$tab-alt-item-bg-color: $primary !default;
+$tab-alt-item-bg-color: $accent !default;
 $tab-alt-active-focus-bg-color: inherit !default;
 $tab-key-alt-active-focus-bg-color: rgba($grey-white, .12) !default;
 $tab-alt-focus-top-bottom-bg-color: inherit !default;
@@ -600,7 +600,7 @@ $tab-background-active-bg: inherit !default;
 $tab-background-active-text-color: $tab-alt-active-text-color !default;
 $tab-background-active-icon-color: $tab-alt-active-text-color !default;
 $tab-background-active-close-color: $tab-alt-active-close-icon-color !default;
-$tab-background-active-wrap-bg: $tab-alt-active-bg-color !default;
+$tab-background-active-wrap-bg: $accent !default;
 $tab-background-active-wrap-border-color: unset !default;
 $tab-background-active-wrap-border-radius: $tab-active-item-border-radius !default;
 $tab-background-active-wrap-border-width: 0 !default;

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

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/material3-dark' as *;
-@forward 'ej2-base/styles/definition/material3-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: 'material3' !default;
 $tab-font-family: $font-family !default;
 $tab-big-vertical-nav-arrow-font-size: $text-2xl !default;

package/styles/tab/_material3-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/material3' as *;
-@forward 'ej2-base/styles/definition/material3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: 'material3' !default;
 $tab-font-family: $font-family !default;
 $tab-big-vertical-nav-arrow-font-size: $text-2xl !default;

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

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/tailwind-dark' as *;
-@forward 'ej2-base/styles/definition/tailwind-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: 'tailwind' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;
 $tab-big-vertical-nav-arrow-size: $text-base !default;

package/styles/tab/_tailwind-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/tailwind' as *;
-@forward 'ej2-base/styles/definition/tailwind';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: 'tailwind' !default;
 $tab-big-vertical-scroll-nav-top-bottom: 23px !default;
 $tab-big-vertical-nav-arrow-size: $text-base !default;

package/styles/tab/_tailwind3-definition.scss

@@ -1,5 +1,5 @@
-@use 'ej2-base/styles/definition/tailwind3' as *;
-@forward 'ej2-base/styles/definition/tailwind3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
+
 $tab-skin: $skin-name !default;
 $tab-font-family: $font-family !default;
 $tab-big-vertical-nav-arrow-font-size: $text-xs !default;

package/styles/tab/_theme.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @include export-module('tab-theme') {
   .e-tab {
     background: $tab-bg-color;

package/styles/tab/_variables.scss

@@ -0,0 +1,2 @@
+@forward '@syncfusion/ej2-base/styles/common/_base-variables';
+@forward '_material3-definition';

package/styles/tab/bds.css

@@ -94,37 +94,6 @@
   position: relative;
 }
 
-
-
-
-
-@keyframes tbar-alt-popup-shadow {
-  0% {
-    border-color: rgba(0, 0, 0, 0.12);
-    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
-            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
-            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
-  }
-}
-@keyframes hscroll-alt-popup-shadow {
-  0% {
-    border-color: rgba(0, 0, 0, 0.12);
-    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
-            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
-            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
-  }
-}
-/* stylelint-disable */
-.e-toolbar-item.e-active {
-  background: none !important;
-}
-
 .e-tab {
   display: block;
   position: relative;
@@ -1958,37 +1927,6 @@
   margin-right: 20px;
 }
 
-
-
-
-
-@keyframes tbar-alt-popup-shadow {
-  0% {
-    border-color: rgba(0, 0, 0, 0.12);
-    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
-            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
-            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
-  }
-}
-@keyframes hscroll-alt-popup-shadow {
-  0% {
-    border-color: rgba(0, 0, 0, 0.12);
-    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
-            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
-            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
-  }
-}
-/* stylelint-disable */
-.e-toolbar-item.e-active {
-  background: none !important;
-}
-
 .e-tab {
   background: var(--color-sf-base-transparent);
   border: none;
@@ -3055,37 +2993,6 @@
   color: var(--color-sf-text-secondary);
 }
 
-
-
-
-
-@keyframes tbar-alt-popup-shadow {
-  0% {
-    border-color: rgba(0, 0, 0, 0.12);
-    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
-            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
-            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
-  }
-}
-@keyframes hscroll-alt-popup-shadow {
-  0% {
-    border-color: rgba(0, 0, 0, 0.12);
-    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
-            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.12);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
-            box-shadow: 0 0 0 200px rgba(0, 0, 0, 0.12);
-  }
-}
-/* stylelint-disable */
-.e-toolbar-item.e-active {
-  background: none !important;
-}
-
 .e-bigger .e-tab .e-tab-header,
 .e-tab.e-bigger .e-tab-header {
   height: 46px;

package/styles/tab/bds.scss

@@ -1,6 +1,4 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@use '../toolbar/bds-definition' as *;
 @use 'bds-definition' as *;
 @use 'icons/bds' as *;
-@use 'all.bds' as *;
-@use 'bigger.bds' as *;
+@use 'all' as *;
+@use 'bigger' as *;