@syncfusion/ej2-navigations 33.2.6 → 33.2.8

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 (117) hide show
  1. package/dist/ej2-navigations.min.js +1 -10
  2. package/dist/ej2-navigations.umd.min.js +1 -10
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +92 -13
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +92 -13
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +1 -10
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +0 -9
  11. package/package.json +2 -2
  12. package/src/accordion/accordion.d.ts +3 -0
  13. package/src/accordion/accordion.js +34 -10
  14. package/src/sidebar/sidebar.d.ts +1 -0
  15. package/src/sidebar/sidebar.js +9 -1
  16. package/src/tab/tab.d.ts +1 -0
  17. package/src/tab/tab.js +36 -2
  18. package/src/toolbar/toolbar.js +7 -0
  19. package/src/treeview/treeview.js +6 -0
  20. package/styles/accordion/_layout.scss +10 -4
  21. package/styles/accordion/_material3-dark-definition.scss +1 -1
  22. package/styles/accordion/_material3-definition.scss +1 -1
  23. package/styles/accordion/_tailwind3-definition.scss +1 -1
  24. package/styles/accordion/_theme.scss +0 -4
  25. package/styles/accordion/bds.css +8 -8
  26. package/styles/accordion/bootstrap-dark.css +8 -8
  27. package/styles/accordion/bootstrap.css +8 -8
  28. package/styles/accordion/bootstrap4.css +8 -8
  29. package/styles/accordion/bootstrap5-dark.css +8 -8
  30. package/styles/accordion/bootstrap5.3.css +8 -8
  31. package/styles/accordion/bootstrap5.css +8 -8
  32. package/styles/accordion/fabric-dark.css +8 -8
  33. package/styles/accordion/fabric.css +8 -8
  34. package/styles/accordion/fluent-dark.css +8 -8
  35. package/styles/accordion/fluent.css +8 -8
  36. package/styles/accordion/fluent2.css +8 -16
  37. package/styles/accordion/highcontrast-light.css +8 -8
  38. package/styles/accordion/highcontrast.css +8 -8
  39. package/styles/accordion/material-dark.css +8 -8
  40. package/styles/accordion/material.css +8 -8
  41. package/styles/accordion/material3-dark.css +8 -8
  42. package/styles/accordion/material3.css +8 -8
  43. package/styles/accordion/tailwind-dark.css +8 -8
  44. package/styles/accordion/tailwind.css +8 -8
  45. package/styles/accordion/tailwind3.css +8 -16
  46. package/styles/bds-lite.css +10 -10
  47. package/styles/bds.css +10 -10
  48. package/styles/bootstrap-dark-lite.css +10 -10
  49. package/styles/bootstrap-dark.css +11 -11
  50. package/styles/bootstrap-lite.css +12 -12
  51. package/styles/bootstrap.css +13 -13
  52. package/styles/bootstrap4-lite.css +10 -10
  53. package/styles/bootstrap4.css +10 -10
  54. package/styles/bootstrap5-dark-lite.css +10 -10
  55. package/styles/bootstrap5-dark.css +10 -10
  56. package/styles/bootstrap5-lite.css +10 -10
  57. package/styles/bootstrap5.3-lite.css +10 -10
  58. package/styles/bootstrap5.3.css +10 -10
  59. package/styles/bootstrap5.css +10 -10
  60. package/styles/fabric-dark-lite.css +10 -10
  61. package/styles/fabric-dark.css +11 -11
  62. package/styles/fabric-lite.css +10 -10
  63. package/styles/fabric.css +11 -11
  64. package/styles/fluent-dark-lite.css +10 -10
  65. package/styles/fluent-dark.css +10 -10
  66. package/styles/fluent-lite.css +10 -10
  67. package/styles/fluent.css +10 -10
  68. package/styles/fluent2-lite.css +13 -21
  69. package/styles/fluent2.css +13 -21
  70. package/styles/highcontrast-light-lite.css +10 -10
  71. package/styles/highcontrast-light.css +11 -11
  72. package/styles/highcontrast-lite.css +12 -12
  73. package/styles/highcontrast.css +13 -13
  74. package/styles/material-dark-lite.css +11 -11
  75. package/styles/material-dark.css +12 -12
  76. package/styles/material-lite.css +11 -11
  77. package/styles/material.css +12 -12
  78. package/styles/material3-dark-lite.css +10 -10
  79. package/styles/material3-dark.css +10 -10
  80. package/styles/material3-lite.css +10 -10
  81. package/styles/material3.css +10 -10
  82. package/styles/tailwind-dark-lite.css +10 -10
  83. package/styles/tailwind-dark.css +10 -10
  84. package/styles/tailwind-lite.css +10 -10
  85. package/styles/tailwind.css +10 -10
  86. package/styles/tailwind3-lite.css +10 -18
  87. package/styles/tailwind3.css +10 -18
  88. package/styles/treeview/_bootstrap-dark-definition.scss +1 -1
  89. package/styles/treeview/_bootstrap-definition.scss +1 -1
  90. package/styles/treeview/_fabric-dark-definition.scss +1 -1
  91. package/styles/treeview/_fabric-definition.scss +1 -1
  92. package/styles/treeview/_highcontrast-definition.scss +1 -1
  93. package/styles/treeview/_highcontrast-light-definition.scss +1 -1
  94. package/styles/treeview/_material-dark-definition.scss +2 -2
  95. package/styles/treeview/_material-definition.scss +2 -2
  96. package/styles/treeview/_theme.scss +4 -4
  97. package/styles/treeview/bds.css +2 -2
  98. package/styles/treeview/bootstrap-dark.css +3 -3
  99. package/styles/treeview/bootstrap.css +5 -5
  100. package/styles/treeview/bootstrap4.css +2 -2
  101. package/styles/treeview/bootstrap5-dark.css +2 -2
  102. package/styles/treeview/bootstrap5.3.css +2 -2
  103. package/styles/treeview/bootstrap5.css +2 -2
  104. package/styles/treeview/fabric-dark.css +3 -3
  105. package/styles/treeview/fabric.css +3 -3
  106. package/styles/treeview/fluent-dark.css +2 -2
  107. package/styles/treeview/fluent.css +2 -2
  108. package/styles/treeview/fluent2.css +5 -5
  109. package/styles/treeview/highcontrast-light.css +3 -3
  110. package/styles/treeview/highcontrast.css +5 -5
  111. package/styles/treeview/material-dark.css +4 -4
  112. package/styles/treeview/material.css +4 -4
  113. package/styles/treeview/material3-dark.css +2 -2
  114. package/styles/treeview/material3.css +2 -2
  115. package/styles/treeview/tailwind-dark.css +2 -2
  116. package/styles/treeview/tailwind.css +2 -2
  117. package/styles/treeview/tailwind3.css +2 -2
