@syncfusion/ej2-navigations 33.2.8 → 33.2.15

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 (80) hide show
  1. package/dist/ej2-navigations.min.js +10 -1
  2. package/dist/ej2-navigations.umd.min.js +10 -1
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +6 -0
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +6 -0
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +10 -1
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +9 -0
  11. package/package.json +4 -4
  12. package/src/accordion/accordion.js +3 -0
  13. package/src/common/menu-base.js +3 -0
  14. package/styles/accordion/_layout.scss +5 -0
  15. package/styles/accordion/_theme.scss +17 -0
  16. package/styles/accordion/bds.css +14 -0
  17. package/styles/accordion/bootstrap-dark.css +14 -0
  18. package/styles/accordion/bootstrap.css +14 -0
  19. package/styles/accordion/bootstrap4.css +14 -0
  20. package/styles/accordion/bootstrap5-dark.css +14 -0
  21. package/styles/accordion/bootstrap5.3.css +14 -0
  22. package/styles/accordion/bootstrap5.css +14 -0
  23. package/styles/accordion/fabric-dark.css +14 -0
  24. package/styles/accordion/fabric.css +14 -0
  25. package/styles/accordion/fluent-dark.css +14 -0
  26. package/styles/accordion/fluent.css +14 -0
  27. package/styles/accordion/fluent2.css +22 -0
  28. package/styles/accordion/highcontrast-light.css +14 -0
  29. package/styles/accordion/highcontrast.css +14 -0
  30. package/styles/accordion/material-dark.css +14 -0
  31. package/styles/accordion/material.css +14 -0
  32. package/styles/accordion/material3-dark.css +14 -0
  33. package/styles/accordion/material3.css +14 -0
  34. package/styles/accordion/tailwind-dark.css +14 -0
  35. package/styles/accordion/tailwind.css +14 -0
  36. package/styles/accordion/tailwind3.css +22 -0
  37. package/styles/bds-lite.css +14 -0
  38. package/styles/bds.css +14 -0
  39. package/styles/bootstrap-dark-lite.css +14 -0
  40. package/styles/bootstrap-dark.css +14 -0
  41. package/styles/bootstrap-lite.css +14 -0
  42. package/styles/bootstrap.css +14 -0
  43. package/styles/bootstrap4-lite.css +14 -0
  44. package/styles/bootstrap4.css +14 -0
  45. package/styles/bootstrap5-dark-lite.css +14 -0
  46. package/styles/bootstrap5-dark.css +14 -0
  47. package/styles/bootstrap5-lite.css +14 -0
  48. package/styles/bootstrap5.3-lite.css +14 -0
  49. package/styles/bootstrap5.3.css +14 -0
  50. package/styles/bootstrap5.css +14 -0
  51. package/styles/fabric-dark-lite.css +14 -0
  52. package/styles/fabric-dark.css +14 -0
  53. package/styles/fabric-lite.css +14 -0
  54. package/styles/fabric.css +14 -0
  55. package/styles/fluent-dark-lite.css +14 -0
  56. package/styles/fluent-dark.css +14 -0
  57. package/styles/fluent-lite.css +14 -0
  58. package/styles/fluent.css +14 -0
  59. package/styles/fluent2-lite.css +23 -1
  60. package/styles/fluent2.css +24 -2
  61. package/styles/highcontrast-light-lite.css +14 -0
  62. package/styles/highcontrast-light.css +14 -0
  63. package/styles/highcontrast-lite.css +14 -0
  64. package/styles/highcontrast.css +14 -0
  65. package/styles/material-dark-lite.css +14 -0
  66. package/styles/material-dark.css +14 -0
  67. package/styles/material-lite.css +14 -0
  68. package/styles/material.css +14 -0
  69. package/styles/material3-dark-lite.css +14 -0
  70. package/styles/material3-dark.css +14 -0
  71. package/styles/material3-lite.css +14 -0
  72. package/styles/material3.css +14 -0
  73. package/styles/menu/_fluent2-definition.scss +2 -2
  74. package/styles/menu/fluent2.css +2 -2
  75. package/styles/tailwind-dark-lite.css +14 -0
  76. package/styles/tailwind-dark.css +14 -0
  77. package/styles/tailwind-lite.css +14 -0
  78. package/styles/tailwind.css +14 -0
  79. package/styles/tailwind3-lite.css +22 -0
  80. package/styles/tailwind3.css +22 -0
@@ -329,6 +329,11 @@
329
329
  padding: 0 0 0 8px;
