@syncfusion/ej2-navigations 32.2.8 → 33.1.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +12 -3
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +12 -3
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +7 -7
  12. package/src/accordion/accordion.js +7 -2
  13. package/src/common/menu-base.js +5 -1
  14. package/styles/appbar/material3-dark.css +0 -5
  15. package/styles/appbar/material3.css +0 -5
  16. package/styles/bds-lite.css +13 -17
  17. package/styles/bds.css +13 -17
  18. package/styles/bootstrap-dark-lite.css +13 -13
  19. package/styles/bootstrap-dark.css +13 -13
  20. package/styles/bootstrap-lite.css +13 -13
  21. package/styles/bootstrap.css +13 -13
  22. package/styles/bootstrap4-lite.css +13 -13
  23. package/styles/bootstrap4.css +13 -13
  24. package/styles/bootstrap5-dark-lite.css +18 -18
  25. package/styles/bootstrap5-dark.css +25 -25
  26. package/styles/bootstrap5-lite.css +18 -18
  27. package/styles/bootstrap5.3-lite.css +15 -19
  28. package/styles/bootstrap5.3.css +17 -21
  29. package/styles/bootstrap5.css +25 -25
  30. package/styles/breadcrumb/material3-dark.css +0 -1
  31. package/styles/breadcrumb/material3.css +0 -1
  32. package/styles/carousel/material3-dark.css +0 -2
  33. package/styles/carousel/material3.css +0 -2
  34. package/styles/context-menu/material3-dark.css +0 -2
  35. package/styles/context-menu/material3.css +0 -2
  36. package/styles/fabric-dark-lite.css +13 -13
  37. package/styles/fabric-dark.css +13 -13
  38. package/styles/fabric-lite.css +13 -13
  39. package/styles/fabric.css +13 -13
  40. package/styles/fluent-dark-lite.css +13 -13
  41. package/styles/fluent-dark.css +13 -13
  42. package/styles/fluent-lite.css +13 -13
  43. package/styles/fluent.css +13 -13
  44. package/styles/fluent2-lite.css +13 -17
  45. package/styles/fluent2.css +13 -17
  46. package/styles/h-scroll/bds.css +0 -2
  47. package/styles/h-scroll/bootstrap5.3.css +0 -2
  48. package/styles/h-scroll/fluent2.css +0 -2
  49. package/styles/h-scroll/material3-dark.css +0 -4
  50. package/styles/h-scroll/material3.css +0 -4
  51. package/styles/h-scroll/tailwind3.css +0 -2
  52. package/styles/highcontrast-light-lite.css +13 -13
  53. package/styles/highcontrast-light.css +13 -13
  54. package/styles/highcontrast-lite.css +13 -13
  55. package/styles/highcontrast.css +13 -13
  56. package/styles/material-dark-lite.css +13 -13
  57. package/styles/material-dark.css +13 -13
  58. package/styles/material-lite.css +13 -13
  59. package/styles/material.css +13 -13
  60. package/styles/material3-dark-lite.css +13 -62
  61. package/styles/material3-dark.css +13 -62
  62. package/styles/material3-lite.css +13 -62
  63. package/styles/material3.css +13 -62
  64. package/styles/menu/material3-dark.css +0 -2
  65. package/styles/menu/material3.css +0 -2
  66. package/styles/pager/_bigger.scss +4 -4
  67. package/styles/pager/_bootstrap5-dark-definition.scss +8 -8
  68. package/styles/pager/_bootstrap5-definition.scss +8 -8
  69. package/styles/pager/_layout.scss +2 -2
  70. package/styles/pager/_tailwind3-definition.scss +9 -9
  71. package/styles/pager/bootstrap5-dark.css +12 -12
  72. package/styles/pager/bootstrap5.3.css +4 -4
  73. package/styles/pager/bootstrap5.css +12 -12
  74. package/styles/pager/tailwind3.css +12 -12
  75. package/styles/sidebar/_theme.scss +13 -13
  76. package/styles/sidebar/bds.css +13 -13
  77. package/styles/sidebar/bootstrap-dark.css +13 -13
  78. package/styles/sidebar/bootstrap.css +13 -13
  79. package/styles/sidebar/bootstrap4.css +13 -13
  80. package/styles/sidebar/bootstrap5-dark.css +13 -13
  81. package/styles/sidebar/bootstrap5.3.css +13 -13
  82. package/styles/sidebar/bootstrap5.css +13 -13
  83. package/styles/sidebar/fabric-dark.css +13 -13
  84. package/styles/sidebar/fabric.css +13 -13
  85. package/styles/sidebar/fluent-dark.css +13 -13
  86. package/styles/sidebar/fluent.css +13 -13
  87. package/styles/sidebar/fluent2.css +13 -13
  88. package/styles/sidebar/highcontrast-light.css +13 -13
  89. package/styles/sidebar/highcontrast.css +13 -13
  90. package/styles/sidebar/material-dark.css +13 -13
  91. package/styles/sidebar/material.css +13 -13
  92. package/styles/sidebar/material3-dark.css +13 -14
  93. package/styles/sidebar/material3.css +13 -14
  94. package/styles/sidebar/tailwind-dark.css +13 -13
  95. package/styles/sidebar/tailwind.css +13 -13
  96. package/styles/sidebar/tailwind3.css +13 -13
  97. package/styles/stepper/material3-dark.css +0 -4
  98. package/styles/stepper/material3.css +0 -4
  99. package/styles/tab/material3-dark.css +0 -12
  100. package/styles/tab/material3.css +0 -12
  101. package/styles/tailwind-dark-lite.css +13 -13
  102. package/styles/tailwind-dark.css +13 -13
  103. package/styles/tailwind-lite.css +13 -13
  104. package/styles/tailwind.css +13 -13
  105. package/styles/tailwind3-lite.css +20 -24
  106. package/styles/tailwind3.css +25 -29
  107. package/styles/toolbar/material3-dark.css +0 -11
  108. package/styles/toolbar/material3.css +0 -11
  109. package/styles/treeview/material3-dark.css +0 -1
  110. package/styles/treeview/material3.css +0 -1
  111. package/styles/v-scroll/bds.css +0 -2
  112. package/styles/v-scroll/bootstrap5.3.css +0 -2
  113. package/styles/v-scroll/fluent2.css +0 -2
  114. package/styles/v-scroll/material3-dark.css +0 -4
  115. package/styles/v-scroll/material3.css +0 -4
  116. package/styles/v-scroll/tailwind3.css +0 -2
