@syncfusion/ej2-navigations 28.1.41 → 28.2.3-1479479

package/styles/pager/material3-dark.css

@@ -69,6 +69,9 @@
   padding-right: 0;
   padding-top: 8px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -309,6 +312,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -482,7 +491,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -677,7 +687,6 @@
   .e-pager.e-bigger div.e-parentmsgbar {
     padding: 0;
     vertical-align: top;
-    margin-top: 5px;
   }
 }
 .e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
@@ -747,14 +756,14 @@
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 @media (max-width: 769px) {
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
@@ -770,7 +779,6 @@
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover {
   font-size: 20px;
   margin-top: 0;
-  padding: 10px 12px;
 }
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem.e-focused, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem.e-focused, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover.e-focused, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover.e-focused,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem.e-focused,
@@ -779,6 +787,13 @@
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover.e-focused {
   padding: 10px 12px;
 }
+.e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
+.e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
+.e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
+.e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem:hover,
+.e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover {
+  padding: 10px 12px;
+}
 .e-bigger .e-pager.e-rtl.e-adaptive div.e-parentmsgbar,
 .e-pager.e-bigger.e-rtl.e-adaptive div.e-parentmsgbar {
   margin-top: 0;

package/styles/pager/material3-dark.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3-dark.scss';
 
 @import 'material3-dark-definition.scss';
 @import 'icons/material3-dark.scss';

package/styles/pager/material3.css

@@ -71,6 +71,9 @@
   padding-right: 0;
   padding-top: 8px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -311,6 +314,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -484,7 +493,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -679,7 +689,6 @@
   .e-pager.e-bigger div.e-parentmsgbar {
     padding: 0;
     vertical-align: top;
-    margin-top: 5px;
   }
 }
 .e-bigger .e-pager .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
@@ -749,14 +758,14 @@
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 @media (max-width: 769px) {
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
@@ -772,7 +781,6 @@
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover {
   font-size: 20px;
   margin-top: 0;
-  padding: 10px 12px;
 }
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem.e-focused, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem.e-focused, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover.e-focused, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover.e-focused,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem.e-focused,
@@ -781,6 +789,13 @@
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover.e-focused {
   padding: 10px 12px;
 }
+.e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
+.e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
+.e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem,
+.e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem:hover,
+.e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover {
+  padding: 10px 12px;
+}
 .e-bigger .e-pager.e-rtl.e-adaptive div.e-parentmsgbar,
 .e-pager.e-bigger.e-rtl.e-adaptive div.e-parentmsgbar {
   margin-top: 0;

package/styles/pager/material3.scss

@@ -1,4 +1,4 @@
-
+@import 'ej2-base/styles/definition/material3.scss';
 
 @import 'material3-definition.scss';
 @import 'icons/material3.scss';

package/styles/pager/tailwind-dark.css

@@ -68,6 +68,9 @@
   padding-top: 6px;
   line-height: 18px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -321,6 +324,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -519,7 +528,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -807,14 +817,14 @@
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 @media (max-width: 769px) {
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,

package/styles/pager/tailwind.css

@@ -68,6 +68,9 @@
   padding-top: 6px;
   line-height: 18px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -321,6 +324,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -519,7 +528,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -807,14 +817,14 @@
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 @media (max-width: 769px) {
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,

package/styles/pager/tailwind3.css

@@ -71,6 +71,9 @@
   padding-right: 0;
   padding-top: 5px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -296,6 +299,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -469,7 +478,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -752,14 +762,14 @@
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 @media (max-width: 769px) {
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 10px;
+    margin-top: 0;
   }
 }
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
@@ -831,7 +841,7 @@
 }
 .e-bigger .e-pager.e-adaptive div.e-parentmsgbar,
 .e-pager.e-bigger.e-adaptive div.e-parentmsgbar {
-  margin-top: -5px;
+  margin-top: 0;
 }
 .e-bigger .e-pager.e-adaptive .e-pagerdropdown,
 .e-pager.e-bigger.e-adaptive .e-pagerdropdown {

package/styles/sidebar/_all.scss

@@ -1,3 +1,3 @@
-@import 'icons.scss';
-@import 'layout.scss';
-@import 'theme.scss';
+@import 'icons.scss';
+@import 'layout.scss';
+@import 'theme.scss';

package/styles/sidebar/_bds-definition.scss

@@ -1,53 +1,53 @@
-$sidebar-box-shadow: $shadow-none !default;
-
-//color variables
-$sidebar-background: $content-bg-color !default;
-$sidebar-border: $border-light !default;
-$sidebar-overlay: $overlay-bg-color !default;
-
-.e-sidebar {
-  /* stylelint-disable property-no-vendor-prefix */
-  -webkit-tap-highlight-color: transparent;
-  background: $sidebar-background;
-  height: 100%;
-  overflow: auto;
-  position: fixed;
-  top: 0;
-  transition: none;
-  vertical-align: middle;
-  visibility: hidden;
-  will-change: transform;
-
-  /* stylelint-disable */
-  &.e-right {
-    @if ($skin-name == 'tailwind') {
-      border-left: 1px solid $sidebar-border !important;
-    }
-    @else {
-      border-left: 1px solid $sidebar-border;
-    }
-    left: auto;
-    right: 0;
-    top: 0;
-  }
-
-  &.e-left {
-    @if ($skin-name == 'tailwind') {
-      border-right: 1px solid $sidebar-border !important;
-    }
-    @else {
-      border-right: 1px solid $sidebar-border;
-    }
-    left: 0;
-    right: auto;
-    top: 0;
-  }
-}
-
-.e-backdrop {
-  filter: blur(2px) !important;
-}
-
-.e-sidebar-overlay {
-  backdrop-filter: blur(2px) !important;
-}
+$sidebar-box-shadow: $shadow-none !default;
+
+//color variables
+$sidebar-background: $content-bg-color !default;
+$sidebar-border: $border-light !default;
+$sidebar-overlay: $overlay-bg-color !default;
+
+.e-sidebar {
+  /* stylelint-disable property-no-vendor-prefix */
+  -webkit-tap-highlight-color: transparent;
+  background: $sidebar-background;
+  height: 100%;
+  overflow: auto;
+  position: fixed;
+  top: 0;
+  transition: none;
+  vertical-align: middle;
+  visibility: hidden;
+  will-change: transform;
+
+  /* stylelint-disable */
+  &.e-right {
+    @if ($skin-name == 'tailwind') {
+      border-left: 1px solid $sidebar-border !important;
+    }
+    @else {
+      border-left: 1px solid $sidebar-border;
+    }
+    left: auto;
+    right: 0;
+    top: 0;
+  }
+
+  &.e-left {
+    @if ($skin-name == 'tailwind') {
+      border-right: 1px solid $sidebar-border !important;
+    }
+    @else {
+      border-right: 1px solid $sidebar-border;
+    }
+    left: 0;
+    right: auto;
+    top: 0;
+  }
+}
+
+.e-backdrop {
+  filter: blur(2px) !important;
+}
+
+.e-sidebar-overlay {
+  backdrop-filter: blur(2px) !important;
+}

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

@@ -1,4 +1,4 @@
-$sidebar-background: $grey !default;
-$sidebar-border: $grey-cc !default;
-$sidebar-box-shadow: 0 0 20px rgba(0, 0, 0, .2) !default;
-$sidebar-overlay: rgba(0, 0, 0, .6) !default;
+$sidebar-background: $grey !default;
+$sidebar-border: $grey-cc !default;
+$sidebar-box-shadow: 0 0 20px rgba(0, 0, 0, .2) !default;
+$sidebar-overlay: rgba(0, 0, 0, .6) !default;

package/styles/sidebar/_bootstrap-definition.scss

@@ -1,4 +1,4 @@
-$sidebar-background: $grey-white !default;
-$sidebar-border: $grey-lighter !default;
-$sidebar-box-shadow: 0 0 20px rgba(0, 0, 0, .2) !default;
-$sidebar-overlay: rgba(0, 0, 0, .6) !default;
+$sidebar-background: $grey-white !default;
+$sidebar-border: $grey-lighter !default;
+$sidebar-box-shadow: 0 0 20px rgba(0, 0, 0, .2) !default;
+$sidebar-overlay: rgba(0, 0, 0, .6) !default;

package/styles/sidebar/_bootstrap4-definition.scss

@@ -1,4 +1,4 @@
-$sidebar-background: $content-bg !default;
-$sidebar-border: $gray-300 !default;
-$sidebar-box-shadow: 0 0 20px rgba($black, .2) !default;
-$sidebar-overlay: rgba($black, .5) !default;
+$sidebar-background: $content-bg !default;
+$sidebar-border: $gray-300 !default;
+$sidebar-box-shadow: 0 0 20px rgba($black, .2) !default;
+$sidebar-overlay: rgba($black, .5) !default;

package/styles/sidebar/_bootstrap5-definition.scss

@@ -1,6 +1,6 @@
-$sidebar-box-shadow: $shadow !default;
-
-//color variables
-$sidebar-background: $content-bg-color-alt1 !default;
-$sidebar-border: $transparent !default;
-$sidebar-overlay: $overlay-bg-color !default;
+$sidebar-box-shadow: $shadow !default;
+
+//color variables
+$sidebar-background: $content-bg-color-alt1 !default;
+$sidebar-border: $transparent !default;
+$sidebar-overlay: $overlay-bg-color !default;

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

@@ -1,6 +1,6 @@
-$sidebar-box-shadow: $shadow !default;
-
-//color variables
-$sidebar-background: $content-bg-color-alt1 !default;
-$sidebar-border: $transparent !default;
-$sidebar-overlay: $overlay-bg-color !default;
+$sidebar-box-shadow: $shadow !default;
+
+//color variables
+$sidebar-background: $content-bg-color-alt1 !default;
+$sidebar-border: $transparent !default;
+$sidebar-overlay: $overlay-bg-color !default;

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

@@ -1,4 +1,4 @@
-$sidebar-background: $neutral-lighter-alt !default;
-$sidebar-border: $neutral-light !default;
-$sidebar-box-shadow: 0 0 20px rgba(0, 0, 0, .2) !default;
-$sidebar-overlay: rgba(0, 0, 0, .6) !default;
+$sidebar-background: $neutral-lighter-alt !default;
+$sidebar-border: $neutral-light !default;
+$sidebar-box-shadow: 0 0 20px rgba(0, 0, 0, .2) !default;
+$sidebar-overlay: rgba(0, 0, 0, .6) !default;

package/styles/sidebar/_fabric-definition.scss

@@ -1,4 +1,4 @@
-$sidebar-background: $neutral-white !default;
-$sidebar-border: $neutral-light !default;
-$sidebar-box-shadow: 0 0 30px rgba(0, 0, 0, .3) !default;
-$sidebar-overlay: rgba(0, 0, 0, .6) !default;
+$sidebar-background: $neutral-white !default;
+$sidebar-border: $neutral-light !default;
+$sidebar-box-shadow: 0 0 30px rgba(0, 0, 0, .3) !default;
+$sidebar-overlay: rgba(0, 0, 0, .6) !default;

package/styles/sidebar/_fluent-definition.scss

@@ -1,6 +1,6 @@
-$sidebar-box-shadow: $shadow-none !default;
-
-//color variables
-$sidebar-background: $content-bg-color-alt1 !default;
-$sidebar-border: $border-light !default;
-$sidebar-overlay: $overlay-bg-color !default;
+$sidebar-box-shadow: $shadow-none !default;
+
+//color variables
+$sidebar-background: $content-bg-color-alt1 !default;
+$sidebar-border: $border-light !default;
+$sidebar-overlay: $overlay-bg-color !default;

package/styles/sidebar/_fluent2-definition.scss

@@ -1,8 +1,8 @@
-$sidebar-box-shadow: $shadow-none !default;
-
-//color variables
-$sidebar-background: $content-bg-color !default;
-$sidebar-border: $border-light !default;
-$sidebar-overlay: $overlay-bg-color !default;
-$sidebar-overlay-filter: blur(2px) !default;
-$sidebar-overlay-opacity: .4 !default;
+$sidebar-box-shadow: $shadow-none !default;
+
+//color variables
+$sidebar-background: $content-bg-color !default;
+$sidebar-border: $border-light !default;
+$sidebar-overlay: $overlay-bg-color !default;
+$sidebar-overlay-filter: blur(2px) !default;
+$sidebar-overlay-opacity: .4 !default;

package/styles/sidebar/_fusionnew-definition.scss

@@ -1,6 +1,6 @@
-$sidebar-box-shadow: $shadow !default;
-
-//color variables
-$sidebar-background: $content-bg-color-alt1 !default;
-$sidebar-border: $transparent !default;
-$sidebar-overlay: $overlay-bg-color !default;
+$sidebar-box-shadow: $shadow !default;
+
+//color variables
+$sidebar-background: $content-bg-color-alt1 !default;
+$sidebar-border: $transparent !default;
+$sidebar-overlay: $overlay-bg-color !default;

package/styles/sidebar/_highcontrast-definition.scss

@@ -1,4 +1,4 @@
-$sidebar-background: $bg-base-0 !default;
-$sidebar-border: $border-default !default;
-$sidebar-box-shadow: 0 0 16px rgba(0, 0, 0, .3) !default;
-$sidebar-overlay: rgba(0, 0, 0, .6) !default;
+$sidebar-background: $bg-base-0 !default;
+$sidebar-border: $border-default !default;
+$sidebar-box-shadow: 0 0 16px rgba(0, 0, 0, .3) !default;
+$sidebar-overlay: rgba(0, 0, 0, .6) !default;

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

@@ -1,4 +1,4 @@
-$sidebar-background: $bg-base-100 !default;
-$sidebar-border: $border-default !default;
-$sidebar-box-shadow: 0 0 16px rgba(0, 0, 0, .3) !default;
-$sidebar-overlay: rgba(0, 0, 0, .6) !default;
+$sidebar-background: $bg-base-100 !default;
+$sidebar-border: $border-default !default;
+$sidebar-box-shadow: 0 0 16px rgba(0, 0, 0, .3) !default;
+$sidebar-overlay: rgba(0, 0, 0, .6) !default;

package/styles/sidebar/_icons.scss

@@ -1 +1 @@
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */

package/styles/sidebar/_layout.scss

@@ -1 +1 @@
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */

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

@@ -1,4 +1,4 @@
-$sidebar-background: $grey-800 !default;
-$sidebar-border: $grey-700 !default;
-$sidebar-box-shadow: 0 0 20px rgba(0, 0, 0, .2) !default;
-$sidebar-overlay: rgba(0, 0, 0, .6) !default;
+$sidebar-background: $grey-800 !default;
+$sidebar-border: $grey-700 !default;
+$sidebar-box-shadow: 0 0 20px rgba(0, 0, 0, .2) !default;
+$sidebar-overlay: rgba(0, 0, 0, .6) !default;

package/styles/sidebar/_material-definition.scss

@@ -1,6 +1,6 @@
-/*! Material theme definition's */
-/*! component's theme wise override definitions and variables */
-$sidebar-background: $grey-white !default;
-$sidebar-border: rgba($grey-light-font, .12) !default;
-$sidebar-box-shadow: 0 0 16px rgba(0, 0, 0, .18) !default;
-$sidebar-overlay: rgba(0, 0, 0, .6) !default;
+/*! Material theme definition's */
+/*! component's theme wise override definitions and variables */
+$sidebar-background: $grey-white !default;
+$sidebar-border: rgba($grey-light-font, .12) !default;
+$sidebar-box-shadow: 0 0 16px rgba(0, 0, 0, .18) !default;
+$sidebar-overlay: rgba(0, 0, 0, .6) !default;

package/styles/sidebar/_material3-definition.scss

@@ -1,4 +1,4 @@
-$sidebar-box-shadow: rgba($shadow) !default;
-$sidebar-background: $surface2 !default;
-$sidebar-border: $transparent !default;
-$sidebar-overlay: $overlay-bg-color !default;
+$sidebar-box-shadow: rgba($shadow) !default;
+$sidebar-background: $surface2 !default;
+$sidebar-border: $transparent !default;
+$sidebar-overlay: $overlay-bg-color !default;

package/styles/sidebar/_tailwind-definition.scss

@@ -1,6 +1,6 @@
-$sidebar-box-shadow: $shadow-sm !default;
-
-//color variables
-$sidebar-background: $content-bg-color-alt2 !default;
-$sidebar-border: $transparent !default;
-$sidebar-overlay: $overlay-bg-color !default;
+$sidebar-box-shadow: $shadow-sm !default;
+
+//color variables
+$sidebar-background: $content-bg-color-alt2 !default;
+$sidebar-border: $transparent !default;
+$sidebar-overlay: $overlay-bg-color !default;

package/styles/sidebar/_tailwind3-definition.scss

@@ -1,6 +1,6 @@
-$sidebar-box-shadow: $shadow !default;
-
-//color variables
-$sidebar-background: $content-bg-color !default;
-$sidebar-border: $border-light !default;
-$sidebar-overlay: $overlay-bg-color !default;
+$sidebar-box-shadow: $shadow !default;
+
+//color variables
+$sidebar-background: $content-bg-color !default;
+$sidebar-border: $border-light !default;
+$sidebar-overlay: $overlay-bg-color !default;