@syncfusion/ej2-angular-navigations 21.2.9-ngcc → 22.1.34-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 (214) 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 +9 -0
  6. package/dist/ej2-angular-navigations.umd.js +3 -2
  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/license +10 -0
  12. package/package.json +8 -8
  13. package/schematics/utils/lib-details.d.ts +2 -2
  14. package/schematics/utils/lib-details.js +2 -2
  15. package/schematics/utils/lib-details.ts +2 -2
  16. package/src/accordion/accordion.component.d.ts +2 -0
  17. package/src/breadcrumb/breadcrumb.component.d.ts +2 -0
  18. package/src/carousel/carousel.component.d.ts +5 -0
  19. package/src/carousel/items.directive.d.ts +1 -0
  20. package/src/menu/menu.component.d.ts +1 -0
  21. package/src/tab/items.directive.d.ts +1 -0
  22. package/src/toolbar/items.directive.d.ts +2 -0
  23. package/src/treeview/treeview.component.d.ts +3 -0
  24. package/styles/accordion/bootstrap-dark.css +11 -1
  25. package/styles/accordion/bootstrap.css +11 -1
  26. package/styles/accordion/bootstrap4.css +10 -0
  27. package/styles/accordion/bootstrap5-dark.css +11 -1
  28. package/styles/accordion/bootstrap5.css +11 -1
  29. package/styles/accordion/fabric-dark.css +10 -0
  30. package/styles/accordion/fabric.css +10 -0
  31. package/styles/accordion/fluent-dark.css +10 -0
  32. package/styles/accordion/fluent.css +10 -0
  33. package/styles/accordion/highcontrast-light.css +10 -0
  34. package/styles/accordion/highcontrast.css +10 -0
  35. package/styles/accordion/material-dark.css +10 -0
  36. package/styles/accordion/material.css +10 -0
  37. package/styles/accordion/material3-dark.css +596 -0
  38. package/styles/accordion/material3-dark.scss +2 -0
  39. package/styles/accordion/material3.css +652 -0
  40. package/styles/accordion/material3.scss +2 -0
  41. package/styles/accordion/tailwind-dark.css +10 -0
  42. package/styles/accordion/tailwind.css +10 -0
  43. package/styles/appbar/bootstrap-dark.css +7 -3
  44. package/styles/appbar/bootstrap.css +7 -3
  45. package/styles/appbar/bootstrap4.css +7 -3
  46. package/styles/appbar/bootstrap5-dark.css +7 -3
  47. package/styles/appbar/bootstrap5.css +7 -3
  48. package/styles/appbar/fabric-dark.css +7 -3
  49. package/styles/appbar/fabric.css +7 -3
  50. package/styles/appbar/fluent-dark.css +7 -3
  51. package/styles/appbar/fluent.css +7 -3
  52. package/styles/appbar/highcontrast-light.css +7 -3
  53. package/styles/appbar/highcontrast.css +7 -3
  54. package/styles/appbar/material-dark.css +7 -3
  55. package/styles/appbar/material.css +7 -3
  56. package/styles/appbar/material3-dark.css +307 -0
  57. package/styles/appbar/material3-dark.scss +2 -0
  58. package/styles/appbar/material3.css +363 -0
  59. package/styles/appbar/material3.scss +2 -0
  60. package/styles/appbar/tailwind-dark.css +7 -3
  61. package/styles/appbar/tailwind.css +7 -3
  62. package/styles/bootstrap-dark.css +185 -126
  63. package/styles/bootstrap.css +185 -126
  64. package/styles/bootstrap4.css +183 -124
  65. package/styles/bootstrap5-dark.css +179 -120
  66. package/styles/bootstrap5.css +179 -120
  67. package/styles/breadcrumb/bootstrap-dark.css +9 -9
  68. package/styles/breadcrumb/bootstrap.css +9 -9
  69. package/styles/breadcrumb/bootstrap4.css +9 -9
  70. package/styles/breadcrumb/bootstrap5-dark.css +8 -8
  71. package/styles/breadcrumb/bootstrap5.css +8 -8
  72. package/styles/breadcrumb/fabric-dark.css +7 -7
  73. package/styles/breadcrumb/fabric.css +7 -7
  74. package/styles/breadcrumb/fluent-dark.css +5 -5
  75. package/styles/breadcrumb/fluent.css +5 -5
  76. package/styles/breadcrumb/highcontrast-light.css +7 -7
  77. package/styles/breadcrumb/highcontrast.css +7 -7
  78. package/styles/breadcrumb/material-dark.css +9 -9
  79. package/styles/breadcrumb/material.css +9 -9
  80. package/styles/breadcrumb/material3-dark.css +424 -0
  81. package/styles/breadcrumb/material3-dark.scss +2 -0
  82. package/styles/breadcrumb/material3.css +480 -0
  83. package/styles/breadcrumb/material3.scss +2 -0
  84. package/styles/breadcrumb/tailwind-dark.css +8 -8
  85. package/styles/breadcrumb/tailwind.css +8 -8
  86. package/styles/carousel/bootstrap-dark.css +101 -62
  87. package/styles/carousel/bootstrap.css +101 -62
  88. package/styles/carousel/bootstrap4.css +101 -62
  89. package/styles/carousel/bootstrap5-dark.css +101 -62
  90. package/styles/carousel/bootstrap5.css +101 -62
  91. package/styles/carousel/fabric-dark.css +101 -62
  92. package/styles/carousel/fabric.css +101 -62
  93. package/styles/carousel/fluent-dark.css +101 -62
  94. package/styles/carousel/fluent.css +101 -62
  95. package/styles/carousel/highcontrast-light.css +101 -62
  96. package/styles/carousel/highcontrast.css +101 -62
  97. package/styles/carousel/material-dark.css +101 -62
  98. package/styles/carousel/material.css +101 -62
  99. package/styles/carousel/material3-dark.css +359 -0
  100. package/styles/carousel/material3-dark.scss +2 -0
  101. package/styles/carousel/material3.css +415 -0
  102. package/styles/carousel/material3.scss +2 -0
  103. package/styles/carousel/tailwind-dark.css +101 -62
  104. package/styles/carousel/tailwind.css +101 -62
  105. package/styles/context-menu/material3-dark.css +435 -0
  106. package/styles/context-menu/material3-dark.scss +2 -0
  107. package/styles/context-menu/material3.css +491 -0
  108. package/styles/context-menu/material3.scss +2 -0
  109. package/styles/fabric-dark.css +186 -127
  110. package/styles/fabric.css +185 -126
  111. package/styles/fluent-dark.css +179 -120
  112. package/styles/fluent.css +179 -120
  113. package/styles/h-scroll/material3-dark.css +336 -0
  114. package/styles/h-scroll/material3-dark.scss +2 -0
  115. package/styles/h-scroll/material3.css +392 -0
  116. package/styles/h-scroll/material3.scss +2 -0
  117. package/styles/highcontrast-light.css +178 -119
  118. package/styles/highcontrast.css +182 -123
  119. package/styles/material-dark.css +189 -130
  120. package/styles/material.css +188 -129
  121. package/styles/material3-dark.css +11015 -0
  122. package/styles/material3-dark.scss +14 -0
  123. package/styles/material3.css +11731 -0
  124. package/styles/material3.scss +14 -0
  125. package/styles/menu/bootstrap-dark.css +4 -0
  126. package/styles/menu/bootstrap.css +4 -0
  127. package/styles/menu/bootstrap4.css +4 -0
  128. package/styles/menu/bootstrap5-dark.css +4 -0
  129. package/styles/menu/bootstrap5.css +4 -0
  130. package/styles/menu/fabric-dark.css +4 -0
  131. package/styles/menu/fabric.css +4 -0
  132. package/styles/menu/fluent-dark.css +4 -0
  133. package/styles/menu/fluent.css +4 -0
  134. package/styles/menu/highcontrast-light.css +4 -0
  135. package/styles/menu/highcontrast.css +4 -0
  136. package/styles/menu/material-dark.css +4 -0
  137. package/styles/menu/material.css +4 -0
  138. package/styles/menu/material3-dark.css +1162 -0
  139. package/styles/menu/material3-dark.scss +2 -0
  140. package/styles/menu/material3.css +1218 -0
  141. package/styles/menu/material3.scss +2 -0
  142. package/styles/menu/tailwind-dark.css +4 -0
  143. package/styles/menu/tailwind.css +4 -0
  144. package/styles/pager/bootstrap-dark.css +15 -43
  145. package/styles/pager/bootstrap.css +15 -43
  146. package/styles/pager/bootstrap4.css +14 -42
  147. package/styles/pager/bootstrap5-dark.css +10 -38
  148. package/styles/pager/bootstrap5.css +10 -38
  149. package/styles/pager/fabric-dark.css +17 -45
  150. package/styles/pager/fabric.css +16 -44
  151. package/styles/pager/fluent-dark.css +14 -42
  152. package/styles/pager/fluent.css +14 -42
  153. package/styles/pager/highcontrast-light.css +10 -38
  154. package/styles/pager/highcontrast.css +14 -42
  155. package/styles/pager/material-dark.css +18 -46
  156. package/styles/pager/material.css +17 -45
  157. package/styles/pager/material3-dark.css +765 -0
  158. package/styles/pager/material3-dark.scss +2 -0
  159. package/styles/pager/material3.css +821 -0
  160. package/styles/pager/material3.scss +2 -0
  161. package/styles/pager/tailwind-dark.css +15 -43
  162. package/styles/pager/tailwind.css +15 -43
  163. package/styles/sidebar/material3-dark.css +204 -0
  164. package/styles/sidebar/material3-dark.scss +2 -0
  165. package/styles/sidebar/material3.css +260 -0
  166. package/styles/sidebar/material3.scss +2 -0
  167. package/styles/tab/bootstrap-dark.css +30 -7
  168. package/styles/tab/bootstrap.css +30 -7
  169. package/styles/tab/bootstrap4.css +30 -7
  170. package/styles/tab/bootstrap5-dark.css +30 -7
  171. package/styles/tab/bootstrap5.css +30 -7
  172. package/styles/tab/fabric-dark.css +30 -7
  173. package/styles/tab/fabric.css +30 -7
  174. package/styles/tab/fluent-dark.css +30 -7
  175. package/styles/tab/fluent.css +30 -7
  176. package/styles/tab/highcontrast-light.css +30 -7
  177. package/styles/tab/highcontrast.css +30 -7
  178. package/styles/tab/material-dark.css +30 -7
  179. package/styles/tab/material.css +30 -7
  180. package/styles/tab/material3-dark.css +4109 -0
  181. package/styles/tab/material3-dark.scss +2 -0
  182. package/styles/tab/material3.css +4165 -0
  183. package/styles/tab/material3.scss +2 -0
  184. package/styles/tab/tailwind-dark.css +29 -6
  185. package/styles/tab/tailwind.css +29 -6
  186. package/styles/tailwind-dark.css +185 -126
  187. package/styles/tailwind.css +185 -126
  188. package/styles/toolbar/bootstrap-dark.css +8 -1
  189. package/styles/toolbar/bootstrap.css +8 -1
  190. package/styles/toolbar/bootstrap4.css +8 -1
  191. package/styles/toolbar/bootstrap5-dark.css +8 -1
  192. package/styles/toolbar/bootstrap5.css +8 -1
  193. package/styles/toolbar/fabric-dark.css +10 -3
  194. package/styles/toolbar/fabric.css +10 -3
  195. package/styles/toolbar/fluent-dark.css +8 -1
  196. package/styles/toolbar/fluent.css +8 -1
  197. package/styles/toolbar/highcontrast-light.css +9 -2
  198. package/styles/toolbar/highcontrast.css +9 -2
  199. package/styles/toolbar/material-dark.css +10 -3
  200. package/styles/toolbar/material.css +10 -3
  201. package/styles/toolbar/material3-dark.css +1145 -0
  202. package/styles/toolbar/material3-dark.scss +2 -0
  203. package/styles/toolbar/material3.css +1201 -0
  204. package/styles/toolbar/material3.scss +2 -0
  205. package/styles/toolbar/tailwind-dark.css +11 -4
  206. package/styles/toolbar/tailwind.css +11 -4
  207. package/styles/treeview/material3-dark.css +903 -0
  208. package/styles/treeview/material3-dark.scss +2 -0
  209. package/styles/treeview/material3.css +959 -0
  210. package/styles/treeview/material3.scss +2 -0
  211. package/styles/v-scroll/material3-dark.css +258 -0
  212. package/styles/v-scroll/material3-dark.scss +2 -0
  213. package/styles/v-scroll/material3.css +314 -0
  214. package/styles/v-scroll/material3.scss +2 -0
