@syncfusion/ej2-navigations 32.2.7 → 32.2.9

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 (59) 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 +68 -5
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +68 -5
  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 +5 -5
  12. package/src/accordion/accordion.js +7 -2
  13. package/src/common/menu-base.d.ts +2 -0
  14. package/src/common/menu-base.js +54 -3
  15. package/src/sidebar/sidebar.js +7 -0
  16. package/styles/appbar/material3-dark.css +0 -5
  17. package/styles/appbar/material3.css +0 -5
  18. package/styles/bds-lite.css +0 -4
  19. package/styles/bds.css +0 -4
  20. package/styles/bootstrap5.3-lite.css +0 -4
  21. package/styles/bootstrap5.3.css +0 -4
  22. package/styles/breadcrumb/material3-dark.css +0 -1
  23. package/styles/breadcrumb/material3.css +0 -1
  24. package/styles/carousel/material3-dark.css +0 -2
  25. package/styles/carousel/material3.css +0 -2
  26. package/styles/context-menu/material3-dark.css +0 -2
  27. package/styles/context-menu/material3.css +0 -2
  28. package/styles/fluent2-lite.css +0 -4
  29. package/styles/fluent2.css +0 -4
  30. package/styles/h-scroll/bds.css +0 -2
  31. package/styles/h-scroll/bootstrap5.3.css +0 -2
  32. package/styles/h-scroll/fluent2.css +0 -2
  33. package/styles/h-scroll/material3-dark.css +0 -4
  34. package/styles/h-scroll/material3.css +0 -4
  35. package/styles/h-scroll/tailwind3.css +0 -2
  36. package/styles/material3-dark-lite.css +0 -49
  37. package/styles/material3-dark.css +0 -49
  38. package/styles/material3-lite.css +0 -49
  39. package/styles/material3.css +0 -49
  40. package/styles/menu/material3-dark.css +0 -2
  41. package/styles/menu/material3.css +0 -2
  42. package/styles/sidebar/material3-dark.css +0 -1
  43. package/styles/sidebar/material3.css +0 -1
  44. package/styles/stepper/material3-dark.css +0 -4
  45. package/styles/stepper/material3.css +0 -4
  46. package/styles/tab/material3-dark.css +0 -12
  47. package/styles/tab/material3.css +0 -12
  48. package/styles/tailwind3-lite.css +0 -4
  49. package/styles/tailwind3.css +0 -4
  50. package/styles/toolbar/material3-dark.css +0 -11
  51. package/styles/toolbar/material3.css +0 -11
  52. package/styles/treeview/material3-dark.css +0 -1
  53. package/styles/treeview/material3.css +0 -1
  54. package/styles/v-scroll/bds.css +0 -2
  55. package/styles/v-scroll/bootstrap5.3.css +0 -2
  56. package/styles/v-scroll/fluent2.css +0 -2
  57. package/styles/v-scroll/material3-dark.css +0 -4
  58. package/styles/v-scroll/material3.css +0 -4
  59. package/styles/v-scroll/tailwind3.css +0 -2
package/styles/material3.css CHANGED
@@ -1576,15 +1576,12 @@
1576
1576
  background-repeat: repeat-x;
1577
1577
  }
1578
1578
  .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
1579
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-surface))), to(transparent));
1580
1579
  background-image: linear-gradient(-270deg, rgba(var(--color-sf-surface)) 0%, transparent 100%);
1581
1580
  }
1582
1581
  .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
1583
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(var(--color-sf-surface))));
1584
1582
  background-image: linear-gradient(-270deg, transparent 0%, rgba(var(--color-sf-surface)) 100%);
1585
1583
  }
1586
1584
  .e-hscroll.e-rtl .e-scroll-nav {
1587
- background: -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));
1588
1585
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1589
1586
  }
1590
1587
  .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
@@ -1629,7 +1626,6 @@
1629
1626
  color: rgba(var(--color-sf-on-surface-variant));
1630
1627
  }
