@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/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;
@@ -249,77 +248,77 @@ ejs-sidebar {
249
248
  box-shadow: rgba(var(--color-sf-shadow));
250
249
  }
251
250
 
252
- .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 {
251
+ .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 {
253
252
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
254
253
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
255
254
  transition: margin 0.5s ease, transform 0.5s ease;
256
255
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
257
256
  }
258
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
257
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
259
258
  margin-right: 0;
260
259
  -webkit-transform: translateX(0);
261
260
  transform: translateX(0);
262
261
  margin-left: var(--sidebar-width);
263
262
  }
264
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
263
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
265
264
  margin-right: 0;
266
265
  -webkit-transform: translateX(0);
267
266
  transform: translateX(0);
268
267
  margin-left: 0;
269
268
  }
270
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
269
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
271
270
  margin-left: 0;
272
271
  -webkit-transform: translateX(0);
273
272
  transform: translateX(0);
274
273
  margin-right: var(--sidebar-width);
275
274
  }
276
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
275
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
277
276
  margin-right: 0;
278
277
  -webkit-transform: translateX(0);
279
278
  transform: translateX(0);
280
279
  margin-left: 0;
281
280
  }
282
- .e-sidebarcontainer.e-left.e-open.e-push + div {
281
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
283
282
  margin-right: 0;
284
283
  -webkit-transform: translateX(0);
285
284
  transform: translateX(0);
286
285
  margin-left: var(--sidebar-width);
287
286
  }
288
- .e-sidebarcontainer.e-left.e-close.e-push + div {
287
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
289
288
  margin-right: 0;
290
289
  -webkit-transform: translateX(0);
291
290
  transform: translateX(0);
292
291
  margin-left: 0;
293
292
  }
294
- .e-sidebarcontainer.e-right.e-open.e-push + div {
293
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
295
294
  margin-left: 0;
296
295
  -webkit-transform: translateX(0);
297
296
  transform: translateX(0);
298
297
  margin-right: var(--sidebar-width);
299
298
  }
300
- .e-sidebarcontainer.e-right.e-close.e-push + div {
299
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
301
300
  margin-right: 0;
302
301
  -webkit-transform: translateX(0);
303
302
  transform: translateX(0);
304
303
  margin-left: 0;
305
304
  }
306
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
305
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
307
306
  margin-left: 0;
308
307
  -webkit-transform: translate(var(--sidebar-width));
309
308
  transform: translate(var(--sidebar-width));
310
309
  }
311
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
310
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
312
311
  margin-left: 0;
313
312
  -webkit-transform: translate(0);
314
313
  transform: translate(0);
315
314
  }
316
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
315
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
317
316
  margin-right: 0;
318
317
  margin-left: 0;
319
318
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
320
319
  transform: translate(calc(-1 * var(--sidebar-width)));
321
320
  }
322
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
321
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
323
322
  margin-right: 0;
324
323
  margin-left: 0;
325
324
  -webkit-transform: translate(0);
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;
@@ -253,77 +252,77 @@ ejs-sidebar {
253
252
  box-shadow: rgba(var(--color-sf-shadow));
254
253
  }
255
254
 
256
- .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 {
255
+ .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 {
257
256
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
258
257
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
259
258
  transition: margin 0.5s ease, transform 0.5s ease;
260
259
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
261
260
  }
262
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
261
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
263
262
  margin-right: 0;
264
263
  -webkit-transform: translateX(0);
265
264
  transform: translateX(0);
266
265
  margin-left: var(--sidebar-width);
267
266
  }
268
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
267
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
269
268
  margin-right: 0;
270
269
  -webkit-transform: translateX(0);
271
270
  transform: translateX(0);
272
271
  margin-left: 0;
273
272
  }
274
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
273
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
275
274
  margin-left: 0;
276
275
  -webkit-transform: translateX(0);
277
276
  transform: translateX(0);
278
277
  margin-right: var(--sidebar-width);
279
278
  }
280
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
279
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
281
280
  margin-right: 0;
282
281
  -webkit-transform: translateX(0);
283
282
  transform: translateX(0);
284
283
  margin-left: 0;
285
284
  }
286
- .e-sidebarcontainer.e-left.e-open.e-push + div {
285
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
287
286
  margin-right: 0;
288
287
  -webkit-transform: translateX(0);
289
288
  transform: translateX(0);
290
289
  margin-left: var(--sidebar-width);
291
290
  }
292
- .e-sidebarcontainer.e-left.e-close.e-push + div {
291
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
293
292
  margin-right: 0;
294
293
  -webkit-transform: translateX(0);
295
294
  transform: translateX(0);
296
295
  margin-left: 0;
297
296
  }
298
- .e-sidebarcontainer.e-right.e-open.e-push + div {
297
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
299
298
  margin-left: 0;
300
299
  -webkit-transform: translateX(0);
301
300
  transform: translateX(0);
302
301
  margin-right: var(--sidebar-width);
303
302
  }
