@syncfusion/ej2-navigations 33.2.15 → 34.1.29

package/styles/fluent2.scss

@@ -1,59 +1,53 @@
-@use 'ej2-base/styles/definition/fluent2' as *;
 @use 'pager/fluent2-definition' as *;
 @use 'pager/icons/fluent2' as *;
-@use 'pager/all.fluent2' as *;
-@use 'pager/bigger.fluent2' as *;
+@use 'pager/all' as *;
+@use 'pager/bigger' as *;
 @use 'h-scroll/fluent2-definition' as *;
 @use 'h-scroll/icons/fluent2' as *;
-@use 'h-scroll/all.fluent2' as *;
-@use 'h-scroll/bigger.fluent2' as *;
+@use 'h-scroll/all' as *;
+@use 'h-scroll/bigger' as *;
 @use 'v-scroll/fluent2-definition' as *;
 @use 'v-scroll/icons/fluent2' as *;
-@use 'v-scroll/all.fluent2' as *;
-@use 'v-scroll/bigger.fluent2' as *;
-@use 'ej2-buttons/styles/button/fluent2-definition' as *;
-@use 'ej2-popups/styles/popup/fluent2-definition' as *;
+@use 'v-scroll/all' as *;
+@use 'v-scroll/bigger' as *;
 @use 'toolbar/fluent2-definition' as *;
 @use 'toolbar/icons/fluent2' as *;
-@use 'toolbar/all.fluent2' as *;
-@use 'toolbar/bigger.fluent2' as *;
+@use 'toolbar/all' as *;
+@use 'toolbar/bigger' as *;
 @use 'accordion/fluent2-definition' as *;
 @use 'accordion/icons/fluent2' as *;
-@use 'accordion/all.fluent2' as *;
-@use 'accordion/bigger.fluent2' as *;
+@use 'accordion/all' as *;
+@use 'accordion/bigger' as *;
 @use 'carousel/fluent2-definition' as *;
 @use 'carousel/icons/fluent2' as *;
-@use 'carousel/all.fluent2' as *;
+@use 'carousel/all' as *;
 
 @use 'context-menu/fluent2-definition' as *;
 @use 'context-menu/icons/fluent2' as *;
-@use 'context-menu/all.fluent2' as *;
-@use 'context-menu/bigger.fluent2' as *;
+@use 'context-menu/all' as *;
+@use 'context-menu/bigger' as *;
 @use 'tab/fluent2-definition' as *;
 @use 'tab/icons/fluent2' as *;
-@use 'tab/all.fluent2' as *;
-@use 'tab/bigger.fluent2' as *;
-@use 'ej2-inputs/styles/input/fluent2-definition' as *;
-@use 'ej2-buttons/styles/check-box/fluent2-definition' as *;
+@use 'tab/all' as *;
+@use 'tab/bigger' as *;
 @use 'treeview/fluent2-definition' as *;
 @use 'treeview/icons/fluent2' as *;
-@use 'treeview/all.fluent2' as *;
-@use 'treeview/bigger.fluent2' as *;
+@use 'treeview/all' as *;
+@use 'treeview/bigger' as *;
 @use 'sidebar/fluent2-definition' as *;
-@use 'sidebar/all.fluent2' as *;
+@use 'sidebar/all' as *;
 @use 'menu/fluent2-definition' as *;
 @use 'menu/icons/fluent2' as *;
-@use 'menu/all.fluent2' as *;
-@use 'menu/bigger.fluent2' as *;
+@use 'menu/all' as *;
+@use 'menu/bigger' as *;
 @use 'breadcrumb/fluent2-definition' as *;
 @use 'breadcrumb/icons/fluent2' as *;
-@use 'breadcrumb/all.fluent2' as *;
-@use 'breadcrumb/bigger.fluent2' as *;
+@use 'breadcrumb/all' as *;
+@use 'breadcrumb/bigger' as *;
 @use 'appbar/fluent2-definition' as *;
