@syncfusion/ej2-navigations 33.2.6 → 33.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/dist/ej2-navigations.min.js +1 -10
  2. package/dist/ej2-navigations.umd.min.js +1 -10
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +92 -13
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +92 -13
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +1 -10
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +0 -9
  11. package/package.json +2 -2
  12. package/src/accordion/accordion.d.ts +3 -0
  13. package/src/accordion/accordion.js +34 -10
  14. package/src/sidebar/sidebar.d.ts +1 -0
  15. package/src/sidebar/sidebar.js +9 -1
  16. package/src/tab/tab.d.ts +1 -0
  17. package/src/tab/tab.js +36 -2
  18. package/src/toolbar/toolbar.js +7 -0
  19. package/src/treeview/treeview.js +6 -0
  20. package/styles/accordion/_layout.scss +10 -4
  21. package/styles/accordion/_material3-dark-definition.scss +1 -1
  22. package/styles/accordion/_material3-definition.scss +1 -1
  23. package/styles/accordion/_tailwind3-definition.scss +1 -1
  24. package/styles/accordion/_theme.scss +0 -4
  25. package/styles/accordion/bds.css +8 -8
  26. package/styles/accordion/bootstrap-dark.css +8 -8
  27. package/styles/accordion/bootstrap.css +8 -8
  28. package/styles/accordion/bootstrap4.css +8 -8
  29. package/styles/accordion/bootstrap5-dark.css +8 -8
  30. package/styles/accordion/bootstrap5.3.css +8 -8
  31. package/styles/accordion/bootstrap5.css +8 -8
  32. package/styles/accordion/fabric-dark.css +8 -8
  33. package/styles/accordion/fabric.css +8 -8
  34. package/styles/accordion/fluent-dark.css +8 -8
  35. package/styles/accordion/fluent.css +8 -8
  36. package/styles/accordion/fluent2.css +8 -16
  37. package/styles/accordion/highcontrast-light.css +8 -8
  38. package/styles/accordion/highcontrast.css +8 -8
  39. package/styles/accordion/material-dark.css +8 -8
  40. package/styles/accordion/material.css +8 -8
  41. package/styles/accordion/material3-dark.css +8 -8
  42. package/styles/accordion/material3.css +8 -8
  43. package/styles/accordion/tailwind-dark.css +8 -8
  44. package/styles/accordion/tailwind.css +8 -8
  45. package/styles/accordion/tailwind3.css +8 -16
  46. package/styles/bds-lite.css +10 -10
  47. package/styles/bds.css +10 -10
  48. package/styles/bootstrap-dark-lite.css +10 -10
  49. package/styles/bootstrap-dark.css +11 -11
  50. package/styles/bootstrap-lite.css +12 -12
  51. package/styles/bootstrap.css +13 -13
  52. package/styles/bootstrap4-lite.css +10 -10
  53. package/styles/bootstrap4.css +10 -10
  54. package/styles/bootstrap5-dark-lite.css +10 -10
  55. package/styles/bootstrap5-dark.css +10 -10
  56. package/styles/bootstrap5-lite.css +10 -10
  57. package/styles/bootstrap5.3-lite.css +10 -10
  58. package/styles/bootstrap5.3.css +10 -10
  59. package/styles/bootstrap5.css +10 -10
  60. package/styles/fabric-dark-lite.css +10 -10
  61. package/styles/fabric-dark.css +11 -11
  62. package/styles/fabric-lite.css +10 -10
  63. package/styles/fabric.css +11 -11
  64. package/styles/fluent-dark-lite.css +10 -10
  65. package/styles/fluent-dark.css +10 -10
  66. package/styles/fluent-lite.css +10 -10
  67. package/styles/fluent.css +10 -10
  68. package/styles/fluent2-lite.css +13 -21
  69. package/styles/fluent2.css +13 -21
  70. package/styles/highcontrast-light-lite.css +10 -10
  71. package/styles/highcontrast-light.css +11 -11
  72. package/styles/highcontrast-lite.css +12 -12
  73. package/styles/highcontrast.css +13 -13
  74. package/styles/material-dark-lite.css +11 -11
  75. package/styles/material-dark.css +12 -12
  76. package/styles/material-lite.css +11 -11
  77. package/styles/material.css +12 -12
  78. package/styles/material3-dark-lite.css +10 -10
  79. package/styles/material3-dark.css +10 -10
  80. package/styles/material3-lite.css +10 -10
  81. package/styles/material3.css +10 -10
  82. package/styles/tailwind-dark-lite.css +10 -10
  83. package/styles/tailwind-dark.css +10 -10
  84. package/styles/tailwind-lite.css +10 -10
  85. package/styles/tailwind.css +10 -10
  86. package/styles/tailwind3-lite.css +10 -18
  87. package/styles/tailwind3.css +10 -18
  88. package/styles/treeview/_bootstrap-dark-definition.scss +1 -1
  89. package/styles/treeview/_bootstrap-definition.scss +1 -1
  90. package/styles/treeview/_fabric-dark-definition.scss +1 -1
  91. package/styles/treeview/_fabric-definition.scss +1 -1
  92. package/styles/treeview/_highcontrast-definition.scss +1 -1
  93. package/styles/treeview/_highcontrast-light-definition.scss +1 -1
  94. package/styles/treeview/_material-dark-definition.scss +2 -2
  95. package/styles/treeview/_material-definition.scss +2 -2
  96. package/styles/treeview/_theme.scss +4 -4
  97. package/styles/treeview/bds.css +2 -2
  98. package/styles/treeview/bootstrap-dark.css +3 -3
  99. package/styles/treeview/bootstrap.css +5 -5
  100. package/styles/treeview/bootstrap4.css +2 -2
  101. package/styles/treeview/bootstrap5-dark.css +2 -2
  102. package/styles/treeview/bootstrap5.3.css +2 -2
  103. package/styles/treeview/bootstrap5.css +2 -2
  104. package/styles/treeview/fabric-dark.css +3 -3
  105. package/styles/treeview/fabric.css +3 -3
  106. package/styles/treeview/fluent-dark.css +2 -2
  107. package/styles/treeview/fluent.css +2 -2
  108. package/styles/treeview/fluent2.css +5 -5
  109. package/styles/treeview/highcontrast-light.css +3 -3
  110. package/styles/treeview/highcontrast.css +5 -5
  111. package/styles/treeview/material-dark.css +4 -4
  112. package/styles/treeview/material.css +4 -4
  113. package/styles/treeview/material3-dark.css +2 -2
  114. package/styles/treeview/material3.css +2 -2
  115. package/styles/treeview/tailwind-dark.css +2 -2
  116. package/styles/treeview/tailwind.css +2 -2
  117. package/styles/treeview/tailwind3.css +2 -2