1631
1628
  .e-hscroll .e-scroll-nav {
1632
- background: -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));
1633
1629
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1634
1630
  }
1635
1631
  .e-hscroll .e-scroll-nav.e-scroll-left-nav {
@@ -2103,15 +2099,12 @@
2103
2099
  background-repeat: repeat-x;
2104
2100
  }
2105
2101
  .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
2106
- background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-surface))), to(transparent));
2107
2102
  background-image: linear-gradient(-270deg, rgba(var(--color-sf-surface)) 0%, transparent 100%);
2108
2103
  }
2109
2104
  .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
2110
- background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(var(--color-sf-surface))));
2111
2105
  background-image: linear-gradient(-270deg, transparent 0%, rgba(var(--color-sf-surface)) 100%);
2112
2106
  }
2113
2107
  .e-vscroll.e-rtl .e-scroll-nav {
2114
- 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));
2115
2108
  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));
2116
2109
  }
2117
2110
  .e-vscroll.e-rtl .e-scroll-nav:hover {
@@ -2139,7 +2132,6 @@
2139
2132
  color: rgba(var(--color-sf-primary-container));
2140
2133
  }
2141
2134
  .e-vscroll .e-scroll-nav {
2142
- 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));
2143
2135
  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));
2144
2136
  }
2145
2137
  .e-vscroll .e-scroll-nav.e-scroll-up-nav {
@@ -3051,14 +3043,12 @@
3051
3043
  /* stylelint-disable property-no-vendor-prefix */
3052
3044
  .e-toolbar {
3053
3045
  -webkit-tap-highlight-color: rgba(var(--color-sf-on-surface), 0.04);
3054
- 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));
3055
3046
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3056
3047
  border: 0 solid rgba(var(--color-sf-outline-variant));
3057
3048
  -webkit-box-shadow: none;
3058
3049
  box-shadow: none;
3059
3050
  }
3060
3051
  .e-toolbar .e-toolbar-items {
3061
- 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));
3062
3052
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3063
3053
  }
3064
3054
  .e-toolbar .e-toolbar-item .e-tbar-btn {
@@ -3075,7 +3065,6 @@
3075
3065
  color: rgba(var(--color-sf-on-surface-variant));
3076
3066
  }
3077
3067
  .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
3078
- 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));
3079
3068
  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));
3080
3069
  -webkit-box-shadow: none;
3081
3070
  box-shadow: none;
@@ -3144,7 +3133,6 @@
3144
3133
  border-width: 0 1px 0 0;
3145
3134
  }
3146
3135
  .e-toolbar .e-toolbar-item.e-overlay {
3147
- 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));
3148
3136
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3149
3137
  opacity: 0.38;
3150
3138
  color: rgba(var(--color-sf-on-surface-variant));
@@ -3167,7 +3155,6 @@
3167
3155
  border-width: 0 0 1px 0;
3168
3156
  }
3169
3157
  .e-toolbar .e-hor-nav {
3170
- 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));
3171
3158
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3172
3159
  border: solid rgba(var(--color-sf-outline-variant));
3173
3160
  border-width: 0 0 0 1px;
@@ -3183,7 +3170,6 @@
3183
3170
  -webkit-box-shadow: none;
3184
3171
  box-shadow: none;
3185
3172
  color: rgba(var(--color-sf-on-primary-container));
3186
- 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));
3187
3173
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3188
3174
  }
3189
3175
  .e-toolbar .e-hor-nav:active .e-icons {
@@ -3245,7 +3231,6 @@
3245
3231
  color: rgba(var(--color-sf-on-primary-container));
3246
3232
  }
3247
3233
  .e-toolbar .e-toolbar-pop {
3248
- 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));
3249
3234
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
3250
3235
  border: 0 solid rgba(var(--color-sf-outline-variant));
3251
3236
  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
@@ -3285,7 +3270,6 @@
3285
3270
  background: transparent;
3286
3271
  }
3287
3272
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
3288
- 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));
3289
3273
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3290
3274
  -webkit-box-shadow: none;
3291
3275
  box-shadow: none;