package/styles/accordion/bootstrap.css CHANGED
@@ -23,6 +23,7 @@
23
23
  }
24
24
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
25
25
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
26
+ box-shadow: none;
26
27
  padding: 0 30px;
27
28
  }
28
29
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -117,6 +118,9 @@
117
118
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
118
119
  border-bottom: 1px solid #ddd;
119
120
  }
121
+ .e-accordion .e-acrdn-item:first-child {
122
+ margin-top: 0;
123
+ }
120
124
  .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
121
125
  margin-bottom: 0;
122
126
  margin-top: 0;
@@ -206,6 +210,9 @@
206
210
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
207
211
  padding: 0 30px;
208
212
  }
213
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
214
+ box-shadow: none;
215
+ }
209
216
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
210
217
  padding: 0;
211
218
  }
@@ -384,6 +391,7 @@
384
391
  color: #333;
385
392
  background: none;
386
393
  border-top: 0;
394
+ border-bottom: 0;
387
395
  }
388
396
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
389
397
  color: #333;
@@ -471,7 +479,7 @@
471
479
  .e-accordion .e-acrdn-item.e-selected.e-select {
472
480
  border-color: #ddd;
473
481
  border-style: solid;
474
- border-width: 1px 0 1px 0;
482
+ border-width: 1px;
475
483
  }