package/styles/bootstrap5-lite.css CHANGED
@@ -103,7 +103,7 @@
103
103
  text-align: center;
104
104
  }
105
105
  .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
106
- padding: 7.4px 10.5px 8.4px 9.5px;
106
+ padding: 7.4px 10.5px 9.2px 9.5px;
107
107
  }
108
108
  .e-pager div.e-pagermsgdiv {
109
109
  padding-right: 6px;
@@ -121,7 +121,7 @@
121
121
  .e-pager .e-currentitem {
122
122
  border-radius: 0;
123
123
  cursor: pointer;
124
- padding: 10px 12.5px 11.5px;
124
+ padding: 10px 12.5px 11.6px;
125
125
  text-decoration: none;
126
126
  }
127
127
  .e-pager .e-currentitem {
@@ -224,14 +224,14 @@
224
224
  .e-pager .e-pp:hover,
225
225
  .e-pager .e-np:hover {
226
226
  font-size: 14px;
227
- padding: 10.4px 10.5px 11.4px;
227
+ padding: 10.4px 10.5px 11.6px;
228
228
  font-weight: bold;
229
229
  letter-spacing: 0;
230
230
  }
231
231
  .e-pager .e-np.e-focused,
232
232
  .e-pager .e-pp.e-focused {
233
233
  line-height: 1;
234
- padding: 10.4px 10.5px 11.4px;
234
+ padding: 10.4px 10.5px 11.6px;
235
235
  }
236
236
  .e-pager.e-adaptive {
237
237
  display: -webkit-box;
@@ -354,7 +354,7 @@
354
354
  direction: rtl;
355
355
  }
356
356
  .e-pager.e-rtl .e-numericitem.e-currentitem, .e-pager.e-rtl .e-numericitem.e-currentitem:hover {
357
- padding: 7px 10.5px 8px 9.5px;
357
+ padding: 8px 10.5px 8.5px 9.5px;
358
358
  }
359
359
  .e-pager.e-rtl .e-numericitem.e-currentitem {
360
360
  border-left-color: rgb(134, 182.5, 254);
@@ -6794,77 +6794,77 @@ ejs-sidebar {
6794
6794
  box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
6795
6795
  }
6796
6796
 
6797
- .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 {
6797
+ .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 {
6798
6798
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6799
6799
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6800
6800
  transition: margin 0.5s ease, transform 0.5s ease;
6801
6801
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
6802
6802
  }
6803
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
6803
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
6804
6804
  margin-right: 0;
6805
6805
  -webkit-transform: translateX(0);
6806
6806
  transform: translateX(0);
6807
6807
  margin-left: var(--sidebar-width);
6808
6808
  }
6809
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
6809
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
6810
6810
  margin-right: 0;
6811
6811
  -webkit-transform: translateX(0);
6812
6812
  transform: translateX(0);
6813
6813
  margin-left: 0;
6814
6814
  }
6815
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
6815
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
6816
6816
  margin-left: 0;
6817
6817
  -webkit-transform: translateX(0);
6818
6818
  transform: translateX(0);
6819
6819
  margin-right: var(--sidebar-width);
6820
6820
  }
6821
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
6821
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
6822
6822
  margin-right: 0;
6823
6823
  -webkit-transform: translateX(0);
6824
6824
  transform: translateX(0);
6825
6825
  margin-left: 0;
6826
6826
  }
