@syncfusion/ej2-angular-navigations 20.3.60-ngcc → 20.4.38-ngcc

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 (112) hide show
  1. package/@syncfusion/ej2-angular-navigations.es5.js +2 -2
  2. package/@syncfusion/ej2-angular-navigations.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-navigations.js +2 -2
  4. package/@syncfusion/ej2-angular-navigations.js.map +1 -1
  5. package/CHANGELOG.md +17 -0
  6. package/dist/ej2-angular-navigations.umd.js +3 -3
  7. package/dist/ej2-angular-navigations.umd.js.map +1 -1
  8. package/dist/ej2-angular-navigations.umd.min.js +2 -2
  9. package/dist/ej2-angular-navigations.umd.min.js.map +1 -1
  10. package/ej2-angular-navigations.metadata.json +1 -1
  11. package/package.json +8 -8
  12. package/schematics/utils/lib-details.d.ts +2 -2
  13. package/schematics/utils/lib-details.js +2 -2
  14. package/schematics/utils/lib-details.ts +2 -2
  15. package/src/tab/items.directive.d.ts +7 -0
  16. package/src/toolbar/items.directive.d.ts +7 -0
  17. package/styles/accordion/bootstrap-dark.css +202 -16
  18. package/styles/accordion/bootstrap.css +202 -16
  19. package/styles/accordion/bootstrap4.css +171 -17
  20. package/styles/accordion/bootstrap5-dark.css +202 -13
  21. package/styles/accordion/bootstrap5.css +202 -13
  22. package/styles/accordion/fabric-dark.css +209 -11
  23. package/styles/accordion/fabric.css +209 -11
  24. package/styles/accordion/fluent-dark.css +217 -5
  25. package/styles/accordion/fluent.css +217 -5
  26. package/styles/accordion/highcontrast-light.css +186 -52
  27. package/styles/accordion/highcontrast.css +186 -52
  28. package/styles/accordion/material-dark.css +210 -16
  29. package/styles/accordion/material.css +209 -15
  30. package/styles/accordion/tailwind-dark.css +199 -8
  31. package/styles/accordion/tailwind.css +199 -8
  32. package/styles/bootstrap-dark.css +999 -145
  33. package/styles/bootstrap.css +986 -132
  34. package/styles/bootstrap4.css +888 -167
  35. package/styles/bootstrap5-dark.css +949 -179
  36. package/styles/bootstrap5.css +949 -179
  37. package/styles/context-menu/bootstrap5-dark.css +0 -1
  38. package/styles/context-menu/bootstrap5.css +0 -1
  39. package/styles/context-menu/fluent-dark.css +0 -1
  40. package/styles/context-menu/fluent.css +0 -1
  41. package/styles/context-menu/tailwind-dark.css +0 -1
  42. package/styles/context-menu/tailwind.css +0 -1
  43. package/styles/fabric-dark.css +1068 -232
  44. package/styles/fabric.css +1067 -231
  45. package/styles/fluent-dark.css +1014 -123
  46. package/styles/fluent.css +1012 -121
  47. package/styles/h-scroll/bootstrap-dark.css +13 -0
  48. package/styles/h-scroll/bootstrap.css +13 -0
  49. package/styles/h-scroll/bootstrap4.css +7 -0
  50. package/styles/h-scroll/bootstrap5-dark.css +12 -0
  51. package/styles/h-scroll/bootstrap5.css +12 -0
  52. package/styles/h-scroll/fabric-dark.css +15 -2
  53. package/styles/h-scroll/fabric.css +15 -2
  54. package/styles/h-scroll/fluent-dark.css +13 -0
  55. package/styles/h-scroll/fluent.css +13 -0
  56. package/styles/h-scroll/highcontrast-light.css +8 -7
  57. package/styles/h-scroll/highcontrast.css +10 -9
  58. package/styles/h-scroll/material-dark.css +13 -2
  59. package/styles/h-scroll/material.css +13 -2
  60. package/styles/h-scroll/tailwind-dark.css +12 -0
  61. package/styles/h-scroll/tailwind.css +12 -0
  62. package/styles/highcontrast-light.css +918 -369
  63. package/styles/highcontrast.css +925 -370
  64. package/styles/material-dark.css +1184 -114
  65. package/styles/material.css +1162 -92
  66. package/styles/menu/fluent-dark.css +1 -1
  67. package/styles/menu/fluent.css +1 -1
  68. package/styles/tab/bootstrap-dark.css +587 -109
  69. package/styles/tab/bootstrap.css +574 -96
  70. package/styles/tab/bootstrap4.css +546 -114
  71. package/styles/tab/bootstrap5-dark.css +523 -134
  72. package/styles/tab/bootstrap5.css +523 -134
  73. package/styles/tab/fabric-dark.css +614 -199
  74. package/styles/tab/fabric.css +612 -197
  75. package/styles/tab/fluent-dark.css +546 -102
  76. package/styles/tab/fluent.css +546 -102
  77. package/styles/tab/highcontrast-light.css +520 -250
  78. package/styles/tab/highcontrast.css +520 -244
  79. package/styles/tab/material-dark.css +705 -54
  80. package/styles/tab/material.css +705 -54
  81. package/styles/tab/tailwind-dark.css +706 -71
  82. package/styles/tab/tailwind.css +706 -71
  83. package/styles/tailwind-dark.css +1145 -99
  84. package/styles/tailwind.css +1144 -98
  85. package/styles/toolbar/bootstrap-dark.css +196 -19
  86. package/styles/toolbar/bootstrap.css +196 -19
  87. package/styles/toolbar/bootstrap4.css +164 -36
  88. package/styles/toolbar/bootstrap5-dark.css +210 -29
  89. package/styles/toolbar/bootstrap5.css +210 -29
  90. package/styles/toolbar/fabric-dark.css +219 -9
  91. package/styles/toolbar/fabric.css +220 -10
  92. package/styles/toolbar/fluent-dark.css +233 -10
  93. package/styles/toolbar/fluent.css +233 -10
  94. package/styles/toolbar/highcontrast-light.css +199 -43
  95. package/styles/toolbar/highcontrast.css +200 -44
  96. package/styles/toolbar/material-dark.css +233 -19
  97. package/styles/toolbar/material.css +233 -19
  98. package/styles/toolbar/tailwind-dark.css +224 -15
  99. package/styles/toolbar/tailwind.css +223 -14
  100. package/styles/treeview/fluent-dark.css +2 -2
  101. package/styles/treeview/material.css +2 -2
  102. package/styles/treeview/tailwind.css +2 -2
  103. package/styles/v-scroll/bootstrap5-dark.css +2 -2
  104. package/styles/v-scroll/bootstrap5.css +2 -2
  105. package/styles/v-scroll/fabric-dark.css +2 -2
  106. package/styles/v-scroll/fabric.css +2 -2
  107. package/styles/v-scroll/fluent-dark.css +2 -2
  108. package/styles/v-scroll/fluent.css +2 -2
  109. package/styles/v-scroll/highcontrast-light.css +2 -14
  110. package/styles/v-scroll/highcontrast.css +2 -14
  111. package/styles/v-scroll/tailwind-dark.css +2 -2
  112. package/styles/v-scroll/tailwind.css +2 -2