476
484
  .e-accordion .e-acrdn-item.e-selected.e-select.e-active {
477
485
  background: #f5f5f5;
@@ -487,6 +495,8 @@
487
495
  }
488
496
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
489
497
  box-shadow: none;
498
+ position: relative;
499
+ z-index: 2;
490
500
  }
491
501
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
492
502
  border-color: #ddd;
package/styles/accordion/bootstrap4.css CHANGED
@@ -22,6 +22,7 @@
22
22
  }
23
23
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
24
24
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
25
+ box-shadow: none;
25
26
  padding: 0 30px;
26
27
  }
27
28
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -116,6 +117,9 @@
116
117
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
117
118
  border-bottom: 1px solid rgba(0, 0, 0, 0.13);
118
119
  }
120
+ .e-accordion .e-acrdn-item:first-child {
121
+ margin-top: 0;
122
+ }
119
123
  .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
120
124
  margin-bottom: 0;
121
125
  margin-top: 0;
@@ -205,6 +209,9 @@
205
209
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
206
210
  padding: 0 30px;
207
211
  }
212
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
213
+ box-shadow: none;
214
+ }
208
215
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
209
216
  padding: 0;
210
217
  }
@@ -383,6 +390,7 @@
383
390
  color: #212529;
384
391
  background: #fff;