6827
- .e-sidebarcontainer.e-left.e-open.e-push + div {
6827
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
6828
6828
  margin-right: 0;
6829
6829
  -webkit-transform: translateX(0);
6830
6830
  transform: translateX(0);
6831
6831
  margin-left: var(--sidebar-width);
6832
6832
  }
6833
- .e-sidebarcontainer.e-left.e-close.e-push + div {
6833
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
6834
6834
  margin-right: 0;
6835
6835
  -webkit-transform: translateX(0);
6836
6836
  transform: translateX(0);
6837
6837
  margin-left: 0;
6838
6838
  }
6839
- .e-sidebarcontainer.e-right.e-open.e-push + div {
6839
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
6840
6840
  margin-left: 0;
6841
6841
  -webkit-transform: translateX(0);
6842
6842
  transform: translateX(0);
6843
6843
  margin-right: var(--sidebar-width);
6844
6844
  }
6845
- .e-sidebarcontainer.e-right.e-close.e-push + div {
6845
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
6846
6846
  margin-right: 0;
6847
6847
  -webkit-transform: translateX(0);
6848
6848
  transform: translateX(0);
6849
6849
  margin-left: 0;
6850
6850
  }
6851
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
6851
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
6852
6852
  margin-left: 0;
6853
6853
  -webkit-transform: translate(var(--sidebar-width));
6854
6854
  transform: translate(var(--sidebar-width));
6855
6855
  }
6856
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
6856
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
6857
6857
  margin-left: 0;
6858
6858
  -webkit-transform: translate(0);
6859
6859
  transform: translate(0);
6860
6860
  }
6861
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
6861
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
6862
6862
  margin-right: 0;
6863
6863
  margin-left: 0;
6864
6864
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
6865
6865
  transform: translate(calc(-1 * var(--sidebar-width)));
6866
6866
  }
6867
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
6867
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
6868
6868
  margin-right: 0;
6869
6869
  margin-left: 0;
6870
6870
  -webkit-transform: translate(0);
package/styles/bootstrap5.3-lite.css CHANGED
@@ -271,7 +271,7 @@
271
271
  text-align: center;
272
272
  }
273
273
  .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
274
- padding: 7.4px 10.5px 8.4px 9.5px;
274
+ padding: 7.4px 10.5px 9.2px 9.5px;
275
275
  }
276
276
  .e-pager div.e-pagermsgdiv {
277
277
  padding-right: 6px;
@@ -522,7 +522,7 @@
522
522
  direction: rtl;
523
523
  }
524
524
  .e-pager.e-rtl .e-numericitem.e-currentitem, .e-pager.e-rtl .e-numericitem.e-currentitem:hover {
525
- padding: 7px 10.5px 8px 9.5px;
525
+ padding: 8px 10.5px 8.5px 9.5px;
526
526
  }