330
330
  }
331
331
 
332
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
333
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
334
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
335
+ }
336
+
332
337
 
333
338
 
334
339
 
@@ -664,6 +669,23 @@
664
669
  font-size: 14px;
665
670
  }
666
671
 
672
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
673
+ -webkit-box-shadow: none;
674
+ box-shadow: none;
675
+ }
676
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
677
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
678
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
679
+ }
680
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
681
+ -webkit-box-shadow: none;
682
+ box-shadow: none;
683
+ }
684
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus-visible {
685
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
686
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
687
+ }
688
+
667
689
 
668
690
 
669
691
 
@@ -2334,6 +2334,11 @@
2334
2334
  padding: 0 0 0 8px;
2335
2335
  }
2336
2336
 
2337
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2338
+ -webkit-box-shadow: none;
2339
+ box-shadow: none;
2340
+ }
2341
+
2337
2342
 
2338
2343
 
2339
2344
 
@@ -2599,6 +2604,15 @@
2599
2604
  font-size: 14px;
2600
2605
  }
2601
2606
 
2607
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2608
+ -webkit-box-shadow: none;
2609
+ box-shadow: none;
2610
+ }
2611
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2612
+ -webkit-box-shadow: none;
2613
+ box-shadow: none;
2614
+ }
2615
+
2602
2616
  .e-carousel .e-previous-icon::before {
2603
2617
  content: "\e765";
2604
2618
  }
package/styles/bds.css CHANGED
@@ -2946,6 +2946,11 @@
2946
2946
  padding: 0 0 0 8px;
2947
2947
  }
2948
2948
 
2949
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2950
+ -webkit-box-shadow: none;
2951
+ box-shadow: none;
2952
+ }
2953
+
2949
2954
 
2950
2955
 
2951
2956
 
@@ -3211,6 +3216,15 @@
3211
3216
  font-size: 14px;
3212
3217
  }
3213
3218
 
3219
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3220
+ -webkit-box-shadow: none;
3221
+ box-shadow: none;
3222
+ }
3223
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
3224
+ -webkit-box-shadow: none;
3225
+ box-shadow: none;
3226
+ }
3227
+
3214
3228
 
3215
3229
 
3216
3230
 
@@ -2120,6 +2120,11 @@
2120
2120
  padding: 0 0 0 10px;
2121
2121
  }
2122
2122
 
2123
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2124
+ -webkit-box-shadow: none;
2125
+ box-shadow: none;
2126
+ }
2127
+
2123
2128
  .e-accordion {
2124
2129
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2125
2130
  background: #1a1a1a;
@@ -2381,6 +2386,15 @@
2381
2386
  font-size: 14px;
2382
2387
  }
2383
2388
 
2389
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2390
+ -webkit-box-shadow: none;
2391
+ box-shadow: none;
2392
+ }
2393
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2394
+ -webkit-box-shadow: none;
2395
+ box-shadow: none;
2396
+ }
2397
+
2384
2398
  .e-carousel .e-previous-icon::before {
2385
2399
  content: "\e904";
2386
2400
  }
@@ -2649,6 +2649,11 @@
2649
2649
  padding: 0 0 0 10px;
2650
2650
  }
2651
2651
 
2652
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2653
+ -webkit-box-shadow: none;
2654
+ box-shadow: none;
2655
+ }
2656
+
2652
2657
  .e-accordion {
2653
2658
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2654
2659
  background: #1a1a1a;
@@ -2910,6 +2915,15 @@
2910
2915
  font-size: 14px;
2911
2916
  }
2912
2917
 
2918
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2919
+ -webkit-box-shadow: none;
2920
+ box-shadow: none;
2921
+ }
2922
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2923
+ -webkit-box-shadow: none;
2924
+ box-shadow: none;
2925
+ }
2926
+
2913
2927
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
2914
2928
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2915
2929
  font-size: 16px;
@@ -2126,6 +2126,11 @@
2126
2126
  padding: 0 0 0 10px;
2127
2127
  }
2128
2128
 
2129
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2130
+ -webkit-box-shadow: none;
2131
+ box-shadow: none;
2132
+ }
2133
+
2129
2134
  .e-accordion {
2130
2135
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2131
2136
  background: #fff;
@@ -2387,6 +2392,15 @@
2387
2392
  font-size: 14px;
2388
2393
  }
2389
2394
 
