@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
@@ -3104,6 +3104,11 @@
3104
3104
  padding: 0 0 0 8px;
3105
3105
  }
3106
3106
 
3107
+ .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 {
3108
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3109
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3110
+ }
3111
+
3107
3112
 
3108
3113
 
3109
3114
 
@@ -3451,6 +3456,23 @@
3451
3456
  font-size: 14px;
3452
3457
  }
3453
3458
 
3459
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3460
+ -webkit-box-shadow: none;
3461
+ box-shadow: none;
3462
+ }
3463
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
3464
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3465
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3466
+ }
3467
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
3468
+ -webkit-box-shadow: none;
3469
+ box-shadow: none;
3470
+ }
3471
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus-visible {
3472
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3473
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
3474
+ }
3475
+
3454
3476
  .e-carousel .e-previous-icon::before {
3455
3477
  content: "\e765";
3456
3478
  }
@@ -9477,7 +9499,7 @@ ejs-sidebar {
9477
9499
  .e-menu-container ul .e-menu-item .e-caret {
9478
9500
  font-size: 14px;
9479
9501
  height: auto;
9480
- line-height: 42px;
9502
+ line-height: 40px;
9481
9503
  position: absolute;
9482
9504
  right: 8px;
9483
9505
  top: 0;
@@ -4008,6 +4008,11 @@
4008
4008
  padding: 0 0 0 8px;
4009
4009
  }
4010
4010
 
4011
+ .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 {
4012
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
4013
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
4014
+ }
4015
+
4011
4016
 
4012
4017
 
4013
4018
 
@@ -4355,6 +4360,23 @@
4355
4360
  font-size: 14px;
4356
4361
  }
4357
4362
 
4363
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
4364
+ -webkit-box-shadow: none;
4365
+ box-shadow: none;
4366
+ }
4367
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
4368
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
4369
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
4370
+ }
4371
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
4372
+ -webkit-box-shadow: none;
4373
+ box-shadow: none;
4374
+ }
4375
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus-visible {
4376
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
4377
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
4378
+ }
4379
+
4358
4380
 
4359
4381
 
4360
4382
 
@@ -12354,7 +12376,7 @@ ejs-sidebar {
12354
12376
  .e-menu-container ul .e-menu-item .e-caret {
12355
12377
  font-size: 14px;
12356
12378
  height: auto;
12357
- line-height: 42px;
12379
+ line-height: 40px;
12358
12380
  position: absolute;
12359
12381
  right: 8px;
12360
12382
  top: 0;
@@ -13234,7 +13256,7 @@ ejs-sidebar {
13234
13256
  .e-bigger .e-menu-container ul.e-menu .e-menu-item .e-caret,
13235
13257
  .e-bigger.e-menu-container ul.e-menu .e-menu-item .e-caret {
13236
13258
  font-size: 18px;
13237
- line-height: 55px;
13259
+ line-height: 48px;
13238
13260
  right: 12px;
13239
13261
  }
13240
13262
  .e-bigger .e-menu-wrapper ul.e-menu .e-menu-item.e-separator,
@@ -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: #ccc;
@@ -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: #ccc;
@@ -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: #000;
@@ -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
  }
@@ -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: #000;
@@ -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: 14px;
@@ -2294,6 +2294,11 @@
2294
2294
  padding: 0 0 0 8px;
2295
2295
  }
2296
2296
 
2297
+ .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 {
2298
+ -webkit-box-shadow: none;
2299
+ box-shadow: none;
2300
+ }
2301
+
2297
2302
  .e-accordion {
2298
2303
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2299
2304
  background: #303030;
@@ -2555,6 +2560,15 @@
2555
2560
  font-size: 13px;
2556
2561
  }
2557
2562
 
2563
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2564
+ -webkit-box-shadow: none;
2565
+ box-shadow: none;
2566
+ }
2567
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2568
+ -webkit-box-shadow: none;
2569
+ box-shadow: none;
2570
+ }
2571
+
2558
2572
  .e-carousel .e-previous-icon::before {
2559
2573
  content: "\e904";
2560
2574
  }