527
527
  .e-pager.e-rtl .e-numericitem.e-currentitem {
528
528
  border-left-color: var(--color-sf-primary-light);
@@ -1249,11 +1249,9 @@
1249
1249
  background-repeat: repeat-x;
1250
1250
  }
1251
1251
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
1252
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
1253
1252
  background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
1254
1253
  }
1255
1254
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
1256
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
1257
1255
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
1258
1256
  }
1259
1257
  .e-hscroll.e-rtl .e-scroll-nav {
@@ -1643,11 +1641,9 @@
1643
1641
  background-repeat: repeat-x;
1644
1642
  }
1645
1643
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
1646
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
1647
1644
  background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
1648
1645
  }
1649
1646
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
1650
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
1651
1647
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
1652
1648
  }
1653
1649
  .e-vscroll.e-rtl .e-scroll-nav {
@@ -8539,77 +8535,77 @@ ejs-sidebar {
8539
8535
  box-shadow: 0 0.8px 16px rgba(var(--color-sf-black), 0.15);
8540
8536
  }
8541
8537
 
8542
- .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 {
8538
+ .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 {
8543
8539
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8544
8540
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8545
8541
  transition: margin 0.5s ease, transform 0.5s ease;
8546
8542
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8547
8543
  }
8548
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
8544
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
8549
8545
  margin-right: 0;
8550
8546
  -webkit-transform: translateX(0);
8551
8547
  transform: translateX(0);
8552
8548
  margin-left: var(--sidebar-width);
8553
8549
  }
8554
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
8550
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
8555
8551
  margin-right: 0;
8556
8552
  -webkit-transform: translateX(0);
8557
8553
  transform: translateX(0);
8558
8554
  margin-left: 0;
8559
8555
  }
8560
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
8556
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
8561
8557
  margin-left: 0;
8562
8558
  -webkit-transform: translateX(0);
8563
8559
  transform: translateX(0);
8564
8560
  margin-right: var(--sidebar-width);
8565
8561
  }
8566
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
8562
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
8567
8563
  margin-right: 0;
8568
8564
  -webkit-transform: translateX(0);
8569
8565
  transform: translateX(0);
8570
8566
  margin-left: 0;
8571
8567
  }
8572
- .e-sidebarcontainer.e-left.e-open.e-push + div {
8568
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
8573
8569
  margin-right: 0;
8574
8570
  -webkit-transform: translateX(0);
8575
8571
  transform: translateX(0);
8576
8572
  margin-left: var(--sidebar-width);
8577
8573
  }
8578
- .e-sidebarcontainer.e-left.e-close.e-push + div {
8574
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
8579
8575
  margin-right: 0;
8580
8576
  -webkit-transform: translateX(0);
8581
8577
  transform: translateX(0);
8582
8578
  margin-left: 0;
8583
8579
  }
8584
- .e-sidebarcontainer.e-right.e-open.e-push + div {
8580
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
8585
8581
  margin-left: 0;
8586
8582
  -webkit-transform: translateX(0);
8587
8583
  transform: translateX(0);
8588
8584
  margin-right: var(--sidebar-width);
8589
8585
  }
8590
- .e-sidebarcontainer.e-right.e-close.e-push + div {
8586
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
8591
8587
  margin-right: 0;
8592
8588
  -webkit-transform: translateX(0);
8593
8589
  transform: translateX(0);
8594
8590
  margin-left: 0;
8595
8591
  }
8596
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
8592
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
8597
8593
  margin-left: 0;
8598
8594
  -webkit-transform: translate(var(--sidebar-width));
8599
8595
  transform: translate(var(--sidebar-width));
8600
8596
  }
8601
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
8597
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
8602
8598
  margin-left: 0;
8603
8599
  -webkit-transform: translate(0);
8604
8600
  transform: translate(0);
8605
8601
  }
8606
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
8602
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
8607
8603
  margin-right: 0;
8608
8604
  margin-left: 0;
8609
8605
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
8610
8606
  transform: translate(calc(-1 * var(--sidebar-width)));
8611
8607
  }
8612
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
8608
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
8613
8609
  margin-right: 0;