-@use 'appbar/all.fluent2' as *;
-@use 'appbar/bigger.fluent2' as *;
-@use 'ej2-popups/styles/tooltip/fluent2-definition' as *;
+@use 'appbar/all' as *;
+@use 'appbar/bigger' as *;
 @use 'stepper/fluent2-definition' as *;
 @use 'stepper/icons/fluent2' as *;
-@use 'stepper/all.fluent2' as *;
-@use 'stepper/bigger.fluent2' as *;
+@use 'stepper/all' as *;
+@use 'stepper/bigger' as *;

package/styles/h-scroll/_all.scss

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

package/styles/h-scroll/_bds-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bds' as *;
-@forward 'ej2-base/styles/definition/bds';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: $skin-name !default;

package/styles/h-scroll/_bigger.scss

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

package/styles/h-scroll/_bootstrap-dark-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $hscroll-skin: 'bootstrap' !default;

package/styles/h-scroll/_bootstrap-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap' as *;
-@forward 'ej2-base/styles/definition/bootstrap';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'bootstrap' !default;

package/styles/h-scroll/_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 *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'bootstrap4' !default;

package/styles/h-scroll/_bootstrap5-dark-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
-@forward 'ej2-base/styles/definition/bootstrap5-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'bootstrap5' !default;

package/styles/h-scroll/_bootstrap5-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap5' as *;
-@forward 'ej2-base/styles/definition/bootstrap5';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'bootstrap5' !default;

package/styles/h-scroll/_bootstrap5.3-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap5.3' as *;
-@forward 'ej2-base/styles/definition/bootstrap5.3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'bootstrap5.3' !default;

package/styles/h-scroll/_fabric-dark-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fabric-dark' as *;
-@forward 'ej2-base/styles/definition/fabric-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $hscroll-skin: 'fabric' !default;

package/styles/h-scroll/_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 *;
+
 $hscroll-skin: 'fabric' !default;
 $hscroll-border-type: solid !default;
 $hscroll-hover-font: $hover-font-color !default;

package/styles/h-scroll/_fluent-dark-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fluent-dark' as *;
-@forward 'ej2-base/styles/definition/fluent-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'FluentUI' !default;

package/styles/h-scroll/_fluent-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fluent' as *;
-@forward 'ej2-base/styles/definition/fluent';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'FluentUI' !default;

package/styles/h-scroll/_fluent2-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fluent2' as *;
-@forward 'ej2-base/styles/definition/fluent2';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: $skin-name !default;

package/styles/h-scroll/_fusionnew-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/fusionnew' as *;
-@forward 'ej2-base/styles/definition/fusionnew';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'bootstrap5' !default;

package/styles/h-scroll/_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 *;
+
 $hscroll-skin: 'highcontrast' !default;
 $hscroll-border-type: solid !default;
 $hscroll-hover-font: $hover-font-color !default;

package/styles/h-scroll/_highcontrast-light-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/highcontrast-light' as *;
-@forward 'ej2-base/styles/definition/highcontrast-light';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $hscroll-skin: 'highcontrast' !default;