385
392
  border-top: 1px solid rgba(0, 0, 0, 0.13);
393
+ border-bottom: 0;
386
394
  }
387
395
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
388
396
  color: #007bff;
@@ -486,6 +494,8 @@
486
494
  }
487
495
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
488
496
  box-shadow: none;
497
+ position: relative;
498
+ z-index: 2;
489
499
  }
490
500
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
491
501
  border-color: #000 #000 rgba(0, 0, 0, 0.13);
package/styles/accordion/bootstrap5-dark.css CHANGED
@@ -24,6 +24,7 @@
24
24
  }
25
25
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
26
26
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
27
+ box-shadow: none;
27
28
  padding: 12px 0 12px 28px;
28
29
  }
29
30
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -118,6 +119,9 @@
118
119
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
119
120
  border-bottom: 1px solid #444c54;
120
121
  }
122
+ .e-accordion .e-acrdn-item:first-child {
123
+ margin-top: 0;
124
+ }
121
125
  .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
122
126
  margin-bottom: 0;
123
127
  margin-top: 0;
@@ -205,7 +209,10 @@
205
209
  padding: 16px 16px 16px 26px;
206
210
  }
207
211
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
208
- padding: 8px 0 8px 26px;
212
+ padding: 10px 0 10px 26px;
213
+ }
214
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
215
+ box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
209
216
  }