package/styles/fabric.css CHANGED
@@ -2531,6 +2531,10 @@
2531
2531
  .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 {
2532
2532
  text-decoration: none;
2533
2533
  }
2534
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2535
+ -webkit-box-shadow: none;
2536
+ box-shadow: none;
2537
+ }
2534
2538
  .e-accordion .e-acrdn-item .e-acrdn-header {
2535
2539
  border-radius: 0;
2536
2540
  line-height: 39px;
@@ -2582,13 +2586,13 @@
2582
2586
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2583
2587
  padding: 15px 15px 15px 24px;
2584
2588
  }
2585
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2586
- padding: 0 42px 0 24px;
2587
- }
2588
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2589
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2589
2590
  -webkit-box-shadow: none;
2590
2591
  box-shadow: none;
2591
2592
  }
2593
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2594
+ padding: 0 42px 0 24px;
2595
+ }
2592
2596
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2593
2597
  padding: 0;
2594
2598
  }
@@ -2794,8 +2798,6 @@
2794
2798
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2795
2799
  border: 1px solid #f4f4f4;
2796
2800
  background: #f4f4f4;
2797
- -webkit-box-shadow: none;
2798
- box-shadow: none;
2799
2801
  }
2800
2802
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2801
2803
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2874,8 +2876,6 @@
2874
2876
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2875
2877
  position: relative;
