@syncfusion/ej2-navigations 32.2.8 → 33.1.44

package/styles/tailwind3.css

@@ -266,7 +266,7 @@
 .e-pager .e-currentitem {
   border-radius: calc(var(--e-radius) * 0);
   cursor: pointer;
-  padding: 6.1px 11.85px 9.8px 11.8px;
+  padding: 6.2px 11.85px 9.8px 11.8px;
   text-decoration: none;
 }
 .e-pager .e-currentitem {
@@ -299,7 +299,7 @@
   margin-right: 0;
   margin-top: 0;
   min-width: 26px;
-  padding: 8.85px 8.6px 7px 8.6px;
+  padding: 8.85px 8.6px 8px 8.6px;
   vertical-align: sub;
 }
 .e-pager .e-pagercontainer .e-lastpage,
@@ -369,14 +369,14 @@
 .e-pager .e-pp:hover,
 .e-pager .e-np:hover {
   font-size: 14px;
-  padding: 6.1px 9.92px 9.9px 9.9px;
+  padding: 6.2px 9.92px 9.9px 9.9px;
   font-weight: bold;
   letter-spacing: 0;
 }
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
   line-height: 1;
-  padding: 6.1px 9.92px 9.9px 9.9px;
+  padding: 6.2px 9.92px 9.9px 9.9px;
 }
 .e-pager.e-adaptive {
   display: -webkit-box;
@@ -532,7 +532,7 @@
   padding: 0;
 }
 .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled {
-  padding: 8.85px 8.6px 7px 8.6px;
+  padding: 8.85px 8.6px 8px 8.6px;
 }
 .e-pager.e-rtl .e-firstpage::before, .e-pager.e-rtl .e-firstpage:hover, .e-pager.e-rtl .e-firstpagedisabled::before {
   content: "\e701";
@@ -579,11 +579,11 @@
 }
 .e-pager.e-rtl .e-spacing, .e-pager.e-rtl .e-numericitem:hover, .e-pager.e-rtl .e-currentitem {
   margin: 0;
-  padding: 6.1px 11.85px 9.8px 11.8px;
+  padding: 6.2px 11.85px 9.8px 11.8px;
 }
 .e-pager.e-rtl .e-pp, .e-pager.e-rtl .e-np, .e-pager.e-rtl .e-pp:hover, .e-pager.e-rtl .e-np:hover {
   margin-top: 0;
-  padding: 6.1px 9.92px 9.9px 9.9px;
+  padding: 6.2px 9.92px 9.9px 9.9px;
 }
 .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
   margin: 0 5px;
@@ -996,7 +996,7 @@
 .e-pager.e-bigger .e-np.e-spacing,
 .e-pager.e-bigger .e-pp.e-spacing:hover,
 .e-pager.e-bigger .e-np.e-spacing:hover {
-  padding: 12.6px 13.92px 12px 13.9px;
+  padding: 13.3px 13.92px 12px 13.9px;
 }
 .e-bigger .e-pager .e-spacing,
 .e-bigger .e-pager .e-numericitem:hover,
@@ -1005,7 +1005,7 @@
 .e-pager.e-bigger .e-numericitem:hover,
 .e-pager.e-bigger .e-currentitem {
   border-radius: calc(var(--e-radius) * 0)/0.75;
-  padding: 10.7px 15.48px 11.5px 15.1px;
+  padding: 11.4px 15.48px 11.5px 15.1px;
 }
 .e-bigger .e-pager.e-rtl .e-spacing,
 .e-bigger .e-pager.e-rtl .e-numericitem:hover,
@@ -1014,7 +1014,7 @@
 .e-pager.e-bigger.e-rtl .e-numericitem:hover,
 .e-pager.e-bigger.e-rtl .e-currentitem {
   margin: 0;
-  padding: 10.7px 15.48px 11.5px 15.1px;
+  padding: 11.4px 15.48px 11.5px 15.1px;
 }
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing,
 .e-bigger .e-pager.e-rtl .e-np.e-spacing,
@@ -1024,7 +1024,7 @@
 .e-pager.e-bigger.e-rtl .e-np.e-spacing,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing:hover,
 .e-pager.e-bigger.e-rtl .e-np.e-spacing:hover {
-  padding-top: 12.5px;
+  padding-top: 13px;
 }
 .e-bigger .e-pager.e-rtl .e-pagerdropdown,
 .e-pager.e-bigger.e-rtl .e-pagerdropdown {
@@ -1101,7 +1101,7 @@
 .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
 .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
   margin-right: 0;
-  padding: 11.7px 11.6px 8.7px 11.6px;
+  padding: 11.7px 11.6px 9.2px 11.6px;
 }
 .e-bigger .e-pager.e-rtl .e-pagercontainer .e-firstpage,
 .e-bigger .e-pager.e-rtl .e-pagercontainer .e-prevpage,