210
217
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
211
218
  padding: 0;
@@ -385,6 +392,7 @@
385
392
  color: #fff;
386
393
  background: none;
387
394
  border-top: 0;
395
+ border-bottom: 0;
388
396
  }
389
397
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
390
398
  color: #fff;
@@ -488,6 +496,8 @@
488
496
  }
489
497
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
490
498
  box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
499
+ position: relative;
500
+ z-index: 2;
491
501
  }
492
502
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
493
503
  border-color: #444c54;
package/styles/accordion/bootstrap5.css CHANGED
@@ -24,6 +24,7 @@
24
24
  }
25
25
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
26
26
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
27
+ box-shadow: none;
27
28
  padding: 12px 0 12px 28px;
28
29
  }
29
30
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -118,6 +119,9 @@
118
119
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
119
120
  border-bottom: 1px solid #dee2e6;
120
121
  }
122
+ .e-accordion .e-acrdn-item:first-child {
123
+ margin-top: 0;
124
+ }
121
125
  .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
122
126
  margin-bottom: 0;
123
127
  margin-top: 0;
@@ -205,7 +209,10 @@
205
209
  padding: 16px 16px 16px 26px;
206
210
  }
207
211
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
208
- padding: 8px 0 8px 26px;
212
+ padding: 10px 0 10px 26px;
213
+ }
214
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
215
+ box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
209
216
  }
210
217
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
211
218
  padding: 0;
@@ -385,6 +392,7 @@
385
392
  color: #212529;
386
393
  background: none;
387
394
  border-top: 0;
395
+ border-bottom: 0;
388
396
  }
389
397
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
390
398
  color: #212529;
@@ -488,6 +496,8 @@
488
496
  }
489
497
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
490
498
  box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
499
+ position: relative;
500
+ z-index: 2;
491
501
  }
492
502
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
493
503
  border-color: #dee2e6;
package/styles/accordion/fabric-dark.css CHANGED
@@ -22,6 +22,7 @@
22
22
  }
23
23
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
24
24
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
25
+ box-shadow: none;
25
26
  padding: 0 42px 0 24px;
26
27
  }
27
28
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -116,6 +117,9 @@
116
117
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
117
118
  border-bottom: 1px solid #414040;
118
119
  }
120
+ .e-accordion .e-acrdn-item:first-child {
121
+ margin-top: 0;
122
+ }
119
123
  .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
120
124
  margin-bottom: 0;
121
125
  margin-top: 0;
@@ -205,6 +209,9 @@
205
209
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
206
210
  padding: 0 42px 0 24px;
207
211
  }
212
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
213
+ box-shadow: none;
214
+ }
208
215
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
209
216
  padding: 0;
210
217
  }
@@ -383,6 +390,7 @@
383
390
  color: #dadada;
384
391
  background: none;
385
392
  border-top: 0;
393
+ border-bottom: 0;
386
394
  }
387
395
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
388
396
  color: #dadada;
@@ -486,6 +494,8 @@
486
494
  }
487
495
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
488
496
  box-shadow: none;
497
+ position: relative;
498
+ z-index: 2;
489
499
  }
490
500
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
491
501
  border-color: #414040;
package/styles/accordion/fabric.css CHANGED
@@ -23,6 +23,7 @@
23
23
  }
24
24
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
25
25
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
26
+ box-shadow: none;
26
27
  padding: 0 42px 0 24px;
27
28
  }
28
29
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -117,6 +118,9 @@
117
118
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
118
119
  border-bottom: 1px solid #eaeaea;
119
120
  }
121
+ .e-accordion .e-acrdn-item:first-child {
122
+ margin-top: 0;
123
+ }
120
124
  .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
121
125
  margin-bottom: 0;
122
126
  margin-top: 0;
@@ -206,6 +210,9 @@
206
210
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
207
211
  padding: 0 42px 0 24px;
208
212
  }
213
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
214
+ box-shadow: none;
215
+ }
209
216
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
210
217
  padding: 0;
211
218
  }
@@ -384,6 +391,7 @@
384
391
  color: #333;
385
392
  background: none;
386
393
  border-top: 0;