2876
2878
  z-index: 2;
2877
- -webkit-box-shadow: none;
2878
- box-shadow: none;
2879
2879
  }
2880
2880
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2881
2881
  border-color: #eaeaea;
@@ -8410,7 +8410,7 @@
8410
8410
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8411
8411
  color: #333;
8412
8412
  }
8413
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8413
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
8414
8414
  -webkit-box-shadow: inset 0 0 0 1px #000;
8415
8415
  box-shadow: inset 0 0 0 1px #000;
8416
8416
  border: none;
@@ -8521,7 +8521,7 @@
8521
8521
  -webkit-box-shadow: none;
8522
8522
  box-shadow: none;
8523
8523
  }
8524
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8524
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
8525
8525
  -webkit-box-shadow: inset 0 0 0 1px #000;
8526
8526
  box-shadow: inset 0 0 0 1px #000;
8527
8527
  border: none;
@@ -8697,7 +8697,7 @@
8697
8697
 
8698
8698
  .e-bigger .e-treeview .e-list-text,
8699
8699
  .e-treeview.e-bigger .e-list-text {
8700
- font-size: 15px;
8700
+ font-size: 16px;
8701
8701
  }
8702
8702
  .e-bigger .e-treeview .e-icon-collapsible::before,
8703
8703
  .e-bigger .e-treeview .e-icon-expandable::before,
package/styles/fluent-dark-lite.css CHANGED
@@ -2064,6 +2064,10 @@
2064
2064
  .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 {
2065
2065
  text-decoration: none;
2066
2066
  }
2067
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2068
+ -webkit-box-shadow: none;
2069
+ box-shadow: none;
2070
+ }
2067
2071
  .e-accordion .e-acrdn-item .e-acrdn-header {
2068
2072
  border-radius: 0;
2069
2073
  line-height: 22px;
@@ -2115,13 +2119,13 @@
2115
2119
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2116
2120
  padding: 16px 16px 16px 26px;
2117
2121
  }
2118
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2119
- padding: 8px 0 8px 26px;
2120
- }
2121
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2122
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2122
2123
  -webkit-box-shadow: none;
2123
2124
  box-shadow: none;
2124
2125
  }
2126
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2127
+ padding: 8px 0 8px 26px;
2128
+ }
2125
2129
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2126
2130
  padding: 0;
2127
2131
  }
@@ -2327,8 +2331,6 @@
2327
2331
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2328
2332
  border: 1px solid #f3f2f1;
2329
2333
  background: #252423;
2330
- -webkit-box-shadow: none;
2331
- box-shadow: none;
2332
2334
  }
2333
2335
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2334
2336
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2407,8 +2409,6 @@
2407
2409
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2408
2410
  position: relative;
2409
2411
  z-index: 2;
2410
- -webkit-box-shadow: none;
2411
- box-shadow: none;
2412
2412
  }
2413
2413
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2414
2414
  border-color: #292827;
@@ -6591,7 +6591,7 @@
6591
6591
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6592
6592
  color: #f3f2f1;
6593
6593
  }
6594
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6594
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
6595
6595
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
6596
6596
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
6597
6597
  border: none;
@@ -6711,7 +6711,7 @@
6711
6711
  -webkit-box-shadow: none;
6712
6712
  box-shadow: none;
6713
6713
  }
6714
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6714
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
6715
6715
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
6716
6716
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
6717
6717
  }
package/styles/fluent-dark.css CHANGED
@@ -2606,6 +2606,10 @@
2606
2606
  .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 {
2607
2607
  text-decoration: none;
2608
2608
  }
2609
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2610
+ -webkit-box-shadow: none;
2611
+ box-shadow: none;
2612
+ }
2609
2613
  .e-accordion .e-acrdn-item .e-acrdn-header {
2610
2614
  border-radius: 0;
2611
2615
  line-height: 22px;
@@ -2657,13 +2661,13 @@
2657
2661
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2658
2662
  padding: 16px 16px 16px 26px;
2659
2663
  }