package/styles/accordion/tailwind.css CHANGED
@@ -12,6 +12,7 @@
12
12
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
13
13
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
14
14
  font-size: 16px;
15
+ vertical-align: middle;
15
16
  }
16
17
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel,
17
18
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel {
@@ -66,11 +67,12 @@
66
67
  }
67
68
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons,
68
69
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-header .e-acrdn-header-icon .e-acrdn-icons.e-icons {
69
- font-size: 20px;
70
+ font-size: 22px;
70
71
  }
71
72
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content,
72
73
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
73
74
  padding: 16px;
75
+ font-size: 16px;
74
76
  }
75
77
  .e-bigger .e-accordion.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content,
76
78
  .e-accordion.e-bigger.e-rtl .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
@@ -106,6 +108,23 @@
106
108
  display: block;
107
109
  position: relative;
108
110
  }
111
+ .e-accordion .e-acrdn-item {
112
+ border-radius: 4px 4px 0 0;
113
+ margin-top: 0;
114
+ }
115
+ .e-accordion .e-acrdn-item.e-select.e-selected:first-child {
116
+ border-top: 1px none #e5e7eb;
117
+ }
118
+ .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
119
+ border-bottom: 1px solid #e5e7eb;
120
+ }
121
+ .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
122
+ margin-bottom: 0;
123
+ margin-top: 0;
124
+ }
125
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select {
126
+ margin: 0;
127
+ }
109
128
  .e-accordion .e-acrdn-item > .e-acrdn-header .e-acrdn-header-content {
110
129
  font-weight: 500;
111
130
  }
@@ -132,7 +151,11 @@
132
151
  .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
133
152
  cursor: pointer;
134
153
  }
154
+ .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
155
+ text-decoration: none;
156
+ }
135
157
  .e-accordion .e-acrdn-item .e-acrdn-header {
158
+ border-radius: 0;
136
159
  line-height: 22px;
137
160
  min-height: 38px;
138
161
  overflow: hidden;
@@ -140,10 +163,14 @@
140
163
  text-decoration: none;
141
164
  text-overflow: ellipsis;
142
165
  white-space: nowrap;
166
+ margin-bottom: 0;
143
167
  }