@@ -2856,6 +2856,11 @@
2856
2856
  padding: 0 0 0 8px;
2857
2857
  }
2858
2858
 
2859
+ .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 {
2860
+ -webkit-box-shadow: none;
2861
+ box-shadow: none;
2862
+ }
2863
+
2859
2864
  .e-accordion {
2860
2865
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2861
2866
  background: #303030;
@@ -3117,6 +3122,15 @@
3117
3122
  font-size: 13px;
3118
3123
  }
3119
3124
 
3125
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3126
+ -webkit-box-shadow: none;
3127
+ box-shadow: none;
3128
+ }
3129
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
3130
+ -webkit-box-shadow: none;
3131
+ box-shadow: none;
3132
+ }
3133
+
3120
3134
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
3121
3135
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
3122
3136
  font-size: 16px;
@@ -2298,6 +2298,11 @@
2298
2298
  padding: 0 0 0 8px;
2299
2299
  }
2300
2300
 
2301
+ .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 {
2302
+ -webkit-box-shadow: none;
2303
+ box-shadow: none;
2304
+ }
2305
+
2301
2306
  .e-accordion {
2302
2307
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2303
2308
  background: #fff;
@@ -2559,6 +2564,15 @@
2559
2564
  font-size: 13px;
2560
2565
  }
2561
2566
 
2567
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2568
+ -webkit-box-shadow: none;
2569
+ box-shadow: none;
2570
+ }
2571
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2572
+ -webkit-box-shadow: none;
2573
+ box-shadow: none;
2574
+ }
2575
+
2562
2576
  .e-carousel .e-previous-icon::before {
2563
2577
  content: "\e904";
2564
2578
  }
@@ -2862,6 +2862,11 @@
2862
2862
  padding: 0 0 0 8px;
2863
2863
  }
2864
2864
 
2865
+ .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 {
2866
+ -webkit-box-shadow: none;
2867
+ box-shadow: none;
2868
+ }
2869
+
2865
2870
  .e-accordion {
2866
2871
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2867
2872
  background: #fff;
@@ -3123,6 +3128,15 @@
3123
3128
  font-size: 13px;
3124
3129
  }
3125
3130
 
3131
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3132
+ -webkit-box-shadow: none;
3133
+ box-shadow: none;
3134
+ }
3135
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
3136
+ -webkit-box-shadow: none;
3137
+ box-shadow: none;
3138
+ }
3139
+
3126
3140
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
3127
3141
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
3128
3142
  font-size: 16px;
@@ -3021,6 +3021,11 @@
3021
3021
  padding: 0 0 0 8px;
3022
3022
  }
3023
3023
 
3024
+ .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 {
3025
+ -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
3026
+ box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
3027
+ }
3028
+
3024
3029
 
3025
3030
 
3026
3031
 
@@ -3367,6 +3372,15 @@
3367
3372
  font-size: 14px;
3368
3373
  }
3369
3374
 
3375
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3376
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
3377
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
3378
+ }
3379
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
3380
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
3381
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
3382
+ }
3383
+
3370
3384
  .e-carousel .e-previous-icon::before {
3371
3385
  content: "\e765";
3372
3386
  }
@@ -3918,6 +3918,11 @@
3918
3918
  padding: 0 0 0 8px;
3919
3919
  }
3920
3920
 
3921
+ .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 {
3922
+ -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
3923
+ box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
3924
+ }
3925
+
3921
3926
 
3922
3927
 
3923
3928
 
@@ -4264,6 +4269,15 @@
4264
4269
  font-size: 14px;
4265
4270
  }
4266
4271
 
4272
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
4273
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
4274
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
4275
+ }
4276
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
4277
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
4278
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
4279
+ }
4280
+
4267
4281
 
4268
4282
 
4269
4283
 
@@ -3041,6 +3041,11 @@
3041
3041
  padding: 0 0 0 8px;
3042
3042
  }