2660
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2661
- padding: 8px 0 8px 26px;
2662
- }
2663
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2664
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2664
2665
  -webkit-box-shadow: none;
2665
2666
  box-shadow: none;
2666
2667
  }
2668
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2669
+ padding: 8px 0 8px 26px;
2670
+ }
2667
2671
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2668
2672
  padding: 0;
2669
2673
  }
@@ -2869,8 +2873,6 @@
2869
2873
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2870
2874
  border: 1px solid #f3f2f1;
2871
2875
  background: #252423;
2872
- -webkit-box-shadow: none;
2873
- box-shadow: none;
2874
2876
  }
2875
2877
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2876
2878
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2949,8 +2951,6 @@
2949
2951
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2950
2952
  position: relative;
2951
2953
  z-index: 2;
2952
- -webkit-box-shadow: none;
2953
- box-shadow: none;
2954
2954
  }
2955
2955
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2956
2956
  border-color: #292827;
@@ -8477,7 +8477,7 @@
8477
8477
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8478
8478
  color: #f3f2f1;
8479
8479
  }
8480
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8480
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
8481
8481
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
8482
8482
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
8483
8483
  border: none;
@@ -8597,7 +8597,7 @@
8597
8597
  -webkit-box-shadow: none;
8598
8598
  box-shadow: none;
8599
8599
  }
8600
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8600
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
8601
8601
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
8602
8602
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
8603
8603
  }
package/styles/fluent-lite.css CHANGED
@@ -2064,6 +2064,10 @@
2064
2064
  .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 {
2065
2065
  text-decoration: none;
2066
2066
  }
2067
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2068
+ -webkit-box-shadow: none;
2069
+ box-shadow: none;
2070
+ }
2067
2071
  .e-accordion .e-acrdn-item .e-acrdn-header {
2068
2072
  border-radius: 0;
2069
2073
  line-height: 22px;
@@ -2115,13 +2119,13 @@
2115
2119
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2116
2120
  padding: 16px 16px 16px 26px;
2117
2121
  }
2118
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2119
- padding: 8px 0 8px 26px;
2120
- }
2121
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2122
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2122
2123
  -webkit-box-shadow: none;
2123
2124
  box-shadow: none;
2124
2125
  }
2126
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2127
+ padding: 8px 0 8px 26px;
2128
+ }
2125
2129
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2126
2130
  padding: 0;
2127
2131
  }
@@ -2327,8 +2331,6 @@
2327
2331
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2328
2332
  border: 1px solid #201f1e;
2329
2333
  background: #f3f2f1;
2330
- -webkit-box-shadow: none;
2331
- box-shadow: none;
2332
2334
  }
2333
2335
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2334
2336
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2407,8 +2409,6 @@
2407
2409
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2408
2410
  position: relative;
2409
2411
  z-index: 2;
2410
- -webkit-box-shadow: none;
2411
- box-shadow: none;
2412
2412
  }
2413
2413
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2414
2414
  border-color: #edebe9;
@@ -6591,7 +6591,7 @@
6591
6591
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6592
6592
  color: #323130;
6593
6593
  }
6594
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6594
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
6595
6595
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
6596
6596
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
6597
6597
  border: none;
@@ -6711,7 +6711,7 @@
6711
6711
  -webkit-box-shadow: none;
6712
6712
  box-shadow: none;
6713
6713
  }
6714
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6714
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
6715
6715
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
6716
6716
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
6717
6717
  }
package/styles/fluent.css CHANGED
@@ -2606,6 +2606,10 @@
2606
2606
  .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 {
2607
2607
  text-decoration: none;
2608
2608
  }
2609
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2610
+ -webkit-box-shadow: none;
2611
+ box-shadow: none;
2612
+ }
2609
2613
  .e-accordion .e-acrdn-item .e-acrdn-header {
2610
2614
  border-radius: 0;
2611
2615
  line-height: 22px;
@@ -2657,13 +2661,13 @@
2657
2661
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2658
2662
  padding: 16px 16px 16px 26px;
2659
2663
  }