package/styles/accordion/bootstrap5-dark.css CHANGED
@@ -59,6 +59,10 @@
59
59
  .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 {
60
60
  text-decoration: none;
61
61
  }
62
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
63
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
64
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
65
+ }
62
66
  .e-accordion .e-acrdn-item .e-acrdn-header {
63
67
  border-radius: 0;
64
68
  line-height: 22px;
@@ -110,13 +114,13 @@
110
114
  .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 {
111
115
  padding: 16px 16px 16px 26px;
112
116
  }
113
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
114
- padding: 10px 0 10px 26px;
115
- }
116
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
117
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
117
118
  -webkit-box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
118
119
  box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
119
120
  }
121
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
122
+ padding: 10px 0 10px 26px;
123
+ }
120
124
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
121
125
  padding: 0;
122
126
  }
@@ -322,8 +326,6 @@
322
326
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
323
327
  border: 0;
324
328
  background: none;
325
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
326
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
327
329
  }
328
330
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
329
331
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -402,8 +404,6 @@
402
404
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
403
405
  position: relative;
404
406
  z-index: 2;
405
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
406
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
407
407
  }
408
408
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
409
409
  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
package/styles/accordion/bootstrap5.3.css CHANGED
@@ -227,6 +227,10 @@
227
227
  .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 {
228
228
  text-decoration: none;
229
229
  }
230
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
231
+ -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
232
+ box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
233
+ }
230
234
  .e-accordion .e-acrdn-item .e-acrdn-header {
231
235
  border-radius: calc(var(--e-radius) * 0);
232
236
  line-height: 22px;
@@ -278,13 +282,13 @@
278
282
  .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 {
279
283
  padding: 16px 16px 16px 26px;
280
284
  }
281
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
282
- padding: 10px 0 10px 26px;
283
- }
284
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
285
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
285
286
  -webkit-box-shadow: inset 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.25);