8614
8610
  margin-left: 0;
8615
8611
  -webkit-transform: translate(0);
package/styles/bootstrap5.3.css CHANGED
@@ -271,7 +271,7 @@
271
271
  text-align: center;
272
272
  }
273
273
  .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
274
- padding: 7.4px 10.5px 8.4px 9.5px;
274
+ padding: 7.4px 10.5px 9.2px 9.5px;
275
275
  }
276
276
  .e-pager div.e-pagermsgdiv {
277
277
  padding-right: 6px;
@@ -522,7 +522,7 @@
522
522
  direction: rtl;
523
523
  }
524
524
  .e-pager.e-rtl .e-numericitem.e-currentitem, .e-pager.e-rtl .e-numericitem.e-currentitem:hover {
525
- padding: 7px 10.5px 8px 9.5px;
525
+ padding: 8px 10.5px 8.5px 9.5px;
526
526
  }
527
527
  .e-pager.e-rtl .e-numericitem.e-currentitem {
528
528
  border-left-color: var(--color-sf-primary-light);
@@ -1025,7 +1025,7 @@
1025
1025
  .e-bigger .e-pager .e-numericitem.e-currentitem, .e-bigger .e-pager .e-numericitem.e-currentitem:hover,
1026
1026
  .e-pager.e-bigger .e-numericitem.e-currentitem,
1027
1027
  .e-pager.e-bigger .e-numericitem.e-currentitem:hover {
1028
- padding: 9px 13px 10px 12px;
1028
+ padding: 9.7px 13px 10.4px 12px;
1029
1029
  }
1030
1030
  .e-bigger .e-pager .e-pp.e-spacing,
1031
1031
  .e-bigger .e-pager .e-np.e-spacing,
@@ -1097,7 +1097,7 @@
1097
1097
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
1098
1098
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
1099
1099
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem:hover {
1100
- padding: 9px 13px 10px 12px;
1100
+ padding: 11.3px 13px 10.4px 12px;
1101
1101
  }
1102
1102
  .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,
1103
1103
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
@@ -1552,11 +1552,9 @@
1552
1552
  background-repeat: repeat-x;
1553
1553
  }
1554
1554
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
1555
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
1556
1555
  background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
1557
1556
  }
1558
1557
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
1559
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
1560
1558
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
1561
1559
  }
1562
1560
  .e-hscroll.e-rtl .e-scroll-nav {
@@ -2077,11 +2075,9 @@
2077
2075
  background-repeat: repeat-x;
2078
2076
  }
2079
2077
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
2080
- background-image: -webkit-gradient(linear, left top, right top, from(var(--color-sf-content-bg-color-alt2)), to(transparent));
2081
2078
  background-image: linear-gradient(-270deg, var(--color-sf-content-bg-color-alt2) 0%, transparent 100%);
2082
2079
  }
2083
2080
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
2084
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(var(--color-sf-content-bg-color-alt2)));
2085
2081
  background-image: linear-gradient(-270deg, transparent 0%, var(--color-sf-content-bg-color-alt2) 100%);
2086
2082
  }
2087
2083
  .e-vscroll.e-rtl .e-scroll-nav {
@@ -11298,77 +11294,77 @@ ejs-sidebar {
11298
11294
  box-shadow: 0 0.8px 16px rgba(var(--color-sf-black), 0.15);
11299
11295
  }
11300
11296
 
11301
- .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 {
11297
+ .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 {
11302
11298
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
11303
11299
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
11304
11300
  transition: margin 0.5s ease, transform 0.5s ease;
11305
11301
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
11306
11302
  }
11307
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
11303
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
11308
11304
  margin-right: 0;
11309
11305
  -webkit-transform: translateX(0);
11310
11306
  transform: translateX(0);
11311
11307
  margin-left: var(--sidebar-width);
11312
11308
  }
11313
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
11309
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
11314
11310
  margin-right: 0;
11315
11311
  -webkit-transform: translateX(0);
11316
11312
  transform: translateX(0);
11317
11313
  margin-left: 0;
11318
11314
  }
11319
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
11315
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
11320
11316
  margin-left: 0;
11321
11317
  -webkit-transform: translateX(0);