@@ -3321,15 +3305,12 @@
3321
3305
  border-width: 0 1px 0 0;
3322
3306
  }
3323
3307
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay {
3324
- 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));
3325
3308
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3326
3309
  }
3327
3310
  .e-toolbar.e-extended-toolbar .e-toolbar-pop {
3328
- 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));
3329
3311
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3330
3312
  }
3331
3313
  .e-toolbar.e-rtl .e-hor-nav {
3332
- 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));
3333
3314
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3334
3315
  border: solid rgba(var(--color-sf-outline-variant));
3335
3316
  border-width: 0 1px 0 0;
@@ -4987,10 +4968,8 @@
4987
4968
  box-shadow: none;
4988
4969
  }
4989
4970
  .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator div {
4990
- 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));
4991
4971
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
4992
4972
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14));
4993
- 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)));
4994
4973
  border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14));
4995
4974
  }
4996
4975
  .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 {
@@ -5441,7 +5420,6 @@
5441
5420
 
5442
5421
  .e-contextmenu-wrapper ul,
5443
5422
  .e-contextmenu-container ul {
5444
- 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));
5445
5423
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
5446
5424
  color: rgba(var(--color-sf-on-surface));
5447
5425
  }
@@ -5515,7 +5493,6 @@
5515
5493
 
5516
5494
  .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
5517
5495
  .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
5518
- 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));
5519
5496
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
5520
5497
  border: 1px solid rgba(var(--color-sf-outline-variant));
5521
5498
  }
@@ -7820,7 +7797,6 @@
7820
7797
  border: initial;
7821
7798
  }
7822
7799
  .e-tab .e-tab-header .e-toolbar-pop {
7823
- 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));
7824
7800
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
7825
7801
  border: 1px var(--color-sf-black);
7826
7802
  border-radius: calc(var(--e-radius) * 0.25);
@@ -7895,7 +7871,6 @@
7895
7871
  }
7896
7872
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
7897
7873
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
7898
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
7899
7874
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
7900
7875
  color: rgba(var(--color-sf-on-surface-variant));
7901
7876
  border: 0;
@@ -7907,7 +7882,6 @@
7907
7882
  }
7908
7883
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active,
7909
7884
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
7910
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
7911
7885
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
7912
7886
  border-color: unset;
7913
7887
  color: rgba(var(--color-sf-on-surface-variant));
@@ -7961,7 +7935,6 @@
7961
7935
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
7962
7936
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
7963
7937
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon {
7964
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
7965
7938
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
7966
7939
  border: 0;
7967
7940
  border-radius: calc(var(--e-radius) * 0);
@@ -8087,12 +8060,10 @@
8087
8060
  background: none;
8088
8061
  }
8089
8062
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover {
8090
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
8091
8063
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
8092
8064
  border-color: rgba(var(--color-sf-outline-variant), 0.12) transparent transparent;
8093
8065
  }
8094
8066
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover:active:focus {
8095
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
8096
8067
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
8097
8068
  }
8098
8069
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
@@ -8102,7 +8073,6 @@
8102
8073
  background: none;
8103
8074
  }
8104
8075
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus {
8105
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
8106
8076
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
8107
8077
  }
8108
8078
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus:hover:active .e-nav-arrow {
@@ -8171,7 +8141,6 @@
8171
8141
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
8172
8142
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
8173
8143
  color: rgba(var(--color-sf-on-surface-variant));
8174
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
8175
8144
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
8176
8145
  border: 0;
8177
8146
  }
@@ -8526,7 +8495,6 @@
8526
8495
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
8527
8496
  color: rgba(var(--color-sf-on-primary));
8528
8497
  border: 0;
8529
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
8530
8498
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
8531
8499
  }
8532
8500
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
@@ -8536,7 +8504,6 @@
8536
8504
  }