286
287
  box-shadow: inset 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.25);
287
288
  }
289
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
290
+ padding: 10px 0 10px 26px;
291
+ }
288
292
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
289
293
  padding: 0;
290
294
  }
@@ -574,8 +578,6 @@
574
578
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
575
579
  border: 0;
576
580
  background: none;
577
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
578
- box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
579
581
  }
580
582
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
581
583
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -654,8 +656,6 @@
654
656
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
655
657
  position: relative;
656
658
  z-index: 2;
657
- -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
658
- box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
659
659
  }
660
660
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
661
661
  border-color: var(--color-sf-border-light);
package/styles/accordion/bootstrap5.css CHANGED
@@ -59,6 +59,10 @@
59
59
  .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 {
60
60
  text-decoration: none;
61
61
  }
62
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
63
+ -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
64
+ box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
65
+ }
62
66
  .e-accordion .e-acrdn-item .e-acrdn-header {
63
67
  border-radius: 0;
64
68
  line-height: 22px;
@@ -110,13 +114,13 @@
110
114
  .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 {
111
115
  padding: 16px 16px 16px 26px;
112
116
  }
113
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
114
- padding: 10px 0 10px 26px;
115
- }
116
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
117
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
117
118
  -webkit-box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
118
119
  box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
119
120
  }
121
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
122
+ padding: 10px 0 10px 26px;
123
+ }
120
124
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
121
125
  padding: 0;
122
126
  }
@@ -322,8 +326,6 @@
322
326
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
323
327
  border: 0;
324
328
  background: none;
325
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
326
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
327
329
  }
328
330
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
329
331
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -402,8 +404,6 @@
402
404
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
403
405
  position: relative;
404
406
  z-index: 2;
405
- -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
406
- box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
407
407
  }
408
408
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
409
409
  border-color: #dee2e6;
package/styles/accordion/fabric-dark.css CHANGED
@@ -59,6 +59,10 @@
59
59
  .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 {
60
60
  text-decoration: none;
61
61
  }
62
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
65
+ }
62
66
  .e-accordion .e-acrdn-item .e-acrdn-header {
63
67
  border-radius: 0;
64
68
  line-height: 39px;
@@ -110,13 +114,13 @@
110
114
  .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 {
111
115
  padding: 15px 15px 15px 24px;
112
116
  }
113
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
114
- padding: 0 42px 0 24px;
115
- }
116
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
117
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
117
118
  -webkit-box-shadow: none;
118
119
  box-shadow: none;
119
120
  }
121
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
122
+ padding: 0 42px 0 24px;
123
+ }
120
124
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
121
125
  padding: 0;
122
126
  }
@@ -322,8 +326,6 @@
322
326
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
323
327
  border: 1px solid #414040;
324
328
  background: #414040;
325
- -webkit-box-shadow: none;
326
- box-shadow: none;
327
329
  }
328
330
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
329
331
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -402,8 +404,6 @@
402
404
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
403
405
  position: relative;
404
406
  z-index: 2;
405
- -webkit-box-shadow: none;
406
- box-shadow: none;
407
407
  }
408
408
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
409
409
  border-color: #414040;
package/styles/accordion/fabric.css CHANGED
@@ -59,6 +59,10 @@
59
59
  .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 {
60
60
  text-decoration: none;
61
61
  }
62
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
65
+ }
62
66
  .e-accordion .e-acrdn-item .e-acrdn-header {
63
67
  border-radius: 0;
64
68
  line-height: 39px;
@@ -110,13 +114,13 @@
110
114
  .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 {
111
115
  padding: 15px 15px 15px 24px;
112
116
  }
113
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
114
- padding: 0 42px 0 24px;
115
- }
116
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
117
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
117
118
  -webkit-box-shadow: none;
118
119
  box-shadow: none;
119
120
  }
121
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
122
+ padding: 0 42px 0 24px;
123
+ }
120
124
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
121
125
  padding: 0;
122
126
  }
@@ -322,8 +326,6 @@
322
326
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
323
327
  border: 1px solid #f4f4f4;