2395
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2396
+ -webkit-box-shadow: none;
2397
+ box-shadow: none;
2398
+ }
2399
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2400
+ -webkit-box-shadow: none;
2401
+ box-shadow: none;
2402
+ }
2403
+
2390
2404
  .e-carousel .e-previous-icon::before {
2391
2405
  content: "\e904";
2392
2406
  }
@@ -2657,6 +2657,11 @@
2657
2657
  padding: 0 0 0 10px;
2658
2658
  }
2659
2659
 
2660
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2661
+ -webkit-box-shadow: none;
2662
+ box-shadow: none;
2663
+ }
2664
+
2660
2665
  .e-accordion {
2661
2666
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2662
2667
  background: #fff;
@@ -2918,6 +2923,15 @@
2918
2923
  font-size: 14px;
2919
2924
  }
2920
2925
 
2926
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2927
+ -webkit-box-shadow: none;
2928
+ box-shadow: none;
2929
+ }
2930
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2931
+ -webkit-box-shadow: none;
2932
+ box-shadow: none;
2933
+ }
2934
+
2921
2935
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
2922
2936
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2923
2937
  font-size: 16px;
@@ -2126,6 +2126,11 @@
2126
2126
  padding: 0 0 0 8px;
2127
2127
  }
2128
2128
 
2129
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2130
+ -webkit-box-shadow: none;
2131
+ box-shadow: none;
2132
+ }
2133
+
2129
2134
  .e-accordion {
2130
2135
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2131
2136
  background: #fff;
@@ -2387,6 +2392,15 @@
2387
2392
  font-size: 14px;
2388
2393
  }
2389
2394
 
2395
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2396
+ -webkit-box-shadow: none;
2397
+ box-shadow: none;
2398
+ }
2399
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2400
+ -webkit-box-shadow: none;
2401
+ box-shadow: none;
2402
+ }
2403
+
2390
2404
  .e-carousel .e-previous-icon::before {
2391
2405
  content: "\e70d";
2392
2406
  }
@@ -2657,6 +2657,11 @@
2657
2657
  padding: 0 0 0 8px;
2658
2658
  }
2659
2659
 
2660
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2661
+ -webkit-box-shadow: none;
2662
+ box-shadow: none;
2663
+ }
2664
+
2660
2665
  .e-accordion {
2661
2666
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2662
2667
  background: #fff;
@@ -2918,6 +2923,15 @@
2918
2923
  font-size: 14px;
2919
2924
  }
2920
2925
 
2926
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2927
+ -webkit-box-shadow: none;
2928
+ box-shadow: none;
2929
+ }
2930
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2931
+ -webkit-box-shadow: none;
2932
+ box-shadow: none;
2933
+ }
2934
+
2921
2935
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
2922
2936
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2923
2937
  font-size: 16px;
@@ -2197,6 +2197,11 @@
2197
2197
  padding: 0 0 0 8px;
2198
2198
  }
2199
2199
 
2200
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2201
+ -webkit-box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2202
+ box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2203
+ }
2204
+
2200
2205
  .e-accordion {
2201
2206
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2202
2207
  background: #212529;
@@ -2458,6 +2463,15 @@
2458
2463
  font-size: 14px;
2459
2464
  }
2460
2465
 
2466
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2467
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2468
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2469
+ }
2470
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2471
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2472
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2473
+ }
2474
+
2461
2475
  .e-carousel .e-previous-icon::before {
2462
2476
  content: "\e765";
2463
2477
  }
@@ -2752,6 +2752,11 @@
2752
2752
  padding: 0 0 0 8px;
2753
2753
  }
2754
2754
 
2755
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2756
+ -webkit-box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2757
+ box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2758
+ }
2759
+
2755
2760
  .e-accordion {
2756
2761
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2757
2762
  background: #212529;
@@ -3013,6 +3018,15 @@
3013
3018
  font-size: 14px;
3014
3019
  }
3015
3020
 
3021
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3022
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
3023
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
3024
+ }
3025
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
3026
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
3027
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
3028
+ }
3029
+
3016
3030
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
3017
3031
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
3018
3032
  font-size: 16px;
@@ -2197,6 +2197,11 @@
2197
2197
  padding: 0 0 0 8px;
2198
2198
  }
2199
2199
 
2200
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2201
+ -webkit-box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2202
+ box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2203
+ }
2204
+
2200
2205
  .e-accordion {
2201
2206
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2202
2207
  background: #fff;
@@ -2458,6 +2463,15 @@
2458
2463
  font-size: 14px;
2459
2464
  }
2460
2465
 