8537
8505
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active,
8538
8506
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active {
8539
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
8540
8507
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
8541
8508
  border-color: unset;
8542
8509
  color: rgba(var(--color-sf-on-primary));
@@ -8577,7 +8544,6 @@
8577
8544
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
8578
8545
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
8579
8546
  color: rgba(var(--color-sf-on-primary));
8580
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
8581
8547
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
8582
8548
  border: 0;
8583
8549
  }
@@ -8771,7 +8737,6 @@
8771
8737
  }
8772
8738
 
8773
8739
  .e-tab-clone-element {
8774
- 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));
8775
8740
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
8776
8741
  color: rgba(var(--color-sf-on-surface-variant));
8777
8742
  }
@@ -10890,7 +10855,6 @@
10890
10855
  .e-treeview.e-drag-item {
10891
10856
  background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
10892
10857
  font-family: var(--e-font-family);
10893
- 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));
10894
10858
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
10895
10859
  }
10896
10860
  .e-treeview.e-drag-item .e-icon-collapsible::before,
@@ -11311,7 +11275,6 @@ ejs-sidebar {
11311
11275
  .e-sidebar {
11312
11276
  /* stylelint-disable property-no-vendor-prefix */
11313
11277
  -webkit-tap-highlight-color: transparent;
11314
- 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));
11315
11278
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
11316
11279
  height: 100%;
11317
11280
  overflow: auto;
@@ -12399,7 +12362,6 @@ ejs-sidebar {
12399
12362
  }
12400
12363
  .e-menu-wrapper.e-menu-popup,
12401
12364
  .e-menu-container.e-menu-popup {
12402
- 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));
12403
12365
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
12404
12366
  }
12405
12367
  .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
@@ -12428,7 +12390,6 @@ ejs-sidebar {
12428
12390
  }
12429
12391
  .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav,
12430
12392
  .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav {
12431
- 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));
12432
12393
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
12433
12394
  border-color: rgba(var(--color-sf-outline-variant));
12434
12395
  }
@@ -13366,7 +13327,6 @@ ejs-sidebar {
13366
13327
  }
13367
13328
 
13368
13329
  .e-breadcrumb-popup {
13369
- 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));
13370
13330
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
13371
13331
  }
13372
13332
  .e-breadcrumb-popup .e-breadcrumb-text {
@@ -13800,12 +13760,10 @@ ejs-sidebar {
13800
13760
  box-shadow: 0 1.6px 3.6px rgba(0, 0, 0, 0.13), 0 0.3px 0.9px rgba(0, 0, 0, 0.1);
13801
13761
  }
13802
13762
  .e-appbar.e-light {
13803
- 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));
13804
13763
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
13805
13764
  color: rgba(var(--color-sf-on-surface));
13806
13765
  border: 1px solid;
13807
13766
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
13808
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08)));
13809
13767
  border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
13810
13768
  }
13811
13769
  .e-appbar.e-light .e-appbar-separator {
@@ -13828,13 +13786,11 @@ ejs-sidebar {
13828
13786
  }
13829
13787
  .e-appbar.e-light .e-menu-wrapper.e-inherit,
13830
13788
  .e-appbar.e-light .e-menu-container.e-inherit {
13831
- 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));
13832
13789
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
13833
13790
  color: rgba(var(--color-sf-on-surface));
13834
13791
  -webkit-box-shadow: none;
13835
13792
  box-shadow: none;
13836
13793
  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
13837
- border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08)));
13838
13794
  border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
13839
13795
  }
13840
13796
  .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
@@ -13917,7 +13873,6 @@ ejs-sidebar {
13917
13873
  }
13918
13874
 
13919
13875
  .e-light.e-inherit.e-input-group, .e-light.e-inherit.e-input-group.e-control-wrapper, .e-light.e-inherit.e-float-input, .e-light.e-inherit.e-float-input.e-input-group, .e-light.e-inherit.e-float-input.e-control-wrapper, .e-light.e-inherit.e-float-input.e-input-group.e-control-wrapper, .e-light.e-inherit.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-light.e-inherit.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
13920
- 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));
13921
13876
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
13922
13877
  color: rgba(var(--color-sf-on-surface));
13923
13878
  }