324
328
  background: #f4f4f4;
325
- -webkit-box-shadow: none;
326
- box-shadow: none;
327
329
  }
328
330
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
329
331
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -402,8 +404,6 @@
402
404
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
403
405
  position: relative;
404
406
  z-index: 2;
405
- -webkit-box-shadow: none;
406
- box-shadow: none;
407
407
  }
408
408
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
409
409
  border-color: #eaeaea;
package/styles/accordion/fluent-dark.css CHANGED
@@ -59,6 +59,10 @@
59
59
  .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 {
60
60
  text-decoration: none;
61
61
  }
62
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
65
+ }
62
66
  .e-accordion .e-acrdn-item .e-acrdn-header {
63
67
  border-radius: 0;
64
68
  line-height: 22px;
@@ -110,13 +114,13 @@
110
114
  .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 {
111
115
  padding: 16px 16px 16px 26px;
112
116
  }
113
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
114
- padding: 8px 0 8px 26px;
115
- }
116
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
117
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
117
118
  -webkit-box-shadow: none;
118
119
  box-shadow: none;
119
120
  }
121
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
122
+ padding: 8px 0 8px 26px;
123
+ }
120
124
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
121
125
  padding: 0;
122
126
  }
@@ -322,8 +326,6 @@
322
326
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
323
327
  border: 1px solid #f3f2f1;
324
328
  background: #252423;
325
- -webkit-box-shadow: none;
326
- box-shadow: none;
327
329
  }
328
330
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
329
331
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -402,8 +404,6 @@
402
404
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
403
405
  position: relative;
404
406
  z-index: 2;
405
- -webkit-box-shadow: none;
406
- box-shadow: none;
407
407
  }
408
408
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
409
409
  border-color: #292827;
package/styles/accordion/fluent.css CHANGED
@@ -59,6 +59,10 @@
59
59
  .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 {
60
60
  text-decoration: none;
61
61
  }
62
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
65
+ }
62
66
  .e-accordion .e-acrdn-item .e-acrdn-header {
63
67
  border-radius: 0;
64
68
  line-height: 22px;
@@ -110,13 +114,13 @@
110
114
  .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 {
111
115
  padding: 16px 16px 16px 26px;
112
116
  }
113
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
114
- padding: 8px 0 8px 26px;
115
- }
116
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
117
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
117
118
  -webkit-box-shadow: none;
118
119
  box-shadow: none;
119
120
  }
121
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
122
+ padding: 8px 0 8px 26px;
123
+ }
120
124
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
121
125
  padding: 0;
122
126
  }
@@ -322,8 +326,6 @@
322
326
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
323
327
  border: 1px solid #201f1e;
324
328
  background: #f3f2f1;
325
- -webkit-box-shadow: none;
326
- box-shadow: none;
327
329
  }
328
330
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
329
331
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -402,8 +404,6 @@
402
404
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
403
405
  position: relative;
404
406
  z-index: 2;
405
- -webkit-box-shadow: none;
406
- box-shadow: none;
407
407
  }
408
408
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
409
409
  border-color: #edebe9;
package/styles/accordion/fluent2.css CHANGED
@@ -231,6 +231,10 @@
231
231
  .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 {
232
232
  text-decoration: none;
233
233
  }
234
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
235
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
236
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
237
+ }
234
238
  .e-accordion .e-acrdn-item .e-acrdn-header {
235
239
  border-radius: calc(var(--e-radius) * 0.25);
236
240
  line-height: 16px;
@@ -282,13 +286,13 @@
282
286
  .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 {
283
287
  padding: 16px 16px 16px 26px;
284
288
  }
285
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
286
- padding: 6px 0 6px 26px;
287
- }
288
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
289
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
289
290
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
290
291
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
291
292
  }
293
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
294
+ padding: 6px 0 6px 26px;
295
+ }
292
296
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
293
297
  padding: 0;
294
298
  }
@@ -580,18 +584,12 @@
580
584
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
581
585
  border: 0;
582
586
  background: transparent;
583
- -webkit-box-shadow: none;
584
- box-shadow: none;
585
587
  }
586
588
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
587
589
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
588
590
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon {
589
591
  color: var(--color-sf-content-text-color);
590
592
  }