2466
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2467
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2468
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2469
+ }
2470
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2471
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2472
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
2473
+ }
2474
+
2461
2475
  .e-carousel .e-previous-icon::before {
2462
2476
  content: "\e765";
2463
2477
  }
@@ -3049,6 +3049,11 @@
3049
3049
  padding: 0 0 0 8px;
3050
3050
  }
3051
3051
 
3052
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
3053
+ -webkit-box-shadow: inset 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.25);
3054
+ box-shadow: inset 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.25);
3055
+ }
3056
+
3052
3057
 
3053
3058
 
3054
3059
 
@@ -3394,6 +3399,15 @@
3394
3399
  font-size: 14px;
3395
3400
  }
3396
3401
 
3402
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3403
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
3404
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
3405
+ }
3406
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
3407
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
3408
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
3409
+ }
3410
+
3397
3411
  .e-carousel .e-previous-icon::before {
3398
3412
  content: "\e765";
3399
3413
  }
@@ -3940,6 +3940,11 @@
3940
3940
  padding: 0 0 0 8px;
3941
3941
  }
3942
3942
 
3943
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
3944
+ -webkit-box-shadow: inset 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.25);
3945
+ box-shadow: inset 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.25);
3946
+ }
3947
+
3943
3948
 
3944
3949
 
3945
3950
 
@@ -4285,6 +4290,15 @@
4285
4290
  font-size: 14px;
4286
4291
  }
4287
4292
 
4293
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
4294
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
4295
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
4296
+ }
4297
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
4298
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
4299
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
4300
+ }
4301
+
4288
4302
 
4289
4303
 
4290
4304
 
@@ -2752,6 +2752,11 @@
2752
2752
  padding: 0 0 0 8px;
2753
2753
  }
2754
2754
 
2755
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2756
+ -webkit-box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2757
+ box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
2758
+ }
2759
+
2755
2760
  .e-accordion {
2756
2761
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2757
2762
  background: #fff;
@@ -3013,6 +3018,15 @@
3013
3018
  font-size: 14px;
3014
3019
  }
3015
3020
 
3021
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3022
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
3023
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
3024
+ }
3025
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
3026
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
3027
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
3028
+ }
3029
+
3016
3030
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
3017
3031
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
3018
3032
  font-size: 16px;
@@ -2120,6 +2120,11 @@
2120
2120
  padding: 0 0 0 8px;
2121
2121
  }
2122
2122
 
2123
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2124
+ -webkit-box-shadow: none;
2125
+ box-shadow: none;
2126
+ }
2127
+
2123
2128
  .e-accordion {
2124
2129
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2125
2130
  background: #201f1f;
@@ -2381,6 +2386,15 @@
2381
2386
  font-size: 13px;
2382
2387
  }
2383
2388
 
2389
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2390
+ -webkit-box-shadow: none;
2391
+ box-shadow: none;
2392
+ }
2393
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2394
+ -webkit-box-shadow: none;
2395
+ box-shadow: none;
2396
+ }
2397
+
2384
2398
  .e-carousel .e-previous-icon::before {
2385
2399
  content: "\e654";
2386
2400
  }
@@ -2649,6 +2649,11 @@
2649
2649
  padding: 0 0 0 8px;
2650
2650
  }
2651
2651
 
2652
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2653
+ -webkit-box-shadow: none;
2654
+ box-shadow: none;
2655
+ }
2656
+
2652
2657
  .e-accordion {
2653
2658
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2654
2659
  background: #201f1f;
@@ -2910,6 +2915,15 @@
2910
2915
  font-size: 13px;
2911
2916
  }
2912
2917
 
2918
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2919
+ -webkit-box-shadow: none;
2920
+ box-shadow: none;
2921
+ }
2922
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2923
+ -webkit-box-shadow: none;
2924
+ box-shadow: none;
2925
+ }
2926
+
2913
2927
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
2914
2928
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2915
2929
  font-size: 16px;
@@ -2123,6 +2123,11 @@
2123
2123
  padding: 0 0 0 8px;
2124
2124
  }
2125
2125
 
2126
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2127
+ -webkit-box-shadow: none;
2128
+ box-shadow: none;
2129
+ }
2130
+
2126
2131
  .e-accordion {
2127
2132
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2128
2133
  background: #fff;
@@ -2384,6 +2389,15 @@
2384
2389
  font-size: 13px;
2385
2390
  }
2386
2391
 