@@ -14723,7 +14678,6 @@ ejs-sidebar {
14723
14678
  .e-stepper .e-step,
14724
14679
  .e-stepper .e-indicator {
14725
14680
  color: rgba(var(--color-sf-on-surface));
14726
- 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));
14727
14681
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
14728
14682
  }
14729
14683
  .e-stepper .e-step-indicator {
@@ -14784,7 +14738,6 @@ ejs-sidebar {
14784
14738
  }
14785
14739
  .e-stepper .e-step-disabled .e-indicator,
14786
14740
  .e-stepper .e-step-disabled .e-step {
14787
- 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));
14788
14741
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
14789
14742
  color: rgba(var(--color-sf-on-surface), 0.38);
14790
14743
  }
@@ -14845,7 +14798,6 @@ ejs-sidebar {
14845
14798
  .e-stepper:not(.e-step-type-label) .e-indicator:hover,
14846
14799
  .e-stepper:not(.e-step-type-label) .e-step:hover {
14847
14800
  color: rgba(var(--color-sf-on-primary));
14848
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
14849
14801
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
14850
14802
  }
14851
14803
  .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
@@ -14853,7 +14805,6 @@ ejs-sidebar {
14853
14805
  }
14854
14806
  .e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
14855
14807
  .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
14856
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
14857
14808
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
14858
14809
  }
14859
14810
  .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
package/styles/menu/material3-dark.css CHANGED
@@ -977,7 +977,6 @@
977
977
  }
978
978
  .e-menu-wrapper.e-menu-popup,
979
979
  .e-menu-container.e-menu-popup {
980
- 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));
981
980
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
982
981
  }
983
982
  .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
@@ -1006,7 +1005,6 @@
1006
1005
  }
1007
1006
  .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav,
1008
1007
  .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav {
1009
- 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));
1010
1008
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1011
1009
  border-color: rgba(var(--color-sf-outline-variant));
1012
1010
  }
package/styles/menu/material3.css CHANGED
@@ -983,7 +983,6 @@
983
983
  }
984
984
  .e-menu-wrapper.e-menu-popup,
985
985
  .e-menu-container.e-menu-popup {
986
- 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));
987
986
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
988
987
  }
989
988
  .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
@@ -1012,7 +1011,6 @@
1012
1011
  }
1013
1012
  .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav,
1014
1013
  .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav {
1015
- 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));
1016
1014
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
1017
1015
  border-color: rgba(var(--color-sf-outline-variant));
1018
1016
  }
package/styles/sidebar/material3-dark.css CHANGED
@@ -174,7 +174,6 @@ ejs-sidebar {
174
174
  .e-sidebar {
175
175
  /* stylelint-disable property-no-vendor-prefix */
176
176
  -webkit-tap-highlight-color: transparent;
177
- 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));
178
177
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
179
178
  height: 100%;
180
179
  overflow: auto;
package/styles/sidebar/material3.css CHANGED
@@ -178,7 +178,6 @@ ejs-sidebar {
178
178
  .e-sidebar {
179
179
  /* stylelint-disable property-no-vendor-prefix */
180
180
  -webkit-tap-highlight-color: transparent;
181
- 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));
182
181
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
183
182
  height: 100%;
184
183
  overflow: auto;
package/styles/stepper/material3-dark.css CHANGED
@@ -713,7 +713,6 @@
713
713
  .e-stepper .e-step,
714
714
  .e-stepper .e-indicator {
715
715
  color: rgba(var(--color-sf-on-surface));
716
- 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));
717
716
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
718
717
  }
719
718
  .e-stepper .e-step-indicator {
@@ -774,7 +773,6 @@
774
773
  }
775
774
  .e-stepper .e-step-disabled .e-indicator,
776
775
  .e-stepper .e-step-disabled .e-step {
777
- 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));
778
776
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
779
777
  color: rgba(var(--color-sf-on-surface), 0.38);
780
778
  }
@@ -835,7 +833,6 @@
835
833
  .e-stepper:not(.e-step-type-label) .e-indicator:hover,