3043
3043
 
3044
+ .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 {
3045
+ -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
3046
+ box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
3047
+ }
3048
+
3044
3049
 
3045
3050
 
3046
3051
 
@@ -3389,6 +3394,15 @@
3389
3394
  font-size: 14px;
3390
3395
  }
3391
3396
 
3397
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3398
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
3399
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
3400
+ }
3401
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
3402
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
3403
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
3404
+ }
3405
+
3392
3406
  .e-carousel .e-previous-icon::before {
3393
3407
  content: "\e765";
3394
3408
  }
@@ -3946,6 +3946,11 @@
3946
3946
  padding: 0 0 0 8px;
3947
3947
  }
3948
3948
 
3949
+ .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 {
3950
+ -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
3951
+ box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
3952
+ }
3953
+
3949
3954
 
3950
3955
 
3951
3956
 
@@ -4294,6 +4299,15 @@
4294
4299
  font-size: 14px;
4295
4300
  }
4296
4301
 
4302
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
4303
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
4304
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
4305
+ }
4306
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
4307
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
4308
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
4309
+ }
4310
+
4297
4311
 
4298
4312
 
4299
4313
 
@@ -76,8 +76,8 @@ $menu-icon-color: $icon-color !default;
76
76
  $menu-icon-hover-color: $content-text-color-hover !default;
77
77
  $menu-icon-focussed-color: $cmenu-caret-color !default;
78
78
  $menu-caret-color: $icon-color-pressed !default;
79
- $menu-icon-li-height: 42px !default;
80
- $menu-bigger-li-icon-height: 55px !default;
79
+ $menu-icon-li-height: 40px !default;
80
+ $menu-bigger-li-icon-height: 48px !default;
81
81
  $menu-padding-none: 0 !default;
82
82
  $menu-bigger-icon-mrg-right: 0 !default;
83
83
  $menu-bigger-icon-margin-left: 0 !default;
@@ -385,7 +385,7 @@
385
385
  .e-menu-container ul .e-menu-item .e-caret {
386
386
  font-size: 14px;
387
387
  height: auto;
388
- line-height: 42px;
388
+ line-height: 40px;
389
389
  position: absolute;
390
390
  right: 8px;
391
391
  top: 0;
@@ -1265,7 +1265,7 @@
1265
1265
  .e-bigger .e-menu-container ul.e-menu .e-menu-item .e-caret,
1266
1266
  .e-bigger.e-menu-container ul.e-menu .e-menu-item .e-caret {
1267
1267
  font-size: 18px;
1268
- line-height: 55px;
1268
+ line-height: 48px;
1269
1269
  right: 12px;
1270
1270
  }
1271
1271
  .e-bigger .e-menu-wrapper ul.e-menu .e-menu-item.e-separator,
@@ -2239,6 +2239,11 @@
2239
2239
  padding: 0 0 0 8px;
2240
2240
  }
2241
2241
 
2242
+ .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 {
2243
+ -webkit-box-shadow: none;
2244
+ box-shadow: none;
2245
+ }
2246
+
2242
2247
  .e-accordion {
2243
2248
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2244
2249
  background: rgb(27.323255814, 36.1372093023, 48.476744186);
@@ -2500,6 +2505,15 @@
2500
2505
  font-size: 14px;
2501
2506
  }
2502
2507
 
2508
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2509
+ -webkit-box-shadow: none;
2510
+ box-shadow: none;
2511
+ }
2512
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2513
+ -webkit-box-shadow: none;
2514
+ box-shadow: none;
2515
+ }
2516
+
2503
2517
  .e-carousel .e-previous-icon::before {
2504
2518
  content: "\e765";
2505
2519
  }
@@ -2835,6 +2835,11 @@
2835
2835
  padding: 0 0 0 8px;
2836
2836
  }
2837
2837
 
