@syncfusion/ej2-navigations 33.2.7 → 33.2.10

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 (102) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +60 -3
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +60 -3
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +2 -2
  12. package/src/accordion/accordion.d.ts +3 -0
  13. package/src/accordion/accordion.js +27 -2
  14. package/src/common/menu-base.js +3 -0
  15. package/src/sidebar/sidebar.d.ts +1 -0
  16. package/src/sidebar/sidebar.js +9 -1
  17. package/src/tab/tab.d.ts +1 -0
  18. package/src/tab/tab.js +21 -0
  19. package/styles/accordion/_layout.scss +10 -4
  20. package/styles/accordion/_material3-dark-definition.scss +1 -1
  21. package/styles/accordion/_material3-definition.scss +1 -1
  22. package/styles/accordion/_tailwind3-definition.scss +1 -1
  23. package/styles/accordion/_theme.scss +0 -4
  24. package/styles/accordion/bds.css +8 -8
  25. package/styles/accordion/bootstrap-dark.css +8 -8
  26. package/styles/accordion/bootstrap.css +8 -8
  27. package/styles/accordion/bootstrap4.css +8 -8
  28. package/styles/accordion/bootstrap5-dark.css +8 -8
  29. package/styles/accordion/bootstrap5.3.css +8 -8
  30. package/styles/accordion/bootstrap5.css +8 -8
  31. package/styles/accordion/fabric-dark.css +8 -8
  32. package/styles/accordion/fabric.css +8 -8
  33. package/styles/accordion/fluent-dark.css +8 -8
  34. package/styles/accordion/fluent.css +8 -8
  35. package/styles/accordion/fluent2.css +8 -16
  36. package/styles/accordion/highcontrast-light.css +8 -8
  37. package/styles/accordion/highcontrast.css +8 -8
  38. package/styles/accordion/material-dark.css +8 -8
  39. package/styles/accordion/material.css +8 -8
  40. package/styles/accordion/material3-dark.css +8 -8
  41. package/styles/accordion/material3.css +8 -8
  42. package/styles/accordion/tailwind-dark.css +8 -8
  43. package/styles/accordion/tailwind.css +8 -8
  44. package/styles/accordion/tailwind3.css +8 -16
  45. package/styles/bds-lite.css +8 -8
  46. package/styles/bds.css +8 -8
  47. package/styles/bootstrap-dark-lite.css +8 -8
  48. package/styles/bootstrap-dark.css +9 -9
  49. package/styles/bootstrap-lite.css +8 -8
  50. package/styles/bootstrap.css +9 -9
  51. package/styles/bootstrap4-lite.css +8 -8
  52. package/styles/bootstrap4.css +8 -8
  53. package/styles/bootstrap5-dark-lite.css +8 -8
  54. package/styles/bootstrap5-dark.css +8 -8
  55. package/styles/bootstrap5-lite.css +8 -8
  56. package/styles/bootstrap5.3-lite.css +8 -8
  57. package/styles/bootstrap5.3.css +8 -8
  58. package/styles/bootstrap5.css +8 -8
  59. package/styles/fabric-dark-lite.css +8 -8
  60. package/styles/fabric-dark.css +9 -9
  61. package/styles/fabric-lite.css +8 -8
  62. package/styles/fabric.css +9 -9
  63. package/styles/fluent-dark-lite.css +8 -8
  64. package/styles/fluent-dark.css +8 -8
  65. package/styles/fluent-lite.css +8 -8
  66. package/styles/fluent.css +8 -8
  67. package/styles/fluent2-lite.css +8 -16
  68. package/styles/fluent2.css +8 -16
  69. package/styles/highcontrast-light-lite.css +8 -8
  70. package/styles/highcontrast-light.css +9 -9
  71. package/styles/highcontrast-lite.css +8 -8
  72. package/styles/highcontrast.css +9 -9
  73. package/styles/material-dark-lite.css +9 -9
  74. package/styles/material-dark.css +10 -10
  75. package/styles/material-lite.css +9 -9
  76. package/styles/material.css +10 -10
  77. package/styles/material3-dark-lite.css +8 -8
  78. package/styles/material3-dark.css +8 -8
  79. package/styles/material3-lite.css +8 -8
  80. package/styles/material3.css +8 -8
  81. package/styles/tailwind-dark-lite.css +8 -8
  82. package/styles/tailwind-dark.css +8 -8
  83. package/styles/tailwind-lite.css +8 -8
  84. package/styles/tailwind.css +8 -8
  85. package/styles/tailwind3-lite.css +8 -16
  86. package/styles/tailwind3.css +8 -16
  87. package/styles/treeview/_bootstrap-dark-definition.scss +1 -1
  88. package/styles/treeview/_bootstrap-definition.scss +1 -1
  89. package/styles/treeview/_fabric-dark-definition.scss +1 -1
  90. package/styles/treeview/_fabric-definition.scss +1 -1
  91. package/styles/treeview/_highcontrast-definition.scss +1 -1
  92. package/styles/treeview/_highcontrast-light-definition.scss +1 -1
  93. package/styles/treeview/_material-dark-definition.scss +2 -2
  94. package/styles/treeview/_material-definition.scss +2 -2
  95. package/styles/treeview/bootstrap-dark.css +1 -1
  96. package/styles/treeview/bootstrap.css +1 -1
  97. package/styles/treeview/fabric-dark.css +1 -1
  98. package/styles/treeview/fabric.css +1 -1
  99. package/styles/treeview/highcontrast-light.css +1 -1
  100. package/styles/treeview/highcontrast.css +1 -1
  101. package/styles/treeview/material-dark.css +2 -2
  102. package/styles/treeview/material.css +2 -2