836
834
  .e-stepper:not(.e-step-type-label) .e-step:hover {
837
835
  color: rgba(var(--color-sf-on-primary));
838
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
839
836
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
840
837
  }
841
838
  .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
@@ -843,7 +840,6 @@
843
840
  }
844
841
  .e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
845
842
  .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
846
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
847
843
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
848
844
  }
849
845
  .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
package/styles/stepper/material3.css CHANGED
@@ -719,7 +719,6 @@
719
719
  .e-stepper .e-step,
720
720
  .e-stepper .e-indicator {
721
721
  color: rgba(var(--color-sf-on-surface));
722
- 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));
723
722
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
724
723
  }
725
724
  .e-stepper .e-step-indicator {
@@ -780,7 +779,6 @@
780
779
  }
781
780
  .e-stepper .e-step-disabled .e-indicator,
782
781
  .e-stepper .e-step-disabled .e-step {
783
- 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));
784
782
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
785
783
  color: rgba(var(--color-sf-on-surface), 0.38);
786
784
  }
@@ -841,7 +839,6 @@
841
839
  .e-stepper:not(.e-step-type-label) .e-indicator:hover,
842
840
  .e-stepper:not(.e-step-type-label) .e-step:hover {
843
841
  color: rgba(var(--color-sf-on-primary));
844
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
845
842
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
846
843
  }
847
844
  .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
@@ -849,7 +846,6 @@
849
846
  }
850
847
  .e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
851
848
  .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
852
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
853
849
  background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
854
850
  }
855
851
  .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
package/styles/tab/material3-dark.css CHANGED
@@ -2229,7 +2229,6 @@
2229
2229
  border: initial;
2230
2230
  }
2231
2231
  .e-tab .e-tab-header .e-toolbar-pop {
2232
- 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));
2233
2232
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
2234
2233
  border: 1px var(--color-sf-black);
2235
2234
  border-radius: calc(var(--e-radius) * 0.25);
@@ -2304,7 +2303,6 @@
2304
2303
  }
2305
2304
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
2306
2305
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
2307
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2308
2306
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2309
2307
  color: rgba(var(--color-sf-on-surface-variant));
2310
2308
  border: 0;
@@ -2316,7 +2314,6 @@
2316
2314
  }
2317
2315
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active,
2318
2316
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
2319
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2320
2317
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2321
2318
  border-color: unset;
2322
2319
  color: rgba(var(--color-sf-on-surface-variant));
@@ -2370,7 +2367,6 @@
2370
2367
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
2371
2368
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
2372
2369
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon {
2373
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2374
2370
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2375
2371
  border: 0;
2376
2372
  border-radius: calc(var(--e-radius) * 0);
@@ -2496,12 +2492,10 @@
2496
2492
  background: none;
2497
2493
  }
2498
2494
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover {
2499
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2500
2495
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2501
2496
  border-color: rgba(var(--color-sf-outline-variant), 0.12) transparent transparent;
2502
2497
  }
2503
2498
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover:active:focus {
2504
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2505
2499
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2506
2500
  }
2507
2501
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
@@ -2511,7 +2505,6 @@
2511
2505
  background: none;
2512
2506
  }
2513
2507
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus {
2514
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2515
2508
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2516
2509
  }
2517
2510
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus:hover:active .e-nav-arrow {
@@ -2580,7 +2573,6 @@
2580
2573
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
2581
2574
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
2582
2575
  color: rgba(var(--color-sf-on-surface-variant));
2583
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2584
2576
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2585
2577
  border: 0;
2586
2578
  }
@@ -2935,7 +2927,6 @@
2935
2927
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
2936
2928
  color: rgba(var(--color-sf-on-primary));
2937
2929
  border: 0;
2938
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2939
2930
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2940
2931
  }
2941
2932
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
@@ -2945,7 +2936,6 @@
2945
2936
  }
