@syncfusion/ej2-navigations 32.1.19 → 32.1.24

package/styles/toolbar/_theme.scss

@@ -1,5 +1,4 @@
 @use 'ej2-base/styles/common/mixin' as *;
-@use './theme-variables' as *;
 @include export-module('toolbar-theme') {
   /* stylelint-disable property-no-vendor-prefix */
   .e-toolbar {

package/styles/toolbar/_theme.tailwind-dark.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind-dark';
+@import './_theme';

package/styles/toolbar/_theme.tailwind.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind';
+@import './_theme';

package/styles/toolbar/_theme.tailwind3.scss

@@ -0,0 +1,4 @@
+@use 'sass:color';
+@use 'ej2-base/styles/common/mixin' as *;
+@import './theme-variables.tailwind3';
+@import './_theme';

package/styles/toolbar/bds.css

@@ -95,6 +95,10 @@
   line-height: normal;
 }
 
+
+
+
+
 .e-toolbar {
   border-radius: 0;
   display: block;
@@ -137,7 +141,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
   pointer-events: none;
 }
 .e-toolbar .e-toolbar-items {
@@ -698,6 +705,10 @@
   padding-left: 0;
 }
 
+
+
+
+
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -980,6 +991,10 @@
   border-width: 0 1px 0 0;
 }
 
+
+
+
+
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
   height: 56px;

package/styles/toolbar/bds.scss

@@ -5,5 +5,5 @@
 @use 'ej2-popups/styles/popup/bds-definition' as *;
 @use 'bds-definition' as *;
 @use 'icons/bds' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bds' as *;
+@use 'bigger.bds' as *;

package/styles/toolbar/bootstrap-dark.css

@@ -49,7 +49,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
   pointer-events: none;
 }
 .e-toolbar .e-toolbar-items {

package/styles/toolbar/bootstrap-dark.scss

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

package/styles/toolbar/bootstrap.css

@@ -51,7 +51,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
   pointer-events: none;
 }
 .e-toolbar .e-toolbar-items {

package/styles/toolbar/bootstrap.scss

@@ -5,5 +5,5 @@
 @use 'ej2-popups/styles/popup/bootstrap-definition' as *;
 @use 'bootstrap-definition' as *;
 @use 'icons/bootstrap' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bootstrap' as *;
+@use 'bigger.bootstrap' as *;

package/styles/toolbar/bootstrap4.css

@@ -51,7 +51,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
   pointer-events: none;
 }
 .e-toolbar .e-toolbar-items {

package/styles/toolbar/bootstrap4.scss

@@ -5,5 +5,5 @@
 @use 'ej2-popups/styles/popup/bootstrap4-definition' as *;
 @use 'bootstrap4-definition' as *;
 @use 'icons/bootstrap4' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bootstrap4' as *;
+@use 'bigger.bootstrap4' as *;

package/styles/toolbar/bootstrap5-dark.css

@@ -33,6 +33,7 @@
   line-height: normal;
 }
 
+/* stylelint-disable */
 .e-toolbar {
   border-radius: 0;
   display: block;
@@ -75,7 +76,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
   pointer-events: none;
 }
 .e-toolbar .e-toolbar-items {
@@ -636,6 +640,7 @@
   padding-left: 0;
 }
 
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -920,6 +925,7 @@
   border-width: 0 0 0 0;
 }
 
+/* stylelint-disable */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
   height: 46px;

package/styles/toolbar/bootstrap5-dark.scss

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

package/styles/toolbar/bootstrap5.3.css

@@ -117,6 +117,91 @@
   line-height: normal;
 }
 
+
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* stylelint-disable */
 .e-toolbar {
   border-radius: calc(var(--e-radius) * 0);
   display: block;
@@ -159,7 +244,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
   pointer-events: none;
 }
 .e-toolbar .e-toolbar-items {
@@ -720,6 +808,91 @@
   padding-left: 0;
 }
 
+
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -1020,6 +1193,91 @@
   border-width: 0 1px 0 0;
 }
 
+
+
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* 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 */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* stylelint-disable */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
   height: 46px;

package/styles/toolbar/bootstrap5.3.scss

@@ -5,5 +5,5 @@
 @use 'ej2-popups/styles/popup/bootstrap5.3-definition' as *;
 @use 'bootstrap5.3-definition' as *;
 @use 'icons/bootstrap5.3' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bootstrap5.3' as *;
+@use 'bigger.bootstrap5.3' as *;

package/styles/toolbar/bootstrap5.css

@@ -33,6 +33,7 @@
   line-height: normal;
 }
 
+/* stylelint-disable */
 .e-toolbar {
   border-radius: 0;
   display: block;
@@ -75,7 +76,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
   pointer-events: none;
 }
 .e-toolbar .e-toolbar-items {
@@ -636,6 +640,7 @@
   padding-left: 0;
 }
 
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -920,6 +925,7 @@
   border-width: 0 0 0 0;
 }
 
+/* stylelint-disable */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
   height: 46px;

package/styles/toolbar/bootstrap5.scss

@@ -5,5 +5,5 @@
 @use 'ej2-popups/styles/popup/bootstrap5-definition' as *;
 @use 'bootstrap5-definition' as *;
 @use 'icons/bootstrap5' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.bootstrap5' as *;
+@use 'bigger.bootstrap5' as *;

package/styles/toolbar/fabric-dark.css

@@ -49,7 +49,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
   pointer-events: none;
 }
 .e-toolbar .e-toolbar-items {

package/styles/toolbar/fabric-dark.scss

@@ -5,5 +5,5 @@
 @use 'ej2-popups/styles/popup/fabric-dark-definition' as *;
 @use 'fabric-dark-definition' as *;
 @use 'icons/fabric-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fabric-dark' as *;
+@use 'bigger.fabric-dark' as *;

package/styles/toolbar/fabric.css

@@ -50,7 +50,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
   pointer-events: none;
 }
 .e-toolbar .e-toolbar-items {

package/styles/toolbar/fabric.scss

@@ -5,5 +5,5 @@
 @use 'ej2-popups/styles/popup/fabric-definition' as *;
 @use 'fabric-definition' as *;
 @use 'icons/fabric' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fabric' as *;
+@use 'bigger.fabric' as *;

package/styles/toolbar/fluent-dark.css

@@ -74,7 +74,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
   pointer-events: none;
 }
 .e-toolbar .e-toolbar-items {

package/styles/toolbar/fluent-dark.scss

@@ -5,5 +5,5 @@
 @use 'ej2-popups/styles/popup/fluent-dark-definition' as *;
 @use 'fluent-dark-definition' as *;
 @use 'icons/fluent-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fluent-dark' as *;
+@use 'bigger.fluent-dark' as *;

package/styles/toolbar/fluent.css

@@ -74,7 +74,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
   pointer-events: none;
 }
 .e-toolbar .e-toolbar-items {

package/styles/toolbar/fluent.scss

@@ -5,5 +5,5 @@
 @use 'ej2-popups/styles/popup/fluent-definition' as *;
 @use 'fluent-definition' as *;
 @use 'icons/fluent' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fluent' as *;
+@use 'bigger.fluent' as *;