2660
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2661
- padding: 8px 0 8px 26px;
2662
- }
2663
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2664
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2664
2665
  -webkit-box-shadow: none;
2665
2666
  box-shadow: none;
2666
2667
  }
2668
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2669
+ padding: 8px 0 8px 26px;
2670
+ }
2667
2671
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2668
2672
  padding: 0;
2669
2673
  }
@@ -2869,8 +2873,6 @@
2869
2873
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2870
2874
  border: 1px solid #201f1e;
2871
2875
  background: #f3f2f1;
2872
- -webkit-box-shadow: none;
2873
- box-shadow: none;
2874
2876
  }
2875
2877
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2876
2878
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2949,8 +2951,6 @@
2949
2951
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2950
2952
  position: relative;
2951
2953
  z-index: 2;
2952
- -webkit-box-shadow: none;
2953
- box-shadow: none;
2954
2954
  }
2955
2955
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2956
2956
  border-color: #edebe9;
@@ -8477,7 +8477,7 @@
8477
8477
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8478
8478
  color: #323130;
8479
8479
  }
8480
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8480
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
8481
8481
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
8482
8482
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
8483
8483
  border: none;
@@ -8597,7 +8597,7 @@
8597
8597
  -webkit-box-shadow: none;
8598
8598
  box-shadow: none;
8599
8599
  }
8600
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8600
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
8601
8601
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
8602
8602
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
8603
8603
  }
package/styles/fluent2-lite.css CHANGED
@@ -2982,6 +2982,10 @@
2982
2982
  .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 {
2983
2983
  text-decoration: none;
2984
2984
  }
2985
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2986
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
2987
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
2988
+ }
2985
2989
  .e-accordion .e-acrdn-item .e-acrdn-header {
2986
2990
  border-radius: calc(var(--e-radius) * 0.25);
2987
2991
  line-height: 16px;
@@ -3033,13 +3037,13 @@
3033
3037
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
3034
3038
  padding: 16px 16px 16px 26px;
3035
3039
  }
3036
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
3037
- padding: 6px 0 6px 26px;
3038
- }
3039
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
3040
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
3040
3041
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3041
3042
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3042
3043
  }
3044
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
3045
+ padding: 6px 0 6px 26px;
3046
+ }
3043
3047
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
3044
3048
  padding: 0;
3045
3049
  }
@@ -3331,18 +3335,12 @@
3331
3335
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
3332
3336
  border: 0;
3333
3337
  background: transparent;
3334
- -webkit-box-shadow: none;
3335
- box-shadow: none;
3336
3338
  }
3337
3339
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
3338
3340
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
3339
3341
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon {
3340
3342
  color: var(--color-sf-content-text-color);
3341
3343
  }
3342
- .e-accordion .e-acrdn-item .e-acrdn-header:focus-visible {
3343
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3344
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3345
- }
3346
3344
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
3347
3345
  color: var(--color-sf-content-text-color);
3348
3346
  }
@@ -3415,12 +3413,6 @@
3415
3413
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3416
3414
  position: relative;
3417
3415
  z-index: 2;
3418
- -webkit-box-shadow: none;
3419
- box-shadow: none;
3420
- }
3421
- .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
3422
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3423
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3424
3416
  }
3425
3417
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
3426
3418
  border-color: transparent;
@@ -8740,17 +8732,17 @@
8740
8732
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8741
8733
  color: var(--color-sf-icon-color-hover);
8742
8734
  }
8743
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8735
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
8744
8736
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
8745
8737
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
8746
8738
  border: none;
8747
8739
  background-color: transparent;
8748
8740
  }
8749
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8741
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-list-text {
8750
8742
  color: var(--color-sf-content-text-color);
8751
8743
  }
8752
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8753
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8744
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-icon-collapsible,
8745
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-icon-expandable {
8754
8746
  color: var(--color-sf-icon-color);
8755
8747
  }