304
- .e-sidebarcontainer.e-right.e-close.e-push + div {
303
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
305
304
  margin-right: 0;
306
305
  -webkit-transform: translateX(0);
307
306
  transform: translateX(0);
308
307
  margin-left: 0;
309
308
  }
310
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
309
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
311
310
  margin-left: 0;
312
311
  -webkit-transform: translate(var(--sidebar-width));
313
312
  transform: translate(var(--sidebar-width));
314
313
  }
315
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
314
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
316
315
  margin-left: 0;
317
316
  -webkit-transform: translate(0);
318
317
  transform: translate(0);
319
318
  }
320
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
319
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
321
320
  margin-right: 0;
322
321
  margin-left: 0;
323
322
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
324
323
  transform: translate(calc(-1 * var(--sidebar-width)));
325
324
  }
326
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
325
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
327
326
  margin-right: 0;
328
327
  margin-left: 0;
329
328
  -webkit-transform: translate(0);
package/styles/sidebar/tailwind-dark.css CHANGED
@@ -84,77 +84,77 @@ ejs-sidebar {
84
84
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
85
85
  }
86
86
 
87
- .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 {
87
+ .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 {
88
88
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
89
89
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
90
90
  transition: margin 0.5s ease, transform 0.5s ease;
91
91
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
92
92
  }
93
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
93
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
94
94
  margin-right: 0;
95
95
  -webkit-transform: translateX(0);
96
96
  transform: translateX(0);
97
97
  margin-left: var(--sidebar-width);
98
98
  }
99
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
99
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
100
100
  margin-right: 0;
101
101
  -webkit-transform: translateX(0);
102
102
  transform: translateX(0);
103
103
  margin-left: 0;
104
104
  }
105
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
105
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
106
106
  margin-left: 0;
107
107
  -webkit-transform: translateX(0);
108
108
  transform: translateX(0);
109
109
  margin-right: var(--sidebar-width);
110
110
  }
111
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
111
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
112
112
  margin-right: 0;
113
113
  -webkit-transform: translateX(0);
114
114
  transform: translateX(0);
115
115
  margin-left: 0;
116
116
  }
117
- .e-sidebarcontainer.e-left.e-open.e-push + div {
117
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
118
118
  margin-right: 0;
119
119
  -webkit-transform: translateX(0);
120
120
  transform: translateX(0);
121
121
  margin-left: var(--sidebar-width);
122
122
  }
123
- .e-sidebarcontainer.e-left.e-close.e-push + div {
123
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
124
124
  margin-right: 0;
125
125
  -webkit-transform: translateX(0);
126
126
  transform: translateX(0);
127
127
  margin-left: 0;
128
128
  }
129
- .e-sidebarcontainer.e-right.e-open.e-push + div {
129
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
130
130
  margin-left: 0;
131
131
  -webkit-transform: translateX(0);
132
132
  transform: translateX(0);
133
133
  margin-right: var(--sidebar-width);
134
134
  }
135
- .e-sidebarcontainer.e-right.e-close.e-push + div {
135
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
136
136
  margin-right: 0;
137
137
  -webkit-transform: translateX(0);
138
138
  transform: translateX(0);
139
139
  margin-left: 0;
140
140
  }
141
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
141
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
142
142
  margin-left: 0;
143
143
  -webkit-transform: translate(var(--sidebar-width));
144
144
  transform: translate(var(--sidebar-width));
145
145
  }
146
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
146
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
147
147
  margin-left: 0;
148
148
  -webkit-transform: translate(0);
149
149
  transform: translate(0);
150
150
  }
151
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
151
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
152
152
  margin-right: 0;
153
153
  margin-left: 0;
154
154
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
155
155
  transform: translate(calc(-1 * var(--sidebar-width)));
156
156
  }
157
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
157
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
158
158
  margin-right: 0;
159
159
  margin-left: 0;
160
160
  -webkit-transform: translate(0);
package/styles/sidebar/tailwind.css CHANGED
@@ -84,77 +84,77 @@ ejs-sidebar {
84
84
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
85
85
  }
86
86
 
87
- .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 {
87
+ .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 {
88
88
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
89
89
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
90
90
  transition: margin 0.5s ease, transform 0.5s ease;
91
91
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
92
92
  }
93
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
93
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
94
94
  margin-right: 0;
95
95
  -webkit-transform: translateX(0);
96
96
  transform: translateX(0);
97
97
  margin-left: var(--sidebar-width);
98
98
  }
99
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
99
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
100
100
  margin-right: 0;
101
101
  -webkit-transform: translateX(0);
102
102
  transform: translateX(0);
103
103
  margin-left: 0;
104
104
  }
105
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
105
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
106
106
  margin-left: 0;
107
107
  -webkit-transform: translateX(0);
108
108
  transform: translateX(0);
109
109
  margin-right: var(--sidebar-width);
110
110
  }
111
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
111
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
112
112
  margin-right: 0;
113
113
  -webkit-transform: translateX(0);