2838
+ .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 {
2839
+ -webkit-box-shadow: none;
2840
+ box-shadow: none;
2841
+ }
2842
+
2838
2843
  .e-accordion {
2839
2844
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2840
2845
  background: rgb(27.323255814, 36.1372093023, 48.476744186);
@@ -3096,6 +3101,15 @@
3096
3101
  font-size: 14px;
3097
3102
  }
3098
3103
 
3104
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3105
+ -webkit-box-shadow: none;
3106
+ box-shadow: none;
3107
+ }
3108
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
3109
+ -webkit-box-shadow: none;
3110
+ box-shadow: none;
3111
+ }
3112
+
3099
3113
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
3100
3114
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
3101
3115
  font-size: 16px;
@@ -2239,6 +2239,11 @@
2239
2239
  padding: 0 0 0 8px;
2240
2240
  }
2241
2241
 
2242
+ .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 {
2243
+ -webkit-box-shadow: none;
2244
+ box-shadow: none;
2245
+ }
2246
+
2242
2247
  .e-accordion {
2243
2248
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2244
2249
  background: #f9fafb;
@@ -2500,6 +2505,15 @@
2500
2505
  font-size: 14px;
2501
2506
  }
2502
2507
 
2508
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
2509
+ -webkit-box-shadow: none;
2510
+ box-shadow: none;
2511
+ }
2512
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
2513
+ -webkit-box-shadow: none;
2514
+ box-shadow: none;
2515
+ }
2516
+
2503
2517
  .e-carousel .e-previous-icon::before {
2504
2518
  content: "\e765";
2505
2519
  }
@@ -2835,6 +2835,11 @@
2835
2835
  padding: 0 0 0 8px;
2836
2836
  }
2837
2837
 
2838
+ .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 {
2839
+ -webkit-box-shadow: none;
2840
+ box-shadow: none;
2841
+ }
2842
+
2838
2843
  .e-accordion {
2839
2844
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
2840
2845
  background: #f9fafb;
@@ -3096,6 +3101,15 @@
3096
3101
  font-size: 14px;
3097
3102
  }
3098
3103
 
3104
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3105
+ -webkit-box-shadow: none;
3106
+ box-shadow: none;
3107
+ }
3108
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
3109
+ -webkit-box-shadow: none;
3110
+ box-shadow: none;
3111
+ }
3112
+
3099
3113
  .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
3100
3114
  .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
3101
3115
  font-size: 16px;
@@ -2951,6 +2951,11 @@
2951
2951
  padding: 0 0 0 8px;
2952
2952
  }
2953
2953
 
2954
+ .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 {
2955
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
2956
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
2957
+ }
2958
+
2954
2959
 
2955
2960
 
2956
2961
 
@@ -3286,6 +3291,23 @@
3286
3291
  font-size: 14px;
3287
3292
  }
3288
3293
 
3294
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3295
+ -webkit-box-shadow: none;
3296
+ box-shadow: none;
3297
+ }
3298
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
3299
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
3300
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
3301
+ }
3302
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
3303
+ -webkit-box-shadow: none;
3304
+ box-shadow: none;
3305
+ }
3306
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus-visible {
3307
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
3308
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
3309
+ }
3310
+
3289
3311
  .e-carousel .e-previous-icon::before {
3290
3312
  content: "\e765";
3291
3313
  }
@@ -3862,6 +3862,11 @@
3862
3862
  padding: 0 0 0 8px;
3863
3863
  }
3864
3864
 
3865
+ .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 {
3866
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
3867
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
3868
+ }
3869
+
3865
3870
 
3866
3871
 
3867
3872
 
@@ -4197,6 +4202,23 @@
4197
4202
  font-size: 14px;
4198
4203
  }
4199
4204
 
4205
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
4206
+ -webkit-box-shadow: none;
4207
+ box-shadow: none;
4208
+ }
4209
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
4210
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
4211
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
4212
+ }
4213
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
4214
+ -webkit-box-shadow: none;
4215
+ box-shadow: none;
4216
+ }
4217
+ .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus-visible {
4218
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
4219
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
4220
+ }
4221
+
4200
4222
 
4201
4223
 
4202
4224