@syncfusion/ej2-navigations 31.2.12 → 32.1.19

package/styles/tab/tailwind3.css

@@ -2,6 +2,76 @@
 
 
 
+
+
+
+
+/* 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 */
+
+
 /* stylelint-disable */
 .e-tab .e-tab-header .e-close-icon::before {
   content: "\e7e7";
@@ -136,7 +206,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-items.e-hscroll .e-scroll-nav {
   width: 32px;
-  border-radius: 4px;
+  border-radius: calc(var(--e-radius) * 0.25);
 }
 .e-tab .e-tab-header .e-toolbar-items.e-hscroll:not(.e-tbar-pos) .e-toolbar-item:last-child {
   margin: 0 2px 0 0;
@@ -164,7 +234,7 @@
   height: 2px;
   left: 0;
   right: 0;
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
   -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
@@ -213,7 +283,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
   display: inherit;
-  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
+  font-family: var(--e-font-family);
   font-size: 14px;
   font-weight: 500;
   text-transform: capitalize;
@@ -297,7 +367,7 @@
   height: 20px;
   min-width: 20px;
   width: 20px;
-  line-height: 1;
+  line-height: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
@@ -1001,7 +1071,7 @@
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before {
   float: left;
-  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
+  font-family: var(--e-font-family);
   font-size: 14px;
   font-weight: 500;
   line-height: 36px;
@@ -1689,7 +1759,7 @@
 }
 .e-tab-clone-element .e-tab-text {
   display: inherit;
-  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
+  font-family: var(--e-font-family);
   font-size: 14px;
   font-weight: 500;
   text-transform: capitalize;
@@ -1724,7 +1794,7 @@
   height: 20px;
   min-width: 20px;
   width: 20px;
-  line-height: 1;
+  line-height: 16px;
 }
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-icons.e-tab-icon {
@@ -1869,7 +1939,7 @@
 .e-tab .e-tab-header {
   background: inherit;
   border: 0;
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
   -webkit-box-shadow: none;
           box-shadow: none;
   font-weight: 400;
@@ -1906,7 +1976,7 @@
   background: rgba(var(--color-sf-transparent), 0.12);
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
   color: var(--color-sf-content-text-color-alt3);
   border: 0;
 }
@@ -1916,7 +1986,7 @@
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
   background: inherit;
   border: 0;
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
@@ -1929,7 +1999,7 @@
 }
 .e-tab .e-tab-header .e-toolbar-item.e-active {
   border: none;
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
 }
 .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
   border: 0;
@@ -1947,7 +2017,7 @@
   display: block;
   position: absolute;
   width: 100%;
-  border-radius: 3px 3px 0 0;
+  border-radius: calc(var(--e-radius) * 0.1875) calc(var(--e-radius) * 0.1875) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0);
   bottom: 0;
 }
 .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
@@ -1987,7 +2057,7 @@
 .e-tab .e-tab-header .e-toolbar-pop {
   background: var(--color-sf-flyout-bg-color);
   border: 1px solid var(--color-sf-flyout-border);
-  border-radius: 4px;
+  border-radius: calc(var(--e-radius) * 0.25);
   -webkit-box-shadow: none;
           box-shadow: none;
   overflow-y: auto;
@@ -2008,7 +2078,7 @@
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover {
   background: var(--color-sf-flyout-bg-color-hover);
   border: none;
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-text,
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:hover .e-tab-icon,
@@ -2109,7 +2179,7 @@
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
   background: var(--color-sf-secondary-bg-color-hover);
   border: 0;
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
 }
 .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon:hover,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav) .e-popup-down-icon:hover {
@@ -2125,7 +2195,7 @@
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon {
   background: var(--color-sf-secondary-bg-color-focus);
   border: 0;
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
   color: var(--color-sf-secondary-text-color-focus);
 }
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:hover,
@@ -2134,7 +2204,7 @@
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon:hover {
   background: var(--color-sf-secondary-bg-color-hover);
   border: 0;
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
 }
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-up-icon:active,
 .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon:active,
@@ -2143,7 +2213,7 @@
   background: var(--color-sf-secondary-bg-color-hover);
   color: var(--color-sf-secondary-text-color-focus);
   border: 0;
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
   -webkit-box-shadow: inset 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
           box-shadow: inset 0 1px 2px 0 rgba(var(--color-sf-black), 0.05);
 }