@@ -1541,11 +1541,9 @@
   background-repeat: repeat-x;
 }
 .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-secondary-bg-color-disabled)), to(transparent));
   background-image: linear-gradient(-270deg, var(--color-sf-secondary-bg-color-disabled) 0%, transparent 100%);
 }
 .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-secondary-bg-color-disabled)));
   background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-secondary-bg-color-disabled) 100%);
 }
 .e-hscroll.e-rtl .e-scroll-nav {
@@ -2036,11 +2034,9 @@
   background-repeat: repeat-x;
 }
 .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-secondary-bg-color-disabled)), to(transparent));
   background-image: linear-gradient(-270deg, var(--color-sf-secondary-bg-color-disabled) 0%, transparent 100%);
 }
 .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-secondary-bg-color-disabled)));
   background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-secondary-bg-color-disabled) 100%);
 }
 .e-vscroll.e-rtl .e-scroll-nav {
@@ -11179,77 +11175,77 @@ ejs-sidebar {
           box-shadow: 0 1px 2px -1px rgba(var(--color-sf-black), 0.1), 0 1px 3px 0 rgba(var(--color-sf-black), 0.1);
 }
 
-.e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
   -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
   transition: margin 0.5s ease, -webkit-transform 0.5s ease;
   transition: margin 0.5s ease, transform 0.5s ease;
   transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
 }
-.e-sidebarcontainer.e-left.e-open.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-left.e-close.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-right.e-open.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
   margin-left: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-right: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-right.e-close.e-auto + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-left.e-open.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-left.e-close.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-right.e-open.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
   margin-left: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-right: var(--sidebar-width);
 }
-.e-sidebarcontainer.e-right.e-close.e-push + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
   margin-right: 0;
   -webkit-transform: translateX(0);
           transform: translateX(0);
   margin-left: 0;
 }
-.e-sidebarcontainer.e-left.e-open.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
   margin-left: 0;
   -webkit-transform: translate(var(--sidebar-width));
           transform: translate(var(--sidebar-width));
 }
-.e-sidebarcontainer.e-left.e-close.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
   margin-left: 0;
   -webkit-transform: translate(0);
           transform: translate(0);
 }
-.e-sidebarcontainer.e-right.e-open.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
   margin-right: 0;
   margin-left: 0;
   -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
           transform: translate(calc(-1 * var(--sidebar-width)));
 }