8756
8748
  .e-treeview .e-list-item.e-active {
@@ -8863,7 +8855,7 @@
8863
8855
  -webkit-box-shadow: none;
8864
8856
  box-shadow: none;
8865
8857
  }
8866
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8858
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
8867
8859
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
8868
8860
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
8869
8861
  background-color: transparent;
package/styles/fluent2.css CHANGED
@@ -3886,6 +3886,10 @@
3886
3886
  .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 {
3887
3887
  text-decoration: none;
3888
3888
  }
3889
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
3890
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3891
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3892
+ }
3889
3893
  .e-accordion .e-acrdn-item .e-acrdn-header {
3890
3894
  border-radius: calc(var(--e-radius) * 0.25);
3891
3895
  line-height: 16px;
@@ -3937,13 +3941,13 @@
3937
3941
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
3938
3942
  padding: 16px 16px 16px 26px;
3939
3943
  }
3940
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
3941
- padding: 6px 0 6px 26px;
3942
- }
3943
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
3944
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
3944
3945
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3945
3946
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3946
3947
  }
3948
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
3949
+ padding: 6px 0 6px 26px;
3950
+ }
3947
3951
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
3948
3952
  padding: 0;
3949
3953
  }
@@ -4235,18 +4239,12 @@
4235
4239
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
4236
4240
  border: 0;
4237
4241
  background: transparent;
4238
- -webkit-box-shadow: none;
4239
- box-shadow: none;
4240
4242
  }
4241
4243
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
4242
4244
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
4243
4245
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon {
4244
4246
  color: var(--color-sf-content-text-color);
4245
4247
  }
4246
- .e-accordion .e-acrdn-item .e-acrdn-header:focus-visible {
4247
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
4248
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
4249
- }
4250
4248
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
4251
4249
  color: var(--color-sf-content-text-color);
4252
4250
  }
@@ -4319,12 +4317,6 @@
4319
4317
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
4320
4318
  position: relative;
4321
4319
  z-index: 2;
4322
- -webkit-box-shadow: none;
4323
- box-shadow: none;
4324
- }
4325
- .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
4326
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
4327
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
4328
4320
  }
4329
4321
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
4330
4322
  border-color: transparent;
@@ -11311,17 +11303,17 @@
11311
11303
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
11312
11304
  color: var(--color-sf-icon-color-hover);
11313
11305
  }
11314
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
11306
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
11315
11307
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
11316
11308
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
11317
11309
  border: none;
11318
11310
  background-color: transparent;
11319
11311
  }
11320
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
11312
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-list-text {
11321
11313
  color: var(--color-sf-content-text-color);
11322
11314
  }
11323
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
11324
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
11315
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-icon-collapsible,
11316
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-icon-expandable {
11325
11317
  color: var(--color-sf-icon-color);
11326
11318
  }
11327
11319
  .e-treeview .e-list-item.e-active {
@@ -11434,7 +11426,7 @@
11434
11426
  -webkit-box-shadow: none;
11435
11427
  box-shadow: none;
11436
11428
  }
11437
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
11429
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
11438
11430
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
11439
11431
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
11440
11432
  background-color: transparent;
package/styles/highcontrast-light-lite.css CHANGED
@@ -1998,6 +1998,10 @@
1998
1998
  .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 {
1999
1999
  text-decoration: none;
2000
2000
  }
2001
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2002
+ -webkit-box-shadow: none;
2003
+ box-shadow: none;
2004
+ }
2001
2005
  .e-accordion .e-acrdn-item .e-acrdn-header {
2002
2006
  border-radius: 0;
2003
2007
  line-height: 39px;
@@ -2049,13 +2053,13 @@
2049
2053
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2050
2054
  padding: 15px 15px 15px 24px;
2051
2055
  }
2052
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2053
- padding: 0 42px 0 24px;
2054
- }
2055
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2056
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2056
2057
  -webkit-box-shadow: none;
2057
2058
  box-shadow: none;
2058
2059
  }