@@ -2168,7 +2238,7 @@
   border: none;
   -webkit-box-shadow: none;
           box-shadow: none;
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-icons {
@@ -2194,14 +2264,14 @@
   border-width: 1px 0 0;
 }
 .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item .e-tab-wrap:hover {
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
 }
 .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active {
   border-color: var(--color-sf-content-bg-color) var(--color-sf-border-light) var(--color-sf-border-light);
   border-style: solid;
   border-width: 1px;
   margin-top: 0;
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
 }
 .e-tab .e-tab-header.e-vertical {
   border-bottom: 0;
@@ -2214,18 +2284,18 @@
   border-top: 1px solid var(--color-sf-border-light);
 }
 .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item .e-tab-wrap:hover {
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
 }
 .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
   border-right: initial;
 }
 .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item .e-tab-wrap:hover {
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
 }
 .e-tab .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active {
   border-left: initial;
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-pop {
   -webkit-box-shadow: none;
@@ -2387,7 +2457,7 @@
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
   background: var(--color-sf-primary);
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
   border-color: unset;
 }
 .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-text, .e-tab.e-fill .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover .e-tab-icon {
@@ -2552,7 +2622,7 @@
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
   background: var(--color-sf-primary-bg-color-focus);
   border-color: var(--color-sf-primary);
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
   border-style: solid;
   border-width: 0;
 }
@@ -2756,7 +2826,7 @@
 }
 .e-tab.e-background .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-tab-wrap {
   border-color: var(--color-sf-primary);
-  border-radius: 0 0 4px 4px;
+  border-radius: calc(var(--e-radius) * 0) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0.25);
   border-style: solid;
   border-width: 0 2px 2px;
 }
@@ -2768,7 +2838,7 @@
 }
 .e-tab.e-background .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active .e-tab-wrap {
   border-color: var(--color-sf-primary);
-  border-radius: 4px 0 0 4px;
+  border-radius: calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0.25);
   border-style: solid;
   border-width: 0;
 }
@@ -2780,7 +2850,7 @@
 }
 .e-tab.e-background .e-tab-header.e-vertical.e-vertical-right .e-toolbar-item.e-active .e-tab-wrap {
   border-color: var(--color-sf-primary);
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
   border-style: solid;
   border-width: 0;
 }
@@ -2865,7 +2935,7 @@
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:hover {
   background: var(--color-sf-primary-bg-color-focus);
   border: 0;
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
 }
 .e-tab.e-background.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text {
   color: var(--color-sf-content-text-color-alt2);
@@ -2921,7 +2991,7 @@
   color: var(--color-sf-content-text-color-alt1);
 }
 .e-tab-clone-element .e-tab-wrap {
-  border-radius: 0;
+  border-radius: calc(var(--e-radius) * 0);
   color: var(--color-sf-content-text-color-alt1);
   border: 1px solid var(--color-sf-transparent);
 }

package/styles/tab/tailwind3.scss

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

package/styles/tailwind-dark-lite.css

@@ -1178,6 +1178,9 @@
 .e-toolbar.e-hidden {
   display: none;
 }
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-items {
   border-radius: 0 0 0 0;
   display: -webkit-inline-box;
@@ -7271,7 +7274,6 @@ ejs-sidebar {
   display: none;
   font-family: "Inter";
   font-size: 18px;
-  font-weight: normal;
   height: 38px;
   line-height: 38px;
   text-align: left;

package/styles/tailwind-dark-lite.scss

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

package/styles/tailwind-dark.css

@@ -1495,6 +1495,9 @@
 .e-toolbar.e-hidden {
   display: none;
 }
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-items {
   border-radius: 0 0 0 0;
   display: -webkit-inline-box;
@@ -2381,6 +2384,10 @@
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
   padding: 0 8px;
 }
+.e-bigger .e-toolbar.e-spacer-toolbar.e-pop-mode .e-toolbar-items,
+.e-toolbar.e-bigger.e-spacer-toolbar.e-pop-mode .e-toolbar-items {
+  width: calc(100% - 36px);
+}
 .e-bigger .e-toolbar .e-toolbar-item,
 .e-toolbar.e-bigger .e-toolbar-item {
   min-height: 48px;
@@ -9453,7 +9460,6 @@ ejs-sidebar {
   display: none;
   font-family: "Inter";
   font-size: 18px;
-  font-weight: normal;
   height: 38px;
   line-height: 38px;
   text-align: left;

package/styles/tailwind-dark.scss

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

package/styles/tailwind-lite.css

@@ -1178,6 +1178,9 @@
 .e-toolbar.e-hidden {
   display: none;
 }
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-items {
   border-radius: 0 0 0 0;
   display: -webkit-inline-box;
@@ -7271,7 +7274,6 @@ ejs-sidebar {
   display: none;
   font-family: "Inter";
   font-size: 18px;
-  font-weight: normal;
   height: 38px;
   line-height: 38px;
   text-align: left;