11322
11318
  transform: translateX(0);
11323
11319
  margin-right: var(--sidebar-width);
11324
11320
  }
11325
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
11321
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
11326
11322
  margin-right: 0;
11327
11323
  -webkit-transform: translateX(0);
11328
11324
  transform: translateX(0);
11329
11325
  margin-left: 0;
11330
11326
  }
11331
- .e-sidebarcontainer.e-left.e-open.e-push + div {
11327
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
11332
11328
  margin-right: 0;
11333
11329
  -webkit-transform: translateX(0);
11334
11330
  transform: translateX(0);
11335
11331
  margin-left: var(--sidebar-width);
11336
11332
  }
11337
- .e-sidebarcontainer.e-left.e-close.e-push + div {
11333
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
11338
11334
  margin-right: 0;
11339
11335
  -webkit-transform: translateX(0);
11340
11336
  transform: translateX(0);
11341
11337
  margin-left: 0;
11342
11338
  }
11343
- .e-sidebarcontainer.e-right.e-open.e-push + div {
11339
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
11344
11340
  margin-left: 0;
11345
11341
  -webkit-transform: translateX(0);
11346
11342
  transform: translateX(0);
11347
11343
  margin-right: var(--sidebar-width);
11348
11344
  }
11349
- .e-sidebarcontainer.e-right.e-close.e-push + div {
11345
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
11350
11346
  margin-right: 0;
11351
11347
  -webkit-transform: translateX(0);
11352
11348
  transform: translateX(0);
11353
11349
  margin-left: 0;
11354
11350
  }
11355
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
11351
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
11356
11352
  margin-left: 0;
11357
11353
  -webkit-transform: translate(var(--sidebar-width));
11358
11354
  transform: translate(var(--sidebar-width));
11359
11355
  }
11360
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
11356
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
11361
11357
  margin-left: 0;
11362
11358
  -webkit-transform: translate(0);
11363
11359
  transform: translate(0);
11364
11360
  }
11365
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
11361
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
11366
11362
  margin-right: 0;
11367
11363
  margin-left: 0;
11368
11364
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
11369
11365
  transform: translate(calc(-1 * var(--sidebar-width)));
11370
11366
  }
11371
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
11367
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
11372
11368
  margin-right: 0;
11373
11369
  margin-left: 0;
11374
11370
  -webkit-transform: translate(0);
package/styles/bootstrap5.css CHANGED
@@ -103,7 +103,7 @@
103
103
  text-align: center;
104
104
  }
105
105
  .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
106
- padding: 7.4px 10.5px 8.4px 9.5px;
106
+ padding: 7.4px 10.5px 9.2px 9.5px;
107
107
  }