144
168
  .e-accordion .e-acrdn-item .e-acrdn-header > * {
145
169
  display: inline-block;
146
170
  }
171
+ .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
172
+ line-height: 22px;
173
+ }
147
174
  .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
148
175
  display: table;
149
176
  font-size: 18px;
@@ -247,20 +274,80 @@
247
274
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
248
275
  background: #f9fafb;
249
276
  border: 1px solid #e5e7eb;
277
+ border-radius: 0;
250
278
  }
251
279
  .e-accordion .e-active {
252
280
  background: #fff;
253
281
  }
254
282
  .e-accordion .e-acrdn-item {
255
- border-bottom: 1px solid #e5e7eb;
283
+ border-color: #e5e7eb;
284
+ border-style: solid;
285
+ border-width: 0 0 1px 0;
256
286
  border-radius: 4px 4px 0 0;
257
287
  }
258
288
  .e-accordion .e-acrdn-item.e-select:last-child {
259
289
  border-bottom: 0;
260
290
  border-radius: 0 0 4px 4px;
261
291
  }
292
+ .e-accordion .e-acrdn-item:first-child .e-acrdn-header:focus {
293
+ border-radius: 0;
294
+ }
295
+ .e-accordion .e-acrdn-item:last-child {
296
+ border-bottom: 1px solid #e5e7eb;
297
+ }
298
+ .e-accordion .e-acrdn-item:last-child:not(.e-expand-state) .e-acrdn-header:focus {
299
+ border-radius: 0;
300
+ }
301
+ .e-accordion .e-acrdn-item:last-child.e-selected .e-acrdn-header:focus {
302
+ border-radius: 0;
303
+ }
304
+ .e-accordion .e-acrdn-item.e-item-focus {
305
+ border-color: #e5e7eb;
306
+ border-style: solid;
307
+ border-width: 0 0 1px 0;
308
+ }
309
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state {
310
+ border-top: 1px none #e5e7eb;
311
+ }
312
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:focus {
313
+ border-color: #e5e7eb;
314
+ border-style: solid;
315
+ border-width: 0;
316
+ }
317
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
318
+ background: #f3f4f6;
319
+ }
320
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-content {
321
+ color: #4f46e5;
322
+ }
323
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-icons {
324
+ color: #4f46e5;
325
+ }
326
+ .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-icon .e-icons {
327
+ color: #4f46e5;
328
+ }
329
+ .e-accordion .e-acrdn-item.e-item-focus.e-expand-state.e-select, .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state {
330
+ border-color: #e5e7eb;
331
+ }
332
+ .e-accordion .e-acrdn-item.e-expand-state.e-select {
333
+ border-color: #e5e7eb;
334
+ border-style: solid;
335
+ border-width: 0 0 1px 0;
336
+ }
337
+ .e-accordion .e-acrdn-item .e-acrdn-header {
338
+ border: 0;
339
+ }
340
+ .e-accordion .e-acrdn-item.e-overlay.e-select.e-expand-state .e-acrdn-header .e-icons,
341
+ .e-accordion .e-acrdn-item.e-overlay.e-select.e-expand-state .e-acrdn-header .e-acrdn-header-content {
342
+ color: #9ca3af;
343
+ }
262
344
  .e-accordion .e-acrdn-item.e-overlay {
263
345
  background: #f9fafb;
346
+ opacity: 0.5;
347
+ }
348
+ .e-accordion .e-acrdn-item.e-overlay .e-acrdn-header .e-icons,
349
+ .e-accordion .e-acrdn-item.e-overlay .e-acrdn-header .e-acrdn-header-content {
350
+ color: #111827;
264
351
  }
265
352
  .e-accordion .e-acrdn-item.e-overlay.e-overlay.e-select.e-expand-state .e-acrdn-header .e-icons {
266
353
  color: #d1d5db;
@@ -269,16 +356,36 @@
269
356
  color: #9ca3af;
270
357
  }
271
358
  .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:focus {
359
+ border-color: #e5e7eb;
360
+ border-style: solid;
361
+ border-width: 0;
272
362
  background: #f3f4f6;
273
363
  }
364
+ .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
365
+ background: #fff;
366
+ }
367
+ .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
368
+ background: #fff;
369
+ }
370
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
371
+ color: #4f46e5;
372
+ }
274
373
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-content .e-acrdn-item:last-child {
275
374
  border-bottom: 1px none #e5e7eb;
276
375
  }
277
376
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-header .e-acrdn-header-content {
278
377
  color: #111827;
279
378
  }