2946
2937
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active,
2947
2938
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active {
2948
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2949
2939
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2950
2940
  border-color: unset;
2951
2941
  color: rgba(var(--color-sf-on-primary));
@@ -2986,7 +2976,6 @@
2986
2976
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
2987
2977
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
2988
2978
  color: rgba(var(--color-sf-on-primary));
2989
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2990
2979
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2991
2980
  border: 0;
2992
2981
  }
@@ -3180,7 +3169,6 @@
3180
3169
  }
3181
3170
 
3182
3171
  .e-tab-clone-element {
3183
- 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));
3184
3172
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3185
3173
  color: rgba(var(--color-sf-on-surface-variant));
3186
3174
  }
package/styles/tab/material3.css CHANGED
@@ -2235,7 +2235,6 @@
2235
2235
  border: initial;
2236
2236
  }
2237
2237
  .e-tab .e-tab-header .e-toolbar-pop {
2238
- 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));
2239
2238
  background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
2240
2239
  border: 1px var(--color-sf-black);
2241
2240
  border-radius: calc(var(--e-radius) * 0.25);
@@ -2310,7 +2309,6 @@
2310
2309
  }
2311
2310
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow,
2312
2311
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow {
2313
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2314
2312
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2315
2313
  color: rgba(var(--color-sf-on-surface-variant));
2316
2314
  border: 0;
@@ -2322,7 +2320,6 @@
2322
2320
  }
2323
2321
  .e-tab .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active,
2324
2322
  .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active {
2325
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2326
2323
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2327
2324
  border-color: unset;
2328
2325
  color: rgba(var(--color-sf-on-surface-variant));
@@ -2376,7 +2373,6 @@
2376
2373
  .e-tab .e-tab-header .e-hor-nav:focus .e-popup-down-icon,
2377
2374
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-up-icon,
2378
2375
  .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):focus .e-popup-down-icon {
2379
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2380
2376
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2381
2377
  border: 0;
2382
2378
  border-radius: calc(var(--e-radius) * 0);
@@ -2502,12 +2498,10 @@
2502
2498
  background: none;
2503
2499
  }
2504
2500
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover {
2505
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2506
2501
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2507
2502
  border-color: rgba(var(--color-sf-outline-variant), 0.12) transparent transparent;
2508
2503
  }
2509
2504
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover:active:focus {
2510
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2511
2505
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2512
2506
  }
2513
2507
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:hover .e-nav-arrow {
@@ -2517,7 +2511,6 @@
2517
2511
  background: none;
2518
2512
  }
2519
2513
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus {
2520
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2521
2514
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2522
2515
  }
2523
2516
  .e-tab .e-tab-header.e-vertical .e-scroll-nav:focus:hover:active .e-nav-arrow {
@@ -2586,7 +2579,6 @@
2586
2579
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
2587
2580
  .e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
2588
2581
  color: rgba(var(--color-sf-on-surface-variant));
2589
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2590
2582
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2591
2583
  border: 0;
2592
2584
  }
@@ -2941,7 +2933,6 @@
2941
2933
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
2942
2934
  color: rgba(var(--color-sf-on-primary));
2943
2935
  border: 0;
2944
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2945
2936
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2946
2937
  }
2947
2938
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:hover,
@@ -2951,7 +2942,6 @@
2951
2942
  }
2952
2943
  .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus .e-nav-arrow:active,
2953
2944
  .e-tab.e-background .e-tab-header .e-scroll-nav:focus .e-nav-arrow:active {
2954
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2955
2945
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2956
2946
  border-color: unset;
2957
2947
  color: rgba(var(--color-sf-on-primary));
@@ -2992,7 +2982,6 @@
2992
2982
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
2993
2983
  .e-tab.e-background .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
2994
2984
  color: rgba(var(--color-sf-on-primary));
2995
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
2996
2985
  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
2997
2986
  border: 0;
2998
2987
  }
@@ -3186,7 +3175,6 @@
3186
3175
  }
3187
3176
 
3188
3177
  .e-tab-clone-element {
3189
- 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));
3190
3178
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
3191
3179
  color: rgba(var(--color-sf-on-surface-variant));
3192
3180
  }