591
- .e-accordion .e-acrdn-item .e-acrdn-header:focus-visible {
592
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
593
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
594
- }
595
593
  .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
596
594
  color: var(--color-sf-content-text-color);
597
595
  }
@@ -664,12 +662,6 @@
664
662
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
665
663
  position: relative;
666
664
  z-index: 2;
667
- -webkit-box-shadow: none;
668
- box-shadow: none;
669
- }
670
- .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
671
- -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
672
- box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
673
665
  }
674
666
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
675
667
  border-color: transparent;
package/styles/accordion/highcontrast-light.css CHANGED
@@ -59,6 +59,10 @@
59
59
  .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 {
60
60
  text-decoration: none;
61
61
  }
62
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
65
+ }
62
66
  .e-accordion .e-acrdn-item .e-acrdn-header {
63
67
  border-radius: 0;
64
68
  line-height: 39px;
@@ -110,13 +114,13 @@
110
114
  .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 {
111
115
  padding: 15px 15px 15px 24px;
112
116
  }
113
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
114
- padding: 0 42px 0 24px;
115
- }
116
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
117
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
117
118
  -webkit-box-shadow: none;
118
119
  box-shadow: none;
119
120
  }
121
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
122
+ padding: 0 42px 0 24px;
123
+ }
120
124
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
121
125
  padding: 0;
122
126
  }
@@ -322,8 +326,6 @@
322
326
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
323
327
  border: 2px dashed #000;
324
328
  background: inherit;
325
- -webkit-box-shadow: none;
326
- box-shadow: none;
327
329
  }
328
330
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
329
331
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -402,8 +404,6 @@
402
404
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
403
405
  position: relative;
404
406
  z-index: 2;
405
- -webkit-box-shadow: none;
406
- box-shadow: none;
407
407
  }
408
408
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
409
409
  border-color: #757575;
package/styles/accordion/highcontrast.css CHANGED
@@ -59,6 +59,10 @@
59
59
  .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 {
60
60
  text-decoration: none;
61
61
  }
62
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
65
+ }
62
66
  .e-accordion .e-acrdn-item .e-acrdn-header {
63
67
  border-radius: 0;
64
68
  line-height: 39px;
@@ -110,13 +114,13 @@
110
114
  .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 {
111
115
  padding: 15px 15px 15px 24px;
112
116
  }
113
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
114
- padding: 0 42px 0 24px;
115
- }
116
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
117
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
117
118
  -webkit-box-shadow: none;
118
119
  box-shadow: none;
119
120
  }
121
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
122
+ padding: 0 42px 0 24px;
123
+ }
120
124
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
121
125
  padding: 0;
122
126
  }
@@ -322,8 +326,6 @@
322
326
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
323
327
  border: 2px dashed #fff;
324
328
  background: inherit;
325
- -webkit-box-shadow: none;
326
- box-shadow: none;
327
329
  }
328
330
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
329
331
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -402,8 +404,6 @@
402
404
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
403
405
  position: relative;
404
406
  z-index: 2;
405
- -webkit-box-shadow: none;
406
- box-shadow: none;
407
407
  }
408
408
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
409
409
  border-color: #969696;
package/styles/accordion/material-dark.css CHANGED
@@ -59,6 +59,10 @@
59
59
  .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 {
60
60
  text-decoration: none;
61
61
  }
62
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
65
+ }
62
66
  .e-accordion .e-acrdn-item .e-acrdn-header {
63
67
  border-radius: 0;
64
68
  line-height: 35px;
@@ -110,13 +114,13 @@
110
114
  .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 {
111
115
  padding: 16px 16px 16px 32px;
112
116
  }
113
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
114
- padding: 0 40px 0 32px;
115
- }
116
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
117
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
117
118
  -webkit-box-shadow: none;
118
119
  box-shadow: none;
119
120
  }
121
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
122
+ padding: 0 40px 0 32px;
123
+ }
120
124
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
121
125
  padding: 0;
122
126
  }
@@ -322,8 +326,6 @@
322
326
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
323
327
  border: 0;
324
328
  background: rgba(255, 255, 255, 0.05);
325
- -webkit-box-shadow: none;
326
- box-shadow: none;
327
329
  }
328
330
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
329
331
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -402,8 +404,6 @@
402
404
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
403
405
  position: relative;