2060
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2061
+ padding: 0 42px 0 24px;
2062
+ }
2059
2063
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2060
2064
  padding: 0;
2061
2065
  }
@@ -2261,8 +2265,6 @@
2261
2265
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2262
2266
  border: 2px dashed #000;
2263
2267
  background: inherit;
2264
- -webkit-box-shadow: none;
2265
- box-shadow: none;
2266
2268
  }
2267
2269
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2268
2270
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2341,8 +2343,6 @@
2341
2343
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2342
2344
  position: relative;
2343
2345
  z-index: 2;
2344
- -webkit-box-shadow: none;
2345
- box-shadow: none;
2346
2346
  }
2347
2347
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2348
2348
  border-color: #757575;
@@ -6508,7 +6508,7 @@
6508
6508
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6509
6509
  color: #000;
6510
6510
  }
6511
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6511
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
6512
6512
  -webkit-box-shadow: inset 0 0 0 1px #000;
6513
6513
  box-shadow: inset 0 0 0 1px #000;
6514
6514
  border: none;
@@ -6619,7 +6619,7 @@
6619
6619
  -webkit-box-shadow: none;
6620
6620
  box-shadow: none;
6621
6621
  }
6622
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6622
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
6623
6623
  -webkit-box-shadow: inset 0 0 0 1px #000;
6624
6624
  box-shadow: inset 0 0 0 1px #000;
6625
6625
  }
package/styles/highcontrast-light.css CHANGED
@@ -2527,6 +2527,10 @@
2527
2527
  .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 {
2528
2528
  text-decoration: none;
2529
2529
  }
2530
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2531
+ -webkit-box-shadow: none;
2532
+ box-shadow: none;
2533
+ }
2530
2534
  .e-accordion .e-acrdn-item .e-acrdn-header {
2531
2535
  border-radius: 0;
2532
2536
  line-height: 39px;
@@ -2578,13 +2582,13 @@
2578
2582
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
2579
2583
  padding: 15px 15px 15px 24px;
2580
2584
  }
2581
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2582
- padding: 0 42px 0 24px;
2583
- }
2584
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2585
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2585
2586
  -webkit-box-shadow: none;
2586
2587
  box-shadow: none;
2587
2588
  }
2589
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2590
+ padding: 0 42px 0 24px;
2591
+ }
2588
2592
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2589
2593
  padding: 0;
2590
2594
  }
@@ -2790,8 +2794,6 @@
2790
2794
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2791
2795
  border: 2px dashed #000;
2792
2796
  background: inherit;
2793
- -webkit-box-shadow: none;
2794
- box-shadow: none;
2795
2797
  }
2796
2798
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2797
2799
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2870,8 +2872,6 @@
2870
2872
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2871
2873
  position: relative;
2872
2874
  z-index: 2;
2873
- -webkit-box-shadow: none;
2874
- box-shadow: none;
2875
2875
  }
2876
2876
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2877
2877
  border-color: #757575;
@@ -8394,7 +8394,7 @@
8394
8394
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8395
8395
  color: #000;
8396
8396
  }
8397
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8397
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
8398
8398
  -webkit-box-shadow: inset 0 0 0 1px #000;
8399
8399
  box-shadow: inset 0 0 0 1px #000;
8400
8400
  border: none;
@@ -8505,7 +8505,7 @@
8505
8505
  -webkit-box-shadow: none;
8506
8506
  box-shadow: none;
8507
8507
  }
8508
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8508
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
8509
8509
  -webkit-box-shadow: inset 0 0 0 1px #000;
8510
8510
  box-shadow: inset 0 0 0 1px #000;
8511
8511
  }
@@ -8679,7 +8679,7 @@
8679
8679
 
8680
8680
  .e-bigger .e-treeview .e-list-text,
8681
8681
  .e-treeview.e-bigger .e-list-text {
8682
- font-size: 15px;
8682
+ font-size: 16px;
8683
8683
  }
8684
8684
  .e-bigger .e-treeview .e-icon-collapsible::before,
8685
8685
  .e-bigger .e-treeview .e-icon-expandable::before,