114
114
  transform: translateX(0);
115
115
  margin-left: 0;
116
116
  }
117
- .e-sidebarcontainer.e-left.e-open.e-push + div {
117
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
118
118
  margin-right: 0;
119
119
  -webkit-transform: translateX(0);
120
120
  transform: translateX(0);
121
121
  margin-left: var(--sidebar-width);
122
122
  }
123
- .e-sidebarcontainer.e-left.e-close.e-push + div {
123
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
124
124
  margin-right: 0;
125
125
  -webkit-transform: translateX(0);
126
126
  transform: translateX(0);
127
127
  margin-left: 0;
128
128
  }
129
- .e-sidebarcontainer.e-right.e-open.e-push + div {
129
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
130
130
  margin-left: 0;
131
131
  -webkit-transform: translateX(0);
132
132
  transform: translateX(0);
133
133
  margin-right: var(--sidebar-width);
134
134
  }
135
- .e-sidebarcontainer.e-right.e-close.e-push + div {
135
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
136
136
  margin-right: 0;
137
137
  -webkit-transform: translateX(0);
138
138
  transform: translateX(0);
139
139
  margin-left: 0;
140
140
  }
141
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
141
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
142
142
  margin-left: 0;
143
143
  -webkit-transform: translate(var(--sidebar-width));
144
144
  transform: translate(var(--sidebar-width));
145
145
  }
146
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
146
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
147
147
  margin-left: 0;
148
148
  -webkit-transform: translate(0);
149
149
  transform: translate(0);
150
150
  }
151
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
151
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
152
152
  margin-right: 0;
153
153
  margin-left: 0;
154
154
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
155
155
  transform: translate(calc(-1 * var(--sidebar-width)));
156
156
  }
157
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
157
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
158
158
  margin-right: 0;
159
159
  margin-left: 0;
160
160
  -webkit-transform: translate(0);
package/styles/sidebar/tailwind3.css CHANGED
@@ -232,77 +232,77 @@ ejs-sidebar {
232
232
  box-shadow: 0 1px 2px -1px rgba(var(--color-sf-black), 0.1), 0 1px 3px 0 rgba(var(--color-sf-black), 0.1);
233
233
  }
234
234
 
235
- .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 {
235
+ .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 {
236
236
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
237
237
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
238
238
  transition: margin 0.5s ease, transform 0.5s ease;
239
239
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
240
240
  }
241
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
241
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
242
242
  margin-right: 0;
243
243
  -webkit-transform: translateX(0);
244
244
  transform: translateX(0);
245
245
  margin-left: var(--sidebar-width);
246
246
  }
247
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
247
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
248
248
  margin-right: 0;
249
249
  -webkit-transform: translateX(0);
250
250
  transform: translateX(0);
251
251
  margin-left: 0;
252
252
  }
253
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
253
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
254
254
  margin-left: 0;
255
255
  -webkit-transform: translateX(0);
256
256
  transform: translateX(0);
257
257
  margin-right: var(--sidebar-width);
258
258
  }
259
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
259
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
260
260
  margin-right: 0;
261
261
  -webkit-transform: translateX(0);
262
262
  transform: translateX(0);
263
263
  margin-left: 0;
264
264
  }
265
- .e-sidebarcontainer.e-left.e-open.e-push + div {
265
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
266
266
  margin-right: 0;
267
267
  -webkit-transform: translateX(0);
268
268
  transform: translateX(0);
269
269
  margin-left: var(--sidebar-width);
270
270
  }
271
- .e-sidebarcontainer.e-left.e-close.e-push + div {
271
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
272
272
  margin-right: 0;
273
273
  -webkit-transform: translateX(0);
274
274
  transform: translateX(0);
275
275
  margin-left: 0;
276
276
  }
277
- .e-sidebarcontainer.e-right.e-open.e-push + div {
277
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
278
278
  margin-left: 0;
279
279
  -webkit-transform: translateX(0);
280
280
  transform: translateX(0);
281
281
  margin-right: var(--sidebar-width);
282
282
  }
283
- .e-sidebarcontainer.e-right.e-close.e-push + div {
283
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
284
284
  margin-right: 0;
285
285
  -webkit-transform: translateX(0);
286
286
  transform: translateX(0);
287
287
  margin-left: 0;
288
288
  }
289
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
289
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
290
290
  margin-left: 0;
291
291
  -webkit-transform: translate(var(--sidebar-width));
292
292
  transform: translate(var(--sidebar-width));
293
293
  }
294
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
294
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
295
295
  margin-left: 0;
296
296
  -webkit-transform: translate(0);
297
297
  transform: translate(0);
298
298
  }
299
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
299
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
300
300
  margin-right: 0;
301
301
  margin-left: 0;
302
302
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
303
303
  transform: translate(calc(-1 * var(--sidebar-width)));
304
304
  }
305
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
305
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
306
306
  margin-right: 0;
307
307
  margin-left: 0;
308
308
  -webkit-transform: translate(0);
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
  }