394
+ border-bottom: 0;
387
395
  }
388
396
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
389
397
  color: #333;
@@ -487,6 +495,8 @@
487
495
  }
488
496
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
489
497
  box-shadow: none;
498
+ position: relative;
499
+ z-index: 2;
490
500
  }
491
501
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
492
502
  border-color: #eaeaea;
package/styles/accordion/fluent-dark.css CHANGED
@@ -23,6 +23,7 @@
23
23
  }
24
24
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
25
25
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
26
+ box-shadow: none;
26
27
  padding: 12px 0 12px 28px;
27
28
  }
28
29
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -117,6 +118,9 @@
117
118
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
118
119
  border-bottom: 1px none #292827;
119
120
  }
121
+ .e-accordion .e-acrdn-item:first-child {
122
+ margin-top: 0;
123
+ }
120
124
  .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
121
125
  margin-bottom: 0;
122
126
  margin-top: 0;
@@ -206,6 +210,9 @@
206
210
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
207
211
  padding: 8px 0 8px 26px;
208
212
  }
213
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
214
+ box-shadow: none;
215
+ }
209
216
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
210
217
  padding: 0;
211
218
  }
@@ -384,6 +391,7 @@
384
391
  color: #f3f2f1;
385
392
  background: none;
386
393
  border-top: 0;
394
+ border-bottom: 1px solid #292827;
387
395
  }
388
396
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
389
397
  color: #f3f2f1;
@@ -487,6 +495,8 @@
487
495
  }
488
496
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
489
497
  box-shadow: none;
498
+ position: relative;
499
+ z-index: 2;
490
500
  }
491
501
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
492
502
  border-color: #292827;
package/styles/accordion/fluent.css CHANGED
@@ -23,6 +23,7 @@
23
23
  }
24
24
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
25
25
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
26
+ box-shadow: none;
26
27
  padding: 12px 0 12px 28px;
27
28
  }
28
29
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -117,6 +118,9 @@
117
118
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
118
119
  border-bottom: 1px none #edebe9;
119
120
  }
121
+ .e-accordion .e-acrdn-item:first-child {
122
+ margin-top: 0;
123
+ }
120
124
  .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
121
125
  margin-bottom: 0;
122
126
  margin-top: 0;
@@ -206,6 +210,9 @@
206
210
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
207
211
  padding: 8px 0 8px 26px;
208
212
  }
213
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
214
+ box-shadow: none;
215
+ }
209
216
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
210
217
  padding: 0;
211
218
  }
@@ -384,6 +391,7 @@
384
391
  color: #201f1e;
385
392
  background: none;
386
393
  border-top: 0;
394
+ border-bottom: 1px solid #edebe9;
387
395
  }
388
396
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
389
397
  color: #201f1e;
@@ -487,6 +495,8 @@
487
495
  }
488
496
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
489
497
  box-shadow: none;
498
+ position: relative;
499
+ z-index: 2;
490
500
  }
491
501
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
492
502
  border-color: #edebe9;
package/styles/accordion/highcontrast-light.css CHANGED
@@ -22,6 +22,7 @@
22
22
  }
23
23
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
24
24
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
25
+ box-shadow: none;
25
26
  padding: 0 42px 0 24px;
26
27
  }
27
28
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -116,6 +117,9 @@
116
117
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
117
118
  border-bottom: 1px solid #757575;
118
119
  }
120
+ .e-accordion .e-acrdn-item:first-child {
121
+ margin-top: 0;
122
+ }
119
123
  .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
120
124
  margin-bottom: 0;
121
125
  margin-top: 0;
@@ -205,6 +209,9 @@
205
209
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
206
210
  padding: 0 42px 0 24px;
207
211
  }
212
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
213
+ box-shadow: none;
214
+ }
208
215
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
209
216
  padding: 0;
210
217
  }
@@ -383,6 +390,7 @@
383
390
  color: #000;
384
391
  background: #fff;
385
392
  border-top: 0;
393
+ border-bottom: 0;
386
394
  }
387
395
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
388
396
  color: #000;
@@ -486,6 +494,8 @@
486
494
  }
487
495
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
488
496
  box-shadow: none;
497
+ position: relative;
498
+ z-index: 2;
489
499
  }