package/styles/h-scroll/_layout.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @include export-module('h-scroll') {
 
   /*! h-scroll layout */

package/styles/h-scroll/_material-dark-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/material-dark' as *;
-@forward 'ej2-base/styles/definition/material-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 //default
 $hscroll-skin: 'material' !default;

package/styles/h-scroll/_material-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/material' as *;
-@forward 'ej2-base/styles/definition/material';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'material' !default;

package/styles/h-scroll/_material3-dark-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/material3-dark' as *;
-@forward 'ej2-base/styles/definition/material3-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'material3' !default;

package/styles/h-scroll/_material3-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/material3' as *;
-@forward 'ej2-base/styles/definition/material3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'material3' !default;

package/styles/h-scroll/_tailwind-dark-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind-dark' as *;
-@forward 'ej2-base/styles/definition/tailwind-dark';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'tailwind' !default;

package/styles/h-scroll/_tailwind-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind' as *;
-@forward 'ej2-base/styles/definition/tailwind';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'tailwind' !default;

package/styles/h-scroll/_tailwind3-definition.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/tailwind3' as *;
-@forward 'ej2-base/styles/definition/tailwind3';
+@use '@syncfusion/ej2-base/styles/common/base-variables' as *;
 
 /*! component's theme wise override definitions and variables */
 $hscroll-skin: 'bootstrap5.3' !default;

package/styles/h-scroll/_theme.scss

@@ -1,4 +1,4 @@
-@use 'ej2-base/styles/common/mixin' as *;
+@use 'variables' as *;
 @include export-module('h-scroll-theme') {
 
   /*! h-scroll theme */

package/styles/h-scroll/_variables.scss

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

package/styles/h-scroll/bds.css

@@ -53,22 +53,6 @@
   line-height: normal;
 }
 
-
-
-
-
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
 /*! h-scroll layout */
 .e-hscroll {
   display: block;
@@ -187,22 +171,6 @@
   pointer-events: none;
 }
 
-
-
-
-
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
 /*! h-scroll theme */
 .e-hscroll .e-scroll-nav .e-icons {
   color: var(--color-sf-fg-secondary);
@@ -305,22 +273,6 @@
   visibility: visible;
 }
 
-
-
-
-
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
 .e-bigger .e-hscroll,
 .e-hscroll.e-bigger {
   min-height: 48px;

package/styles/h-scroll/bds.scss

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

package/styles/h-scroll/bootstrap-dark.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap-dark' as *;
 @use 'bootstrap-dark-definition' as *;
 @use 'icons/bootstrap-dark' as *;
-@use 'all.bootstrap-dark' as *;
-@use 'bigger.bootstrap-dark' as *;
+@use 'all' as *;
+@use 'bigger' as *;

package/styles/h-scroll/bootstrap.css

@@ -27,7 +27,6 @@
   line-height: normal;
 }
 
-/*! component's theme wise override definitions and variables */
 /*! h-scroll layout */
 .e-hscroll {
   display: block;
@@ -146,7 +145,6 @@
   pointer-events: none;
 }
 
-/*! component's theme wise override definitions and variables */
 /*! h-scroll theme */
 .e-hscroll .e-scroll-nav .e-icons {
   color: #333;
@@ -238,7 +236,6 @@
   content: "";
 }
 
-/*! component's theme wise override definitions and variables */
 .e-bigger .e-hscroll,
 .e-hscroll.e-bigger {
   min-height: 50px;

package/styles/h-scroll/bootstrap.scss

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

package/styles/h-scroll/bootstrap4.css

@@ -27,7 +27,6 @@
   line-height: normal;
 }
 
-/*! component's theme wise override definitions and variables */
 /*! h-scroll layout */
 .e-hscroll {
   display: block;
@@ -146,7 +145,6 @@
   pointer-events: none;
 }
 
-/*! component's theme wise override definitions and variables */
 /*! h-scroll theme */
 .e-hscroll .e-scroll-nav .e-icons {
   color: #333;
@@ -238,7 +236,6 @@
   content: "";
 }
 
-/*! component's theme wise override definitions and variables */
 .e-bigger .e-hscroll,
 .e-hscroll.e-bigger {
   min-height: 50px;

package/styles/h-scroll/bootstrap4.scss

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

package/styles/h-scroll/bootstrap5-dark.css

@@ -49,18 +49,6 @@
   line-height: normal;
 }
 
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
 /*! h-scroll layout */
 .e-hscroll {
   display: block;
@@ -179,18 +167,6 @@
   pointer-events: none;
 }
 
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
 /*! h-scroll theme */
 .e-hscroll .e-scroll-nav .e-icons {
   color: #adb5bd;
@@ -295,18 +271,6 @@
   visibility: visible;
 }
 
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
 .e-bigger .e-hscroll,
 .e-hscroll.e-bigger {
   min-height: 46px;

package/styles/h-scroll/bootstrap5-dark.scss

@@ -1,5 +1,4 @@
-@use 'ej2-base/styles/definition/bootstrap5-dark' as *;
 @use 'bootstrap5-dark-definition' as *;
 @use 'icons/bootstrap5-dark' as *;
-@use 'all.bootstrap5-dark' as *;
-@use 'bigger.bootstrap5-dark' as *;
+@use 'all' as *;
+@use 'bigger' as *;