108
108
  .e-pager div.e-pagermsgdiv {
109
109
  padding-right: 6px;
@@ -121,7 +121,7 @@
121
121
  .e-pager .e-currentitem {
122
122
  border-radius: 0;
123
123
  cursor: pointer;
124
- padding: 10px 12.5px 11.5px;
124
+ padding: 10px 12.5px 11.6px;
125
125
  text-decoration: none;
126
126
  }
127
127
  .e-pager .e-currentitem {
@@ -224,14 +224,14 @@
224
224
  .e-pager .e-pp:hover,
225
225
  .e-pager .e-np:hover {
226
226
  font-size: 14px;
227
- padding: 10.4px 10.5px 11.4px;
227
+ padding: 10.4px 10.5px 11.6px;
228
228
  font-weight: bold;
229
229
  letter-spacing: 0;
230
230
  }
231
231
  .e-pager .e-np.e-focused,
232
232
  .e-pager .e-pp.e-focused {
233
233
  line-height: 1;
234
- padding: 10.4px 10.5px 11.4px;
234
+ padding: 10.4px 10.5px 11.6px;
235
235
  }
236
236
  .e-pager.e-adaptive {
237
237
  display: -webkit-box;
@@ -354,7 +354,7 @@
354
354
  direction: rtl;
355
355
  }
356
356
  .e-pager.e-rtl .e-numericitem.e-currentitem, .e-pager.e-rtl .e-numericitem.e-currentitem:hover {
357
- padding: 7px 10.5px 8px 9.5px;
357
+ padding: 8px 10.5px 8.5px 9.5px;
358
358
  }
359
359
  .e-pager.e-rtl .e-numericitem.e-currentitem {
360
360
  border-left-color: rgb(134, 182.5, 254);
@@ -655,7 +655,7 @@
655
655
  .e-pager.e-bigger .e-pagercontainer .e-lastpage,
656
656
  .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
657
657
  .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
658
- padding: 16px 14px 14px;
658
+ padding: 16.3px 14px 14px;
659
659
  }
660
660
  .e-bigger .e-pager .e-pagerconstant,
661
661
  .e-pager.e-bigger .e-pagerconstant {
@@ -689,7 +689,7 @@
689
689
  .e-bigger .e-pager .e-numericitem.e-currentitem, .e-bigger .e-pager .e-numericitem.e-currentitem:hover,
690
690
  .e-pager.e-bigger .e-numericitem.e-currentitem,
691
691
  .e-pager.e-bigger .e-numericitem.e-currentitem:hover {
692
- padding: 9px 13px 10px 12px;
692
+ padding: 9.7px 13px 10.4px 12px;
693
693
  }
694
694
  .e-bigger .e-pager .e-pp.e-spacing,
695
695
  .e-bigger .e-pager .e-np.e-spacing,
@@ -699,7 +699,7 @@
699
699
  .e-pager.e-bigger .e-np.e-spacing,
700
700
  .e-pager.e-bigger .e-pp.e-spacing:hover,
701
701
  .e-pager.e-bigger .e-np.e-spacing:hover {
702
- padding: 14px 14px 13px;
702
+ padding: 14px 14px 13.2px;
703
703
  }
704
704
  .e-bigger .e-pager .e-spacing,
705
705
  .e-bigger .e-pager .e-numericitem:hover,
@@ -708,7 +708,7 @@
708
708
  .e-pager.e-bigger .e-numericitem:hover,
709
709
  .e-pager.e-bigger .e-currentitem {
710
710
  border-radius: 0;
711
- padding: 12px 15px 13px;
711
+ padding: 12.2px 15px 13px;
712
712
  }
713
713
  .e-bigger .e-pager.e-rtl .e-spacing,
714
714
  .e-bigger .e-pager.e-rtl .e-numericitem:hover,
@@ -717,7 +717,7 @@
717
717
  .e-pager.e-bigger.e-rtl .e-numericitem:hover,
718
718
  .e-pager.e-bigger.e-rtl .e-currentitem {
719
719
  margin: 0;
720
- padding: 14px 14px 13px;
720
+ padding: 14px 14px 13.2px;
721
721
  }
722
722
  .e-bigger .e-pager.e-rtl .e-pagerdropdown,
723
723
  .e-pager.e-bigger.e-rtl .e-pagerdropdown {
@@ -761,7 +761,7 @@
761
761
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
762
762
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
763
763
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem:hover {
764
- padding: 9px 13px 10px 12px;
764
+ padding: 11.3px 13px 10.4px 12px;
765
765
  }
766
766
  .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,
767
767
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
@@ -801,7 +801,7 @@
801
801
  .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
802
802
  .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
803
803
  margin-right: 0;
804
- padding: 16px 14px 14px;
804
+ padding: 16.3px 14px 14px;
805
805
  }
806
806
  .e-bigger .e-pager .e-pp,
807
807
  .e-bigger .e-pager .e-np,
@@ -8962,77 +8962,77 @@ ejs-sidebar {
8962
8962
  box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
8963
8963
  }
8964
8964
 
8965
- .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 {
8965
+ .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 {
8966
8966
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8967
8967
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8968
8968
  transition: margin 0.5s ease, transform 0.5s ease;
8969
8969
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8970
8970
  }
8971
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
8971
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
8972
8972
  margin-right: 0;
8973
8973
  -webkit-transform: translateX(0);
8974
8974
  transform: translateX(0);
8975
8975
  margin-left: var(--sidebar-width);
8976
8976
  }
8977
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
8977
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
8978
8978
  margin-right: 0;
8979
8979
  -webkit-transform: translateX(0);
8980
8980
  transform: translateX(0);
8981
8981
  margin-left: 0;
8982
8982
  }
8983
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
8983
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
8984
8984
  margin-left: 0;
8985
8985
  -webkit-transform: translateX(0);
8986
8986
  transform: translateX(0);
8987
8987
  margin-right: var(--sidebar-width);
8988
8988
  }
8989
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
8989
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
8990
8990
  margin-right: 0;
8991
8991
  -webkit-transform: translateX(0);
8992
8992
  transform: translateX(0);
8993
8993
  margin-left: 0;
8994
8994
  }