2392
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2393
+ -webkit-box-shadow: none;
2394
+ box-shadow: none;
2395
+ }
2396
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2397
+ -webkit-box-shadow: none;
2398
+ box-shadow: none;
2399
+ }
2400
+
2387
2401
  .e-carousel .e-previous-icon::before {
2388
2402
  content: "\e654";
2389
2403
  }
package/styles/fabric.css CHANGED
@@ -2653,6 +2653,11 @@
2653
2653
  padding: 0 0 0 8px;
2654
2654
  }
2655
2655
 
2656
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2657
+ -webkit-box-shadow: none;
2658
+ box-shadow: none;
2659
+ }
2660
+
2656
2661
  .e-accordion {
2657
2662
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2658
2663
  background: #fff;
@@ -2914,6 +2919,15 @@
2914
2919
  font-size: 13px;
2915
2920
  }
2916
2921
 
2922
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2923
+ -webkit-box-shadow: none;
2924
+ box-shadow: none;
2925
+ }
2926
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2927
+ -webkit-box-shadow: none;
2928
+ box-shadow: none;
2929
+ }
2930
+
2917
2931
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
2918
2932
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2919
2933
  font-size: 16px;
@@ -2186,6 +2186,11 @@
2186
2186
  padding: 0 0 0 8px;
2187
2187
  }
2188
2188
 
2189
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2190
+ -webkit-box-shadow: none;
2191
+ box-shadow: none;
2192
+ }
2193
+
2189
2194
  .e-accordion {
2190
2195
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2191
2196
  background: #1b1a19;
@@ -2447,6 +2452,15 @@
2447
2452
  font-size: 14px;
2448
2453
  }
2449
2454
 
2455
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2456
+ -webkit-box-shadow: none;
2457
+ box-shadow: none;
2458
+ }
2459
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2460
+ -webkit-box-shadow: none;
2461
+ box-shadow: none;
2462
+ }
2463
+
2450
2464
  .e-carousel .e-previous-icon::before {
2451
2465
  content: "\e765";
2452
2466
  }
@@ -2728,6 +2728,11 @@
2728
2728
  padding: 0 0 0 8px;
2729
2729
  }
2730
2730
 
2731
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2732
+ -webkit-box-shadow: none;
2733
+ box-shadow: none;
2734
+ }
2735
+
2731
2736
  .e-accordion {
2732
2737
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2733
2738
  background: #1b1a19;
@@ -2989,6 +2994,15 @@
2989
2994
  font-size: 14px;
2990
2995
  }
2991
2996
 
2997
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2998
+ -webkit-box-shadow: none;
2999
+ box-shadow: none;
3000
+ }
3001
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
3002
+ -webkit-box-shadow: none;
3003
+ box-shadow: none;
3004
+ }
3005
+
2992
3006
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
2993
3007
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2994
3008
  font-size: 16px;
@@ -2186,6 +2186,11 @@
2186
2186
  padding: 0 0 0 8px;
2187
2187
  }
2188
2188
 
2189
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2190
+ -webkit-box-shadow: none;
2191
+ box-shadow: none;
2192
+ }
2193
+
2189
2194
  .e-accordion {
2190
2195
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2191
2196
  background: #fff;
@@ -2447,6 +2452,15 @@
2447
2452
  font-size: 14px;
2448
2453
  }
2449
2454
 
2455
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2456
+ -webkit-box-shadow: none;
2457
+ box-shadow: none;
2458
+ }
2459
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2460
+ -webkit-box-shadow: none;
2461
+ box-shadow: none;
2462
+ }
2463
+
2450
2464
  .e-carousel .e-previous-icon::before {
2451
2465
  content: "\e765";
2452
2466
  }
package/styles/fluent.css CHANGED
@@ -2728,6 +2728,11 @@
2728
2728
  padding: 0 0 0 8px;
2729
2729
  }
2730
2730
 
2731
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
2732
+ -webkit-box-shadow: none;
2733
+ box-shadow: none;
2734
+ }
2735
+
2731
2736
  .e-accordion {
2732
2737
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2733
2738
  background: #fff;
@@ -2989,6 +2994,15 @@
2989
2994
  font-size: 14px;
2990
2995
  }
2991
2996
 
2997
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2998
+ -webkit-box-shadow: none;
2999
+ box-shadow: none;
3000
+ }
3001
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
3002
+ -webkit-box-shadow: none;
3003
+ box-shadow: none;
3004
+ }
3005
+
2992
3006
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
2993
3007
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
2994
3008
  font-size: 16px;