404
406
  z-index: 2;
405
- -webkit-box-shadow: none;
406
- box-shadow: none;
407
407
  }
408
408
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
409
409
  border-color: transparent transparent #616161;
package/styles/accordion/material.css CHANGED
@@ -59,6 +59,10 @@
59
59
  .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 {
60
60
  text-decoration: none;
61
61
  }
62
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
63
+ -webkit-box-shadow: none;
64
+ box-shadow: none;
65
+ }
62
66
  .e-accordion .e-acrdn-item .e-acrdn-header {
63
67
  border-radius: 0;
64
68
  line-height: 35px;
@@ -110,13 +114,13 @@
110
114
  .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 {
111
115
  padding: 16px 16px 16px 32px;
112
116
  }
113
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
114
- padding: 0 40px 0 32px;
115
- }
116
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
117
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
117
118
  -webkit-box-shadow: none;
118
119
  box-shadow: none;
119
120
  }
121
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
122
+ padding: 0 40px 0 32px;
123
+ }
120
124
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
121
125
  padding: 0;
122
126
  }
@@ -322,8 +326,6 @@
322
326
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
323
327
  border: 0;
324
328
  background: #eee;
325
- -webkit-box-shadow: none;
326
- box-shadow: none;
327
329
  }
328
330
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
329
331
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -402,8 +404,6 @@
402
404
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
403
405
  position: relative;
404
406
  z-index: 2;
405
- -webkit-box-shadow: none;
406
- box-shadow: none;
407
407
  }
408
408
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
409
409
  border-color: transparent transparent rgba(0, 0, 0, 0.12);
package/styles/accordion/material3-dark.css CHANGED
@@ -223,6 +223,10 @@
223
223
  .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 {
224
224
  text-decoration: none;
225
225
  }
226
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
227
+ -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
228
+ box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
229
+ }
226
230
  .e-accordion .e-acrdn-item .e-acrdn-header {
227
231
  border-radius: 0;
228
232
  line-height: 20px;
@@ -274,13 +278,13 @@
274
278
  .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 {
275
279
  padding: 16px 16px 16px 26px;
276
280
  }
281
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
282
+ -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
283
+ box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
284
+ }
277
285
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
278
286
  padding: 8px 0 8px 26px;
279
287
  }
280
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
281
- -webkit-box-shadow: none;
282
- box-shadow: none;
283
- }
284
288
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
285
289
  padding: 0;
286
290
  }
@@ -571,8 +575,6 @@
571
575
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
572
576
  border: 0;
573
577
  background: rgba(var(--color-sf-on-surface), 0.04);
574
- -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
575
- box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
576
578
  }
577
579
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
578
580
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -651,8 +653,6 @@
651
653
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
652
654
  position: relative;
653
655
  z-index: 2;
654
- -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
655
- box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
656
656
  }
657
657
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
658
658
  border-color: rgba(var(--color-sf-outline-variant));
package/styles/accordion/material3.css CHANGED
@@ -227,6 +227,10 @@
227
227
  .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 {
228
228
  text-decoration: none;
229
229
  }
230
+ .e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
231
+ -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
232
+ box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
233
+ }
230
234
  .e-accordion .e-acrdn-item .e-acrdn-header {
231
235
  border-radius: calc(var(--e-radius) * 0);
232
236
  line-height: 20px;
@@ -278,13 +282,13 @@
278
282
  .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 {
279
283
  padding: 16px 16px 16px 26px;
280
284
  }
285
+ .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
286
+ -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
287
+ box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
288
+ }
281
289
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
282
290
  padding: 8px 0 8px 26px;
283
291
  }
284
- .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
285
- -webkit-box-shadow: none;
286
- box-shadow: none;
287
- }
288
292
  .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
289
293
  padding: 0;
290
294
  }
@@ -577,8 +581,6 @@
577
581
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
578
582
  border: 0;
579
583
  background: rgba(var(--color-sf-on-surface), 0.04);
580
- -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
581
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
582
584
  }
583
585
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
584
586
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -657,8 +659,6 @@
657
659
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
658
660
  position: relative;
659
661
  z-index: 2;
660
- -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
661
- box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
662
662
  }
663
663
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
664
664
  border-color: rgba(var(--color-sf-outline-variant));