8995
- .e-sidebarcontainer.e-left.e-open.e-push + div {
8995
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
8996
8996
  margin-right: 0;
8997
8997
  -webkit-transform: translateX(0);
8998
8998
  transform: translateX(0);
8999
8999
  margin-left: var(--sidebar-width);
9000
9000
  }
9001
- .e-sidebarcontainer.e-left.e-close.e-push + div {
9001
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
9002
9002
  margin-right: 0;
9003
9003
  -webkit-transform: translateX(0);
9004
9004
  transform: translateX(0);
9005
9005
  margin-left: 0;
9006
9006
  }
9007
- .e-sidebarcontainer.e-right.e-open.e-push + div {
9007
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
9008
9008
  margin-left: 0;
9009
9009
  -webkit-transform: translateX(0);
9010
9010
  transform: translateX(0);
9011
9011
  margin-right: var(--sidebar-width);
9012
9012
  }
9013
- .e-sidebarcontainer.e-right.e-close.e-push + div {
9013
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
9014
9014
  margin-right: 0;
9015
9015
  -webkit-transform: translateX(0);
9016
9016
  transform: translateX(0);
9017
9017
  margin-left: 0;
9018
9018
  }
9019
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
9019
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
9020
9020
  margin-left: 0;
9021
9021
  -webkit-transform: translate(var(--sidebar-width));
9022
9022
  transform: translate(var(--sidebar-width));
9023
9023
  }
9024
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
9024
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
9025
9025
  margin-left: 0;
9026
9026
  -webkit-transform: translate(0);
9027
9027
  transform: translate(0);
9028
9028
  }
9029
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
9029
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
9030
9030
  margin-right: 0;
9031
9031
  margin-left: 0;
9032
9032
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
9033
9033
  transform: translate(calc(-1 * var(--sidebar-width)));
9034
9034
  }
9035
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
9035
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
9036
9036
  margin-right: 0;
9037
9037
  margin-left: 0;
9038
9038
  -webkit-transform: translate(0);
package/styles/breadcrumb/material3-dark.css CHANGED
@@ -546,7 +546,6 @@
546
546
  }
547
547
 
548
548
  .e-breadcrumb-popup {
549
- 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));
550
549
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
551
550
  }
552
551
  .e-breadcrumb-popup .e-breadcrumb-text {
package/styles/breadcrumb/material3.css CHANGED
@@ -552,7 +552,6 @@
552
552
  }
553
553
 
554
554
  .e-breadcrumb-popup {
555
- 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));
556
555
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
557
556
  }
558
557
  .e-breadcrumb-popup .e-breadcrumb-text {
package/styles/carousel/material3-dark.css CHANGED
@@ -575,10 +575,8 @@
575
575
  box-shadow: none;
576
576
  }
577
577
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator div {
578
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
579
578
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
580
579
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14));
581
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14)));
582
580
  border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14));
583
581
  }
584
582
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:hover {
package/styles/carousel/material3.css CHANGED
@@ -581,10 +581,8 @@
581
581
  box-shadow: none;
582
582
  }
583
583
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator div {
584
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
585
584
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
586
585
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14));
587
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14)));
588
586
  border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14));
589
587
  }
590
588
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:hover {
package/styles/context-menu/material3-dark.css CHANGED
@@ -519,7 +519,6 @@
519
519
  /* 16px */
520
520
  .e-contextmenu-wrapper ul,
521
521
  .e-contextmenu-container ul {
522
- 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));
523
522
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
524
523
  color: rgba(var(--color-sf-on-surface));
525
524
  }
@@ -593,7 +592,6 @@
593
592
 
594
593
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
595
594
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
596
- 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));
597
595
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
598
596
  border: 1px solid rgba(var(--color-sf-outline-variant));
599
597
  }