379
+ .e-accordion .e-acrdn-item.e-select {
380
+ background: none;
381
+ border-color: #e5e7eb;
382
+ border-style: solid;
383
+ border-width: 0 0 1px 0;
384
+ }
280
385
  .e-accordion .e-acrdn-item.e-select .e-acrdn-panel .e-acrdn-content {
281
386
  color: #111827;
387
+ background: none;
388
+ border-top: 0;
282
389
  }
283
390
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
284
391
  color: #111827;
@@ -288,19 +395,65 @@
288
395
  }
289
396
  .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
290
397
  background: #f3f4f6;
398
+ border: 0;
399
+ border-color: initial;
291
400
  }
292
401
  .e-accordion .e-acrdn-item .e-acrdn-header:hover {
402
+ border: 0;
293
403
  background: #f3f4f6;
404
+ border-color: initial;
294
405
  }
295
406
  .e-accordion .e-acrdn-item .e-acrdn-header:active {
407
+ border: 0;
408
+ border-color: initial;
296
409
  background: #e5e7eb;
297
410
  }
298
411
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
412
+ border: 0;
413
+ box-shadow: none;
299
414
  background: #f3f4f6;
300
415
  }
416
+ .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
417
+ .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
418
+ .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon {
419
+ color: #111827;
420
+ }
421
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
422
+ color: #111827;
423
+ }
424
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons {
425
+ color: #6b7280;
426
+ }
427
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
428
+ color: #6b7280;
429
+ }
430
+ .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover:focus .e-acrdn-header-content {
431
+ color: #111827;
432
+ }
301
433
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
434
+ border-color: initial;
435
+ border-style: solid;
436
+ border-width: 0;
302
437
  background: #fff;
303
438
  }
439
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-icons {
440
+ color: #4f46e5;
441
+ }
442
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-icon .e-icons {
443
+ color: #4f46e5;
444
+ }
445
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-acrdn-header-content {
446
+ color: #4f46e5;
447
+ }
448
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover:focus .e-acrdn-header-content {
449
+ color: #4f46e5;
450
+ }
451
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-icon {
452
+ color: #4f46e5;
453
+ }
454
+ .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover {
455
+ border-color: initial;
456
+ }
304
457
  .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
305
458
  color: #4f46e5;
306
459
  }
@@ -309,19 +462,57 @@
309
462
  .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
310
463
  color: #4f46e5;
311
464
  }
465
+ .e-accordion .e-acrdn-item.e-select.e-item-focus {
466
+ border-color: #e5e7eb;
467
+ }
468
+ .e-accordion .e-acrdn-item.e-selected {
469
+ border-color: #e5e7eb;
470
+ border-style: solid;
471
+ border-width: 0 0 1px 0;
472
+ }
312
473
  .e-accordion .e-acrdn-item.e-selected.e-select {
313
- border-bottom: 1px none #e5e7eb;
314
- border-top: 1px none #e5e7eb;
315
- border-bottom: 1px solid #e5e7eb;
474
+ border-color: #e5e7eb;
475
+ border-style: solid;
476
+ border-width: 0 0 1px 0;
477
+ }
478
+ .e-accordion .e-acrdn-item.e-selected.e-select.e-active {
479
+ background: #fff;
316
480
  }
317
481
  .e-accordion .e-acrdn-item.e-selected.e-select.e-select:last-child {
318
482
  border-bottom: 1px none #e5e7eb;
319
483
  }
484
+ .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
485
+ color: #111827;
486
+ }
487
+ .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon {
488
+ color: #6b7280;
489
+ }
490
+ .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
491
+ box-shadow: none;
492
+ }
320
493
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
321
- border-top: 1px none #e5e7eb;
494
+ border-color: #e5e7eb;
495
+ border-style: solid;
496
+ border-width: 0 0 1px 0;
322
497
  }
323
- .e-accordion .e-acrdn-item.e-selected .e-selected:last-child {
324
- border-bottom: 1px none #e5e7eb;
498
+ .e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-icons {
499
+ color: #4f46e5;
500
+ }
501
+ .e-accordion .e-acrdn-item.e-selected .e-acrdn-item.e-selected.e-expand-state:hover > .e-acrdn-header .e-acrdn-header-content {
502
+ color: #4f46e5;
503
+ }
504
+ .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
505
+ background: none;
506
+ border-radius: 0;
507
+ border-color: initial;
508
+ border-style: solid;
509
+ border-width: 0;
510
+ }
511
+ .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:focus {
512
+ background: #f3f4f6;
513
+ }
514
+ .e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header:hover {
515
+ border-color: initial;
325
516
  }
326
517
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-panel .e-acrdn-content {
327
518
  color: #111827;