@@ -3818,6 +3818,10 @@
3818
3818
  .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 {
3819
3819
  text-decoration: none;
3820
3820
  }
3821
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
3822
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
3823
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
3824
+ }
3821
3825
  .e-accordion .e-acrdn-item .e-acrdn-header {
3822
3826
  border-radius: calc(var(--e-radius) * 0);
3823
3827
  line-height: 22px;
@@ -3869,13 +3873,13 @@
3869
3873
  .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 {
3870
3874
  padding: 16px 16px 16px 26px;
3871
3875
  }
3872
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
3873
- padding: 10px 0 10px 26px;
3874
- }
3875
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
3876
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
3876
3877
  -webkit-box-shadow: inset 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.25);
3877
3878
  box-shadow: inset 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.25);
3878
3879
  }
3880
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
3881
+ padding: 10px 0 10px 26px;
3882
+ }
3879
3883
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
3880
3884
  padding: 0;
3881
3885
  }
@@ -4165,8 +4169,6 @@
4165
4169
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
4166
4170
  border: 0;
4167
4171
  background: none;
4168
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
4169
- box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
4170
4172
  }
4171
4173
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
4172
4174
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -4245,8 +4247,6 @@
4245
4247
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
4246
4248
  position: relative;
4247
4249
  z-index: 2;
4248
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
4249
- box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
4250
4250
  }
4251
4251
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
4252
4252
  border-color: var(--color-sf-border-light);
@@ -2630,6 +2630,10 @@
2630
2630
  .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 {
2631
2631
  text-decoration: none;
2632
2632
  }
2633
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2634
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2635
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2636
+ }
2633
2637
  .e-accordion .e-acrdn-item .e-acrdn-header {
2634
2638
  border-radius: 0;
2635
2639
  line-height: 22px;
@@ -2681,13 +2685,13 @@
2681
2685
  .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 {
2682
2686
  padding: 16px 16px 16px 26px;
2683
2687
  }
2684
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2685
- padding: 10px 0 10px 26px;
2686
- }
2687
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2688
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2688
2689
  -webkit-box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2689
2690
  box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2690
2691
  }
2692
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2693
+ padding: 10px 0 10px 26px;
2694
+ }
2691
2695
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2692
2696
  padding: 0;
2693
2697
  }
@@ -2893,8 +2897,6 @@
2893
2897
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2894
2898
  border: 0;
2895
2899
  background: none;
2896
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2897
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2898
2900
  }
2899
2901
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2900
2902
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2973,8 +2975,6 @@
2973
2975
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2974
2976
  position: relative;
2975
2977
  z-index: 2;
2976
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2977
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2978
2978
  }
2979
2979
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2980
2980
  border-color: #dee2e6;
@@ -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: 1px solid #414040;
2263
2267
  background: #414040;
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: #414040;
@@ -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: 1px solid #414040;
2792
2796
  background: #414040;
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: #414040;
@@ -8689,7 +8689,7 @@
8689
8689
 
8690
8690
  .e-bigger .e-treeview .e-list-text,
8691
8691
  .e-treeview.e-bigger .e-list-text {
8692
- font-size: 15px;
8692
+ font-size: 16px;
8693
8693
  }
8694
8694
  .e-bigger .e-treeview .e-icon-collapsible::before,
8695
8695
  .e-bigger .e-treeview .e-icon-expandable::before,
@@ -2001,6 +2001,10 @@
2001
2001
  .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 {
2002
2002
  text-decoration: none;
2003
2003
  }
2004
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
2005
+ -webkit-box-shadow: none;
2006
+ box-shadow: none;
2007
+ }
2004
2008
  .e-accordion .e-acrdn-item .e-acrdn-header {
2005
2009
  border-radius: 0;
2006
2010
  line-height: 39px;
@@ -2052,13 +2056,13 @@
2052
2056
  .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 {
2053
2057
  padding: 15px 15px 15px 24px;
2054
2058
  }
2055
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2056
- padding: 0 42px 0 24px;
2057
- }
2058
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2059
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
2059
2060
  -webkit-box-shadow: none;
2060
2061
  box-shadow: none;
2061
2062
  }
2063
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
2064
+ padding: 0 42px 0 24px;
2065
+ }
2062
2066
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
2063
2067
  padding: 0;
2064
2068
  }
@@ -2264,8 +2268,6 @@
2264
2268
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2265
2269
  border: 1px solid #f4f4f4;
2266
2270
  background: #f4f4f4;
2267
- -webkit-box-shadow: none;
2268
- box-shadow: none;
2269
2271
  }
2270
2272
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2271
2273
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2344,8 +2346,6 @@
2344
2346
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2345
2347
  position: relative;
2346
2348
  z-index: 2;
2347
- -webkit-box-shadow: none;
2348
- box-shadow: none;
2349
2349
  }
2350
2350
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
2351
2351
  border-color: #eaeaea;
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;
@@ -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,
@@ -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;
@@ -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;
@@ -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;
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;
@@ -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;
@@ -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;
@@ -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;