490
500
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
491
501
  border-color: #757575;
package/styles/accordion/highcontrast.css CHANGED
@@ -23,6 +23,7 @@
23
23
  }
24
24
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
25
25
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
26
+ box-shadow: none;
26
27
  padding: 0 42px 0 24px;
27
28
  }
28
29
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -117,6 +118,9 @@
117
118
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
118
119
  border-bottom: 1px solid #969696;
119
120
  }
121
+ .e-accordion .e-acrdn-item:first-child {
122
+ margin-top: 0;
123
+ }
120
124
  .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
121
125
  margin-bottom: 0;
122
126
  margin-top: 0;
@@ -206,6 +210,9 @@
206
210
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
207
211
  padding: 0 42px 0 24px;
208
212
  }
213
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
214
+ box-shadow: none;
215
+ }
209
216
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
210
217
  padding: 0;
211
218
  }
@@ -384,6 +391,7 @@
384
391
  color: #fff;
385
392
  background: #000;
386
393
  border-top: 0;
394
+ border-bottom: 0;
387
395
  }
388
396
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
389
397
  color: #fff;
@@ -487,6 +495,8 @@
487
495
  }
488
496
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
489
497
  box-shadow: none;
498
+ position: relative;
499
+ z-index: 2;
490
500
  }
491
501
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
492
502
  border-color: #969696;
package/styles/accordion/material-dark.css CHANGED
@@ -23,6 +23,7 @@
23
23
  }
24
24
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
25
25
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
26
+ box-shadow: none;
26
27
  padding: 0 46px 0 32px;
27
28
  }
28
29
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -117,6 +118,9 @@
117
118
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
118
119
  border-bottom: 0;
119
120
  }
121
+ .e-accordion .e-acrdn-item:first-child {
122
+ margin-top: 0;
123
+ }
120
124
  .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
121
125
  margin-bottom: 0;
122
126
  margin-top: 0;
@@ -206,6 +210,9 @@
206
210
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
207
211
  padding: 0 40px 0 32px;
208
212
  }
213
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
214
+ box-shadow: none;
215
+ }
209
216
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
210
217
  padding: 0;
211
218
  }
@@ -384,6 +391,7 @@
384
391
  color: #fff;
385
392
  background: none;
386
393
  border-top: 0;
394
+ border-bottom: 0;
387
395
  }
388
396
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
389
397
  color: #00b0ff;
@@ -487,6 +495,8 @@
487
495
  }
488
496
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
489
497
  box-shadow: none;
498
+ position: relative;
499
+ z-index: 2;
490
500
  }
491
501
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
492
502
  border-color: transparent transparent #616161;
package/styles/accordion/material.css CHANGED
@@ -24,6 +24,7 @@
24
24
  }
25
25
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
26
26
  .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
27
+ box-shadow: none;
27
28
  padding: 0 46px 0 32px;
28
29
  }
29
30
  .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -118,6 +119,9 @@
118
119
  .e-accordion .e-acrdn-item.e-select.e-selected:last-child {
119
120
  border-bottom: 0;
120
121
  }
122
+ .e-accordion .e-acrdn-item:first-child {
123
+ margin-top: 0;
124
+ }
121
125
  .e-accordion .e-acrdn-item:not(.e-select) + .e-acrdn-item:not(.e-select) {
122
126
  margin-bottom: 0;
123
127
  margin-top: 0;
@@ -207,6 +211,9 @@
207
211
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
208
212
  padding: 0 40px 0 32px;
209
213
  }
214
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
215
+ box-shadow: none;
216
+ }
210
217
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
211
218
  padding: 0;
212
219
  }
@@ -385,6 +392,7 @@
385
392
  color: rgba(0, 0, 0, 0.87);
386
393
  background: none;
387
394
  border-top: 0;
395
+ border-bottom: 0;
388
396
  }
389
397
  .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
390
398
  color: rgba(0, 0, 0, 0.87);
@@ -488,6 +496,8 @@
488
496
  }
489
497
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
490
498
  box-shadow: none;
499
+ position: relative;
500
+ z-index: 2;
491
501
  }
492
502
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
493
503
  border-color: transparent transparent rgba(0, 0, 0, 0.12);