-.e-sidebarcontainer.e-right.e-close.e-slide + div {
+.e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
   margin-right: 0;
   margin-left: 0;
   -webkit-transform: translate(0);

package/styles/toolbar/material3-dark.css

@@ -890,14 +890,12 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(var(--color-sf-on-surface), 0.04);
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   border: 0 solid rgba(var(--color-sf-outline-variant));
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .e-toolbar .e-toolbar-items {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn {
@@ -914,7 +912,6 @@
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -983,7 +980,6 @@
   border-width: 0 1px 0 0;
 }
 .e-toolbar .e-toolbar-item.e-overlay {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   opacity: 0.38;
   color: rgba(var(--color-sf-on-surface-variant));
@@ -1006,7 +1002,6 @@
   border-width: 0 0 1px 0;
 }
 .e-toolbar .e-hor-nav {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   border: solid rgba(var(--color-sf-outline-variant));
   border-width: 0 0 0 1px;
@@ -1022,7 +1017,6 @@
   -webkit-box-shadow: none;
           box-shadow: none;
   color: rgba(var(--color-sf-on-primary-container));
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
 }
 .e-toolbar .e-hor-nav:active .e-icons {
@@ -1084,7 +1078,6 @@
   color: rgba(var(--color-sf-on-primary-container));
 }
 .e-toolbar .e-toolbar-pop {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border: 0 solid rgba(var(--color-sf-outline-variant));
   -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
@@ -1124,7 +1117,6 @@
   background: transparent;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1160,15 +1152,12 @@
   border-width: 0 1px 0 0;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
 }
 .e-toolbar.e-rtl .e-hor-nav {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   border: solid rgba(var(--color-sf-outline-variant));
   border-width: 0 1px 0 0;

package/styles/toolbar/material3.css

@@ -896,14 +896,12 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(var(--color-sf-on-surface), 0.04);
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   border: 0 solid rgba(var(--color-sf-outline-variant));
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .e-toolbar .e-toolbar-items {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn {
@@ -920,7 +918,6 @@
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -989,7 +986,6 @@
   border-width: 0 1px 0 0;
 }
 .e-toolbar .e-toolbar-item.e-overlay {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   opacity: 0.38;
   color: rgba(var(--color-sf-on-surface-variant));
@@ -1012,7 +1008,6 @@
   border-width: 0 0 1px 0;
 }
 .e-toolbar .e-hor-nav {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   border: solid rgba(var(--color-sf-outline-variant));
   border-width: 0 0 0 1px;
@@ -1028,7 +1023,6 @@
   -webkit-box-shadow: none;
           box-shadow: none;
   color: rgba(var(--color-sf-on-primary-container));
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
 }
 .e-toolbar .e-hor-nav:active .e-icons {
@@ -1090,7 +1084,6 @@
   color: rgba(var(--color-sf-on-primary-container));
 }
 .e-toolbar .e-toolbar-pop {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
   border: 0 solid rgba(var(--color-sf-outline-variant));
   -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
@@ -1130,7 +1123,6 @@
   background: transparent;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1166,15 +1158,12 @@
   border-width: 0 1px 0 0;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
 }
 .e-toolbar.e-rtl .e-hor-nav {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   border: solid rgba(var(--color-sf-outline-variant));
   border-width: 0 1px 0 0;

package/styles/treeview/material3-dark.css

@@ -895,7 +895,6 @@
 .e-treeview.e-drag-item {
   background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   font-family: var(--e-font-family);
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-treeview.e-drag-item .e-icon-collapsible::before,

package/styles/treeview/material3.css

@@ -901,7 +901,6 @@
 .e-treeview.e-drag-item {
   background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   font-family: var(--e-font-family);
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-treeview.e-drag-item .e-icon-collapsible::before,

package/styles/v-scroll/bds.css

@@ -156,11 +156,9 @@
   background-repeat: repeat-x;
 }
 .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-bg-secondary), 1)), to(rgba(var(--color-sf-bg-secondary), 0)));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-bg-secondary), 1) 0%, rgba(var(--color-sf-bg-secondary), 0) 100%);
 }
 .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-bg-secondary), 0)), to(rgba(var(--color-sf-bg-secondary), 1)));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-bg-secondary), 0) 0%, rgba(var(--color-sf-bg-secondary), 1) 100%);
 }
 .e-vscroll.e-rtl .e-scroll-nav {

package/styles/v-scroll/bootstrap5.3.css

@@ -396,11 +396,9 @@
   background-repeat: repeat-x;
 }
 .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
   background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
 }
 .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
   background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
 }
 .e-vscroll.e-rtl .e-scroll-nav {

package/styles/v-scroll/fluent2.css

@@ -405,11 +405,9 @@
   background-repeat: repeat-x;
 }
 .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
   background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
 }
 .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
   background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
 }
 .e-vscroll.e-rtl .e-scroll-nav {

package/styles/v-scroll/material3-dark.css

@@ -390,15 +390,12 @@
   background-repeat: repeat-x;
 }
 .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-surface))), to(transparent));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-surface)) 0%, transparent 100%);
 }
 .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(var(--color-sf-surface))));
   background-image: linear-gradient(-270deg, transparent 0%, rgba(var(--color-sf-surface)) 100%);
 }
 .e-vscroll.e-rtl .e-scroll-nav {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(103, 80, 164, 0.08)), to(rgba(103, 80, 164, 0.08))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(103, 80, 164, 0.08), rgba(103, 80, 164, 0.08)), linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-vscroll.e-rtl .e-scroll-nav:hover {
@@ -426,7 +423,6 @@
   color: rgba(var(--color-sf-primary-container));
 }
 .e-vscroll .e-scroll-nav {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(103, 80, 164, 0.08)), to(rgba(103, 80, 164, 0.08))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(103, 80, 164, 0.08), rgba(103, 80, 164, 0.08)), linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-vscroll .e-scroll-nav.e-scroll-up-nav {

package/styles/v-scroll/material3.css

@@ -396,15 +396,12 @@
   background-repeat: repeat-x;
 }
 .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-surface))), to(transparent));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-surface)) 0%, transparent 100%);
 }
 .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(var(--color-sf-surface))));
   background-image: linear-gradient(-270deg, transparent 0%, rgba(var(--color-sf-surface)) 100%);
 }
 .e-vscroll.e-rtl .e-scroll-nav {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(103, 80, 164, 0.08)), to(rgba(103, 80, 164, 0.08))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(103, 80, 164, 0.08), rgba(103, 80, 164, 0.08)), linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-vscroll.e-rtl .e-scroll-nav:hover {
@@ -432,7 +429,6 @@
   color: rgba(var(--color-sf-primary-container));
 }
 .e-vscroll .e-scroll-nav {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(103, 80, 164, 0.08)), to(rgba(103, 80, 164, 0.08))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(103, 80, 164, 0.08), rgba(103, 80, 164, 0.08)), linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-vscroll .e-scroll-nav.e-scroll-up-nav {

package/styles/v-scroll/tailwind3.css

@@ -366,11 +366,9 @@
   background-repeat: repeat-x;
 }
 .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-secondary-bg-color-disabled)), to(transparent));
   background-image: linear-gradient(-270deg, var(--color-sf-secondary-bg-color-disabled) 0%, transparent 100%);
 }
 .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
-  background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-secondary-bg-color-disabled)));
   background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-secondary-bg-color-disabled) 100%);
 }
 .e-vscroll.e-rtl .e-scroll-nav {