@syncfusion/ej2-angular-navigations 22.2.11-ngcc → 23.1.36-ngcc

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 (141) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/ej2-angular-navigations.umd.js +1 -1
  3. package/dist/ej2-angular-navigations.umd.min.js +1 -1
  4. package/package.json +9 -9
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/accordion/material-dark.css +0 -1
  9. package/styles/accordion/material.css +0 -1
  10. package/styles/accordion/material3-dark.css +0 -1
  11. package/styles/accordion/material3-dark.scss +1 -1
  12. package/styles/accordion/material3.css +0 -1
  13. package/styles/accordion/material3.scss +1 -1
  14. package/styles/accordion/tailwind-dark.css +0 -1
  15. package/styles/accordion/tailwind.css +0 -1
  16. package/styles/appbar/material-dark.css +0 -1
  17. package/styles/appbar/material.css +0 -1
  18. package/styles/appbar/material3-dark.css +0 -1
  19. package/styles/appbar/material3-dark.scss +1 -1
  20. package/styles/appbar/material3.css +0 -1
  21. package/styles/appbar/material3.scss +1 -1
  22. package/styles/appbar/tailwind-dark.css +0 -1
  23. package/styles/appbar/tailwind.css +0 -1
  24. package/styles/bootstrap-dark.css +14 -9
  25. package/styles/bootstrap.css +14 -9
  26. package/styles/bootstrap4.css +22 -14
  27. package/styles/bootstrap5-dark.css +18 -13
  28. package/styles/bootstrap5.css +18 -13
  29. package/styles/breadcrumb/material-dark.css +0 -1
  30. package/styles/breadcrumb/material.css +0 -1
  31. package/styles/breadcrumb/material3-dark.css +0 -1
  32. package/styles/breadcrumb/material3-dark.scss +1 -1
  33. package/styles/breadcrumb/material3.css +0 -1
  34. package/styles/breadcrumb/material3.scss +1 -1
  35. package/styles/breadcrumb/tailwind-dark.css +0 -1
  36. package/styles/breadcrumb/tailwind.css +0 -1
  37. package/styles/carousel/material-dark.css +0 -1
  38. package/styles/carousel/material.css +0 -1
  39. package/styles/carousel/material3-dark.css +0 -1
  40. package/styles/carousel/material3-dark.scss +1 -1
  41. package/styles/carousel/material3.css +0 -1
  42. package/styles/carousel/material3.scss +1 -1
  43. package/styles/carousel/tailwind-dark.css +0 -1
  44. package/styles/carousel/tailwind.css +0 -1
  45. package/styles/context-menu/material-dark.css +0 -1
  46. package/styles/context-menu/material.css +0 -1
  47. package/styles/context-menu/material3-dark.css +0 -1
  48. package/styles/context-menu/material3-dark.scss +1 -1
  49. package/styles/context-menu/material3.css +0 -1
  50. package/styles/context-menu/material3.scss +1 -1
  51. package/styles/context-menu/tailwind-dark.css +0 -1
  52. package/styles/context-menu/tailwind.css +0 -1
  53. package/styles/fabric-dark.css +14 -9
  54. package/styles/fabric.css +14 -9
  55. package/styles/fluent-dark.css +14 -9
  56. package/styles/fluent.css +14 -9
  57. package/styles/h-scroll/material-dark.css +0 -1
  58. package/styles/h-scroll/material.css +0 -1
  59. package/styles/h-scroll/material3-dark.css +0 -1
  60. package/styles/h-scroll/material3-dark.scss +1 -1
  61. package/styles/h-scroll/material3.css +0 -1
  62. package/styles/h-scroll/material3.scss +1 -1
  63. package/styles/h-scroll/tailwind-dark.css +0 -1
  64. package/styles/h-scroll/tailwind.css +0 -1
  65. package/styles/highcontrast-light.css +14 -9
  66. package/styles/highcontrast.css +14 -9
  67. package/styles/material-dark.css +14 -10
  68. package/styles/material.css +14 -10
  69. package/styles/material3-dark.css +15 -23
  70. package/styles/material3.css +15 -11
  71. package/styles/menu/bootstrap-dark.css +14 -9
  72. package/styles/menu/bootstrap.css +14 -9
  73. package/styles/menu/bootstrap4.css +22 -14
  74. package/styles/menu/bootstrap5-dark.css +14 -9
  75. package/styles/menu/bootstrap5.css +14 -9
  76. package/styles/menu/fabric-dark.css +14 -9
  77. package/styles/menu/fabric.css +14 -9
  78. package/styles/menu/fluent-dark.css +14 -9
  79. package/styles/menu/fluent.css +14 -9
  80. package/styles/menu/highcontrast-light.css +14 -9
  81. package/styles/menu/highcontrast.css +14 -9
  82. package/styles/menu/material-dark.css +14 -10
  83. package/styles/menu/material.css +14 -10
  84. package/styles/menu/material3-dark.css +14 -10
  85. package/styles/menu/material3-dark.scss +1 -1
  86. package/styles/menu/material3.css +14 -10
  87. package/styles/menu/material3.scss +1 -1
  88. package/styles/menu/tailwind-dark.css +14 -10
  89. package/styles/menu/tailwind.css +14 -10
  90. package/styles/pager/material-dark.css +0 -1
  91. package/styles/pager/material.css +0 -1
  92. package/styles/pager/material3-dark.css +0 -1
  93. package/styles/pager/material3-dark.scss +1 -1
  94. package/styles/pager/material3.css +0 -1
  95. package/styles/pager/material3.scss +1 -1
  96. package/styles/pager/tailwind-dark.css +0 -1
  97. package/styles/pager/tailwind.css +0 -1
  98. package/styles/sidebar/material-dark.css +0 -1
  99. package/styles/sidebar/material.css +0 -1
  100. package/styles/sidebar/material3-dark.css +0 -1
  101. package/styles/sidebar/material3-dark.scss +1 -1
  102. package/styles/sidebar/material3.css +0 -1
  103. package/styles/sidebar/material3.scss +1 -1
  104. package/styles/sidebar/tailwind-dark.css +0 -1
  105. package/styles/sidebar/tailwind.css +0 -1
  106. package/styles/tab/material-dark.css +0 -1
  107. package/styles/tab/material.css +0 -1
  108. package/styles/tab/material3-dark.css +0 -1
  109. package/styles/tab/material3-dark.scss +1 -1
  110. package/styles/tab/material3.css +0 -1
  111. package/styles/tab/material3.scss +1 -1
  112. package/styles/tab/tailwind-dark.css +2 -3
  113. package/styles/tab/tailwind.css +2 -3
  114. package/styles/tailwind-dark.css +18 -26
  115. package/styles/tailwind.css +18 -26
  116. package/styles/toolbar/bootstrap5-dark.css +4 -4
  117. package/styles/toolbar/bootstrap5.css +4 -4
  118. package/styles/toolbar/material-dark.css +0 -1
  119. package/styles/toolbar/material.css +0 -1
  120. package/styles/toolbar/material3-dark.css +1 -2
  121. package/styles/toolbar/material3-dark.scss +1 -1
  122. package/styles/toolbar/material3.css +1 -2
  123. package/styles/toolbar/material3.scss +1 -1
  124. package/styles/toolbar/tailwind-dark.css +2 -3
  125. package/styles/toolbar/tailwind.css +2 -3
  126. package/styles/treeview/material-dark.css +0 -1
  127. package/styles/treeview/material.css +0 -1
  128. package/styles/treeview/material3-dark.css +0 -1
  129. package/styles/treeview/material3-dark.scss +1 -1
  130. package/styles/treeview/material3.css +0 -1
  131. package/styles/treeview/material3.scss +1 -1
  132. package/styles/treeview/tailwind-dark.css +0 -1
  133. package/styles/treeview/tailwind.css +0 -1
  134. package/styles/v-scroll/material-dark.css +0 -1
  135. package/styles/v-scroll/material.css +0 -1
  136. package/styles/v-scroll/material3-dark.css +0 -1
  137. package/styles/v-scroll/material3-dark.scss +1 -1
  138. package/styles/v-scroll/material3.css +0 -1
  139. package/styles/v-scroll/material3.scss +1 -1
  140. package/styles/v-scroll/tailwind-dark.css +0 -1
  141. package/styles/v-scroll/tailwind.css +0 -1
package/styles/material3.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -2078,7 +2077,7 @@
2078
2077
  min-width: 18px;
2079
2078
  width: auto;
2080
2079
  font-size: 18px;
2081
- line-height: 18px;
2080
+ line-height: 16px;
2082
2081
  }
2083
2082
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-toolbar .e-toolbar-item .e-tbar-btn:focus, .e-toolbar .e-toolbar-item .e-tbar-btn:active {
2084
2083
  padding: 0 7px;
@@ -10746,20 +10745,23 @@ ejs-sidebar {
10746
10745
  .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
10747
10746
  color: rgba(var(--color-sf-on-surface-variant));
10748
10747
  }
10749
- .e-menu-wrapper .e-menu .e-menu-item.e-selected,
10750
- .e-menu-container .e-menu .e-menu-item.e-selected {
10748
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-wrapper .e-menu .e-menu-item.e-active-item,
10749
+ .e-menu-container .e-menu .e-menu-item.e-selected,
10750
+ .e-menu-container .e-menu .e-menu-item.e-active-item {
10751
10751
  color: rgba(var(--color-sf-primary));
10752
10752
  outline: 0 solid rgba(var(--color-sf-primary), 0.08);
10753
10753
  outline-offset: 0;
10754
10754
  background: rgba(var(--color-sf-primary), 0.08);
10755
10755
  border-radius: 2px;
10756
10756
  }
10757
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
10758
- .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
10757
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-caret,
10758
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret,
10759
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-caret {
10759
10760
  color: rgba(var(--color-sf-primary));
10760
10761
  }
10761
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
10762
- .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
10762
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-menu-icon,
10763
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon,
10764
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-menu-icon {
10763
10765
  color: rgba(var(--color-sf-primary));
10764
10766
  }
10765
10767
  .e-menu-wrapper .e-menu .e-menu-item.e-separator,
@@ -10800,8 +10802,9 @@ ejs-sidebar {
10800
10802
  outline: 0 solid rgba(var(--color-sf-outline-variant));
10801
10803
  outline-offset: 0;
10802
10804
  }
10803
- .e-menu-wrapper .e-ul .e-menu-item.e-selected,
10804
- .e-menu-container .e-ul .e-menu-item.e-selected {
10805
+ .e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-wrapper .e-ul .e-menu-item.e-active-item,
10806
+ .e-menu-container .e-ul .e-menu-item.e-selected,
10807
+ .e-menu-container .e-ul .e-menu-item.e-active-item {
10805
10808
  background-color: rgba(var(--color-sf-primary-container), 0.65);
10806
10809
  color: rgba(var(--color-sf-on-surface));
10807
10810
  outline: 0 solid rgba(var(--color-sf-primary-container), 0.65);
@@ -10872,8 +10875,9 @@ ejs-sidebar {
10872
10875
  .e-menu-container.e-inherit .e-menu {
10873
10876
  background: inherit;
10874
10877
  }
10875
- .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
10878
+ .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
10876
10879
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
10880
+ .e-menu-container.e-inherit .e-menu .e-menu-item.e-active-item,
10877
10881
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
10878
10882
  background: rgba(0, 0, 0, 0.056);
10879
10883
  color: inherit;
package/styles/menu/bootstrap-dark.css CHANGED
@@ -946,19 +946,22 @@
946
946
  .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
947
947
  color: #f0f0f0;
948
948
  }
949
- .e-menu-wrapper .e-menu .e-menu-item.e-selected,
950
- .e-menu-container .e-menu .e-menu-item.e-selected {
949
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-wrapper .e-menu .e-menu-item.e-active-item,
950
+ .e-menu-container .e-menu .e-menu-item.e-selected,
951
+ .e-menu-container .e-menu .e-menu-item.e-active-item {
951
952
  color: #f0f0f0;
952
953
  outline: 0 solid #313131;
953
954
  outline-offset: 0;
954
955
  background: #313131;
955
956
  }
956
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
957
- .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
957
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-caret,
958
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret,
959
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-caret {
958
960
  color: #f0f0f0;
959
961
  }
960
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
961
- .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
962
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-menu-icon,
963
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon,
964
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-menu-icon {
962
965
  color: #f0f0f0;
963
966
  }
964
967
  .e-menu-wrapper .e-menu .e-menu-item.e-separator,
@@ -999,8 +1002,9 @@
999
1002
  outline: 0 solid #505050;
1000
1003
  outline-offset: 0;
1001
1004
  }
1002
- .e-menu-wrapper .e-ul .e-menu-item.e-selected,
1003
- .e-menu-container .e-ul .e-menu-item.e-selected {
1005
+ .e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-wrapper .e-ul .e-menu-item.e-active-item,
1006
+ .e-menu-container .e-ul .e-menu-item.e-selected,
1007
+ .e-menu-container .e-ul .e-menu-item.e-active-item {
1004
1008
  background-color: #505050;
1005
1009
  color: #f0f0f0;
1006
1010
  outline: 0 solid #505050;
@@ -1071,8 +1075,9 @@
1071
1075
  .e-menu-container.e-inherit .e-menu {
1072
1076
  background: inherit;
1073
1077
  }
1074
- .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1078
+ .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1075
1079
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
1080
+ .e-menu-container.e-inherit .e-menu .e-menu-item.e-active-item,
1076
1081
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
1077
1082
  background: rgba(0, 0, 0, 0.056);
1078
1083
  color: inherit;
package/styles/menu/bootstrap.css CHANGED
@@ -947,19 +947,22 @@
947
947
  .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
948
948
  color: #333;
949
949
  }
950
- .e-menu-wrapper .e-menu .e-menu-item.e-selected,
951
- .e-menu-container .e-menu .e-menu-item.e-selected {
950
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-wrapper .e-menu .e-menu-item.e-active-item,
951
+ .e-menu-container .e-menu .e-menu-item.e-selected,
952
+ .e-menu-container .e-menu .e-menu-item.e-active-item {
952
953
  color: #333;
953
954
  outline: 0 solid #ddd;
954
955
  outline-offset: 0;
955
956
  background: #ddd;
956
957
  }
957
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
958
- .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
958
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-caret,
959
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret,
960
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-caret {
959
961
  color: #333;
960
962
  }
961
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
962
- .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
963
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-menu-icon,
964
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon,
965
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-menu-icon {
963
966
  color: #333;
964
967
  }
965
968
  .e-menu-wrapper .e-menu .e-menu-item.e-separator,
@@ -1000,8 +1003,9 @@
1000
1003
  outline: 0 solid #e6e6e6;
1001
1004
  outline-offset: 0;
1002
1005
  }
1003
- .e-menu-wrapper .e-ul .e-menu-item.e-selected,
1004
- .e-menu-container .e-ul .e-menu-item.e-selected {
1006
+ .e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-wrapper .e-ul .e-menu-item.e-active-item,
1007
+ .e-menu-container .e-ul .e-menu-item.e-selected,
1008
+ .e-menu-container .e-ul .e-menu-item.e-active-item {
1005
1009
  background-color: #e6e6e6;
1006
1010
  color: #555;
1007
1011
  outline: 0 solid #e6e6e6;
@@ -1072,8 +1076,9 @@
1072
1076
  .e-menu-container.e-inherit .e-menu {
1073
1077
  background: inherit;
1074
1078
  }
1075
- .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1079
+ .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1076
1080
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
1081
+ .e-menu-container.e-inherit .e-menu .e-menu-item.e-active-item,
1077
1082
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
1078
1083
  background: rgba(0, 0, 0, 0.056);
1079
1084
  color: inherit;
package/styles/menu/bootstrap4.css CHANGED
@@ -943,20 +943,23 @@
943
943
  .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
944
944
  color: #0056b3;
945
945
  }
946
- .e-menu-wrapper .e-menu .e-menu-item.e-selected,
947
- .e-menu-container .e-menu .e-menu-item.e-selected {
946
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-wrapper .e-menu .e-menu-item.e-active-item,
947
+ .e-menu-container .e-menu .e-menu-item.e-selected,
948
+ .e-menu-container .e-menu .e-menu-item.e-active-item {
948
949
  color: #0056b3;
949
950
  outline: 0 solid #f2f4f6;
950
951
  outline-offset: 0;
951
952
  background: transparent;
952
953
  background: #f2f4f6;
953
954
  }
954
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
955
- .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
955
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-caret,
956
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret,
957
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-caret {
956
958
  color: #007bff;
957
959
  }
958
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
959
- .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
960
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-menu-icon,
961
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon,
962
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-menu-icon {
960
963
  color: #007bff;
961
964
  }
962
965
  .e-menu-wrapper .e-menu .e-menu-item.e-separator,
@@ -1002,12 +1005,14 @@
1002
1005
  .e-menu-container .e-ul .e-menu-item.e-focused .e-menu-icon {
1003
1006
  color: #212529;
1004
1007
  }
1005
- .e-menu-wrapper .e-ul .e-menu-item.e-selected .e-caret,
1006
- .e-menu-container .e-ul .e-menu-item.e-selected .e-caret {
1008
+ .e-menu-wrapper .e-ul .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-ul .e-menu-item.e-active-item .e-caret,
1009
+ .e-menu-container .e-ul .e-menu-item.e-selected .e-caret,
1010
+ .e-menu-container .e-ul .e-menu-item.e-active-item .e-caret {
1007
1011
  color: #fff;
1008
1012
  }
1009
- .e-menu-wrapper .e-ul .e-menu-item.e-selected .e-menu-icon,
1010
- .e-menu-container .e-ul .e-menu-item.e-selected .e-menu-icon {
1013
+ .e-menu-wrapper .e-ul .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-ul .e-menu-item.e-active-item .e-menu-icon,
1014
+ .e-menu-container .e-ul .e-menu-item.e-selected .e-menu-icon,
1015
+ .e-menu-container .e-ul .e-menu-item.e-active-item .e-menu-icon {
1011
1016
  color: #fff;
1012
1017
  }
1013
1018
  .e-menu-wrapper .e-ul .e-menu-item .e-menu-url,
@@ -1021,8 +1026,9 @@
1021
1026
  outline: 0 solid #e9ecef;
1022
1027
  outline-offset: 0;
1023
1028
  }
1024
- .e-menu-wrapper .e-ul .e-menu-item.e-selected,
1025
- .e-menu-container .e-ul .e-menu-item.e-selected {
1029
+ .e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-wrapper .e-ul .e-menu-item.e-active-item,
1030
+ .e-menu-container .e-ul .e-menu-item.e-selected,
1031
+ .e-menu-container .e-ul .e-menu-item.e-active-item {
1026
1032
  background-color: #007bff;
1027
1033
  color: #fff;
1028
1034
  outline: 0 solid #007bff;
@@ -1104,8 +1110,9 @@
1104
1110
  .e-menu-container.e-inherit .e-menu {
1105
1111
  background: inherit;
1106
1112
  }
1107
- .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1113
+ .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1108
1114
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
1115
+ .e-menu-container.e-inherit .e-menu .e-menu-item.e-active-item,
1109
1116
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
1110
1117
  background: rgba(0, 0, 0, 0.056);
1111
1118
  color: inherit;
@@ -1123,8 +1130,9 @@
1123
1130
  .e-menu-container.e-hamburger ul {
1124
1131
  color: #212529;
1125
1132
  }
1126
- .e-menu-wrapper.e-hamburger ul .e-selected .e-caret, .e-menu-wrapper.e-hamburger ul .e-caret,
1133
+ .e-menu-wrapper.e-hamburger ul .e-selected .e-caret, .e-menu-wrapper.e-hamburger ul .e-active-item .e-caret, .e-menu-wrapper.e-hamburger ul .e-caret,
1127
1134
  .e-menu-container.e-hamburger ul .e-selected .e-caret,
1135
+ .e-menu-container.e-hamburger ul .e-active-item .e-caret,
1128
1136
  .e-menu-container.e-hamburger ul .e-caret {
1129
1137
  color: #212529;
1130
1138
  }
package/styles/menu/bootstrap5-dark.css CHANGED
@@ -941,19 +941,22 @@
941
941
  outline-offset: 0;
942
942
  background: #495057;
943
943
  }
944
- .e-menu-wrapper .e-menu .e-menu-item.e-selected,
945
- .e-menu-container .e-menu .e-menu-item.e-selected {
944
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-wrapper .e-menu .e-menu-item.e-active-item,
945
+ .e-menu-container .e-menu .e-menu-item.e-selected,
946
+ .e-menu-container .e-menu .e-menu-item.e-active-item {
946
947
  color: #fff;
947
948
  outline: 0 solid #495057;
948
949
  outline-offset: 0;
949
950
  background: #495057;
950
951
  }
951
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
952
- .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
952
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-caret,
953
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret,
954
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-caret {
953
955
  color: #adb5bd;
954
956
  }
955
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
956
- .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
957
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-menu-icon,
958
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon,
959
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-menu-icon {
957
960
  color: #adb5bd;
958
961
  }
959
962
  .e-menu-wrapper .e-menu .e-menu-item.e-separator,
@@ -994,8 +997,9 @@
994
997
  outline: 0 solid #444c54;
995
998
  outline-offset: 0;
996
999
  }
997
- .e-menu-wrapper .e-ul .e-menu-item.e-selected,
998
- .e-menu-container .e-ul .e-menu-item.e-selected {
1000
+ .e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-wrapper .e-ul .e-menu-item.e-active-item,
1001
+ .e-menu-container .e-ul .e-menu-item.e-selected,
1002
+ .e-menu-container .e-ul .e-menu-item.e-active-item {
999
1003
  background-color: #0d6efd;
1000
1004
  color: #fff;
1001
1005
  outline: 0 solid #0d6efd;
@@ -1066,8 +1070,9 @@
1066
1070
  .e-menu-container.e-inherit .e-menu {
1067
1071
  background: inherit;
1068
1072
  }
1069
- .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1073
+ .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1070
1074
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
1075
+ .e-menu-container.e-inherit .e-menu .e-menu-item.e-active-item,
1071
1076
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
1072
1077
  background: rgba(0, 0, 0, 0.056);
1073
1078
  color: inherit;
package/styles/menu/bootstrap5.css CHANGED
@@ -941,19 +941,22 @@
941
941
  outline-offset: 0;
942
942
  background: #dee2e6;
943
943
  }
944
- .e-menu-wrapper .e-menu .e-menu-item.e-selected,
945
- .e-menu-container .e-menu .e-menu-item.e-selected {
944
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-wrapper .e-menu .e-menu-item.e-active-item,
945
+ .e-menu-container .e-menu .e-menu-item.e-selected,
946
+ .e-menu-container .e-menu .e-menu-item.e-active-item {
946
947
  color: #212529;
947
948
  outline: 0 solid #dee2e6;
948
949
  outline-offset: 0;
949
950
  background: #dee2e6;
950
951
  }
951
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
952
- .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
952
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-caret,
953
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret,
954
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-caret {
953
955
  color: #6c757d;
954
956
  }
955
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
956
- .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
957
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-menu-icon,
958
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon,
959
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-menu-icon {
957
960
  color: #6c757d;
958
961
  }
959
962
  .e-menu-wrapper .e-menu .e-menu-item.e-separator,
@@ -994,8 +997,9 @@
994
997
  outline: 0 solid #dee2e6;
995
998
  outline-offset: 0;
996
999
  }
997
- .e-menu-wrapper .e-ul .e-menu-item.e-selected,
998
- .e-menu-container .e-ul .e-menu-item.e-selected {
1000
+ .e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-wrapper .e-ul .e-menu-item.e-active-item,
1001
+ .e-menu-container .e-ul .e-menu-item.e-selected,
1002
+ .e-menu-container .e-ul .e-menu-item.e-active-item {
999
1003
  background-color: #0d6efd;
1000
1004
  color: #fff;
1001
1005
  outline: 0 solid #0d6efd;
@@ -1066,8 +1070,9 @@
1066
1070
  .e-menu-container.e-inherit .e-menu {
1067
1071
  background: inherit;
1068
1072
  }
1069
- .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1073
+ .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1070
1074
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
1075
+ .e-menu-container.e-inherit .e-menu .e-menu-item.e-active-item,
1071
1076
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
1072
1077
  background: rgba(0, 0, 0, 0.056);
1073
1078
  color: inherit;
package/styles/menu/fabric-dark.css CHANGED
@@ -946,19 +946,22 @@
946
946
  .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
947
947
  color: #dadada;
948
948
  }
949
- .e-menu-wrapper .e-menu .e-menu-item.e-selected,
950
- .e-menu-container .e-menu .e-menu-item.e-selected {
949
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-wrapper .e-menu .e-menu-item.e-active-item,
950
+ .e-menu-container .e-menu .e-menu-item.e-selected,
951
+ .e-menu-container .e-menu .e-menu-item.e-active-item {
951
952
  color: #fff;
952
953
  outline: 0 solid #514f4f;
953
954
  outline-offset: 0;
954
955
  background: #514f4f;
955
956
  }
956
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
957
- .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
957
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-caret,
958
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret,
959
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-caret {
958
960
  color: #dadada;
959
961
  }
960
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
961
- .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
962
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-menu-icon,
963
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon,
964
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-menu-icon {
962
965
  color: #dadada;
963
966
  }
964
967
  .e-menu-wrapper .e-menu .e-menu-item.e-separator,
@@ -999,8 +1002,9 @@
999
1002
  outline: 0 solid #414040;
1000
1003
  outline-offset: 0;
1001
1004
  }
1002
- .e-menu-wrapper .e-ul .e-menu-item.e-selected,
1003
- .e-menu-container .e-ul .e-menu-item.e-selected {
1005
+ .e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-wrapper .e-ul .e-menu-item.e-active-item,
1006
+ .e-menu-container .e-ul .e-menu-item.e-selected,
1007
+ .e-menu-container .e-ul .e-menu-item.e-active-item {
1004
1008
  background-color: #514f4f;
1005
1009
  color: #fff;
1006
1010
  outline: 0 solid #514f4f;
@@ -1071,8 +1075,9 @@
1071
1075
  .e-menu-container.e-inherit .e-menu {
1072
1076
  background: inherit;
1073
1077
  }
1074
- .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1078
+ .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1075
1079
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
1080
+ .e-menu-container.e-inherit .e-menu .e-menu-item.e-active-item,
1076
1081
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
1077
1082
  background: rgba(0, 0, 0, 0.056);
1078
1083
  color: inherit;
package/styles/menu/fabric.css CHANGED
@@ -947,19 +947,22 @@
947
947
  .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
948
948
  color: #333;
949
949
  }
950
- .e-menu-wrapper .e-menu .e-menu-item.e-selected,
951
- .e-menu-container .e-menu .e-menu-item.e-selected {
950
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-wrapper .e-menu .e-menu-item.e-active-item,
951
+ .e-menu-container .e-menu .e-menu-item.e-selected,
952
+ .e-menu-container .e-menu .e-menu-item.e-active-item {
952
953
  color: #000;
953
954
  outline: 0 solid #dadada;
954
955
  outline-offset: 0;
955
956
  background: #dadada;
956
957
  }
957
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
958
- .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
958
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-caret,
959
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret,
960
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-caret {
959
961
  color: #333;
960
962
  }
961
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
962
- .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
963
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-menu-icon,
964
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon,
965
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-menu-icon {
963
966
  color: #333;
964
967
  }
965
968
  .e-menu-wrapper .e-menu .e-menu-item.e-separator,
@@ -1000,8 +1003,9 @@
1000
1003
  outline: 0 solid #eaeaea;
1001
1004
  outline-offset: 0;
1002
1005
  }
1003
- .e-menu-wrapper .e-ul .e-menu-item.e-selected,
1004
- .e-menu-container .e-ul .e-menu-item.e-selected {
1006
+ .e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-wrapper .e-ul .e-menu-item.e-active-item,
1007
+ .e-menu-container .e-ul .e-menu-item.e-selected,
1008
+ .e-menu-container .e-ul .e-menu-item.e-active-item {
1005
1009
  background-color: #f4f4f4;
1006
1010
  color: #000;
1007
1011
  outline: 0 solid #f4f4f4;
@@ -1072,8 +1076,9 @@
1072
1076
  .e-menu-container.e-inherit .e-menu {
1073
1077
  background: inherit;
1074
1078
  }
1075
- .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1079
+ .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1076
1080
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
1081
+ .e-menu-container.e-inherit .e-menu .e-menu-item.e-active-item,
1077
1082
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
1078
1083
  background: rgba(0, 0, 0, 0.056);
1079
1084
  color: inherit;
package/styles/menu/fluent-dark.css CHANGED
@@ -956,19 +956,22 @@
956
956
  .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
957
957
  color: #a19f9d;
958
958
  }
959
- .e-menu-wrapper .e-menu .e-menu-item.e-selected,
960
- .e-menu-container .e-menu .e-menu-item.e-selected {
959
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-wrapper .e-menu .e-menu-item.e-active-item,
960
+ .e-menu-container .e-menu .e-menu-item.e-selected,
961
+ .e-menu-container .e-menu .e-menu-item.e-active-item {
961
962
  color: #f3f2f1;
962
963
  outline: 0 solid #292827;
963
964
  outline-offset: 0;
964
965
  background: #323130;
965
966
  }
966
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
967
- .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
967
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-caret,
968
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret,
969
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-caret {
968
970
  color: #a19f9d;
969
971
  }
970
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
971
- .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
972
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-menu-icon,
973
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon,
974
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-menu-icon {
972
975
  color: #a19f9d;
973
976
  }
974
977
  .e-menu-wrapper .e-menu .e-menu-item.e-separator,
@@ -1017,8 +1020,9 @@
1017
1020
  outline: 0 solid #292827;
1018
1021
  outline-offset: 0;
1019
1022
  }
1020
- .e-menu-wrapper .e-ul .e-menu-item.e-selected,
1021
- .e-menu-container .e-ul .e-menu-item.e-selected {
1023
+ .e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-wrapper .e-ul .e-menu-item.e-active-item,
1024
+ .e-menu-container .e-ul .e-menu-item.e-selected,
1025
+ .e-menu-container .e-ul .e-menu-item.e-active-item {
1022
1026
  background-color: #3b3a39;
1023
1027
  color: #f3f2f1;
1024
1028
  outline: 0 solid #3b3a39;
@@ -1089,8 +1093,9 @@
1089
1093
  .e-menu-container.e-inherit .e-menu {
1090
1094
  background: inherit;
1091
1095
  }
1092
- .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1096
+ .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1093
1097
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
1098
+ .e-menu-container.e-inherit .e-menu .e-menu-item.e-active-item,
1094
1099
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
1095
1100
  background: rgba(0, 0, 0, 0.056);
1096
1101
  color: inherit;
package/styles/menu/fluent.css CHANGED
@@ -956,19 +956,22 @@
956
956
  .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
957
957
  color: #605e5c;
958
958
  }
959
- .e-menu-wrapper .e-menu .e-menu-item.e-selected,
960
- .e-menu-container .e-menu .e-menu-item.e-selected {
959
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-wrapper .e-menu .e-menu-item.e-active-item,
960
+ .e-menu-container .e-menu .e-menu-item.e-selected,
961
+ .e-menu-container .e-menu .e-menu-item.e-active-item {
961
962
  color: #201f1e;
962
963
  outline: 0 solid #edebe9;
963
964
  outline-offset: 0;
964
965
  background: #f3f2f1;
965
966
  }
966
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
967
- .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
967
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-caret,
968
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret,
969
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-caret {
968
970
  color: #605e5c;
969
971
  }
970
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
971
- .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
972
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-menu-icon,
973
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon,
974
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-menu-icon {
972
975
  color: #605e5c;
973
976
  }
974
977
  .e-menu-wrapper .e-menu .e-menu-item.e-separator,
@@ -1017,8 +1020,9 @@
1017
1020
  outline: 0 solid #edebe9;
1018
1021
  outline-offset: 0;
1019
1022
  }
1020
- .e-menu-wrapper .e-ul .e-menu-item.e-selected,
1021
- .e-menu-container .e-ul .e-menu-item.e-selected {
1023
+ .e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-wrapper .e-ul .e-menu-item.e-active-item,
1024
+ .e-menu-container .e-ul .e-menu-item.e-selected,
1025
+ .e-menu-container .e-ul .e-menu-item.e-active-item {
1022
1026
  background-color: #edebe9;
1023
1027
  color: #201f1e;
1024
1028
  outline: 0 solid #edebe9;
@@ -1089,8 +1093,9 @@
1089
1093
  .e-menu-container.e-inherit .e-menu {
1090
1094
  background: inherit;
1091
1095
  }
1092
- .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1096
+ .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1093
1097
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
1098
+ .e-menu-container.e-inherit .e-menu .e-menu-item.e-active-item,
1094
1099
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
1095
1100
  background: rgba(0, 0, 0, 0.056);
1096
1101
  color: inherit;
package/styles/menu/highcontrast-light.css CHANGED
@@ -946,19 +946,22 @@
946
946
  .e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
947
947
  color: #000;
948
948
  }
949
- .e-menu-wrapper .e-menu .e-menu-item.e-selected,
950
- .e-menu-container .e-menu .e-menu-item.e-selected {
949
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected, .e-menu-wrapper .e-menu .e-menu-item.e-active-item,
950
+ .e-menu-container .e-menu .e-menu-item.e-selected,
951
+ .e-menu-container .e-menu .e-menu-item.e-active-item {
951
952
  color: #fff;
952
953
  outline: 0 solid #808080;
953
954
  outline-offset: 0;
954
955
  background: #808080;
955
956
  }
956
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret,
957
- .e-menu-container .e-menu .e-menu-item.e-selected .e-caret {
957
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-caret, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-caret,
958
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-caret,
959
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-caret {
958
960
  color: #000;
959
961
  }
960
- .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon,
961
- .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon {
962
+ .e-menu-wrapper .e-menu .e-menu-item.e-selected .e-menu-icon, .e-menu-wrapper .e-menu .e-menu-item.e-active-item .e-menu-icon,
963
+ .e-menu-container .e-menu .e-menu-item.e-selected .e-menu-icon,
964
+ .e-menu-container .e-menu .e-menu-item.e-active-item .e-menu-icon {
962
965
  color: #000;
963
966
  }
964
967
  .e-menu-wrapper .e-menu .e-menu-item.e-separator,
@@ -999,8 +1002,9 @@
999
1002
  outline: 1px solid #757575;
1000
1003
  outline-offset: -1px;
1001
1004
  }
1002
- .e-menu-wrapper .e-ul .e-menu-item.e-selected,
1003
- .e-menu-container .e-ul .e-menu-item.e-selected {
1005
+ .e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-wrapper .e-ul .e-menu-item.e-active-item,
1006
+ .e-menu-container .e-ul .e-menu-item.e-selected,
1007
+ .e-menu-container .e-ul .e-menu-item.e-active-item {
1004
1008
  background-color: #400074;
1005
1009
  color: #fff;
1006
1010
  outline: 0 solid #400074;
@@ -1071,8 +1075,9 @@
1071
1075
  .e-menu-container.e-inherit .e-menu {
1072
1076
  background: inherit;
1073
1077
  }
1074
- .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1078
+ .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-active-item, .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
1075
1079
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
1080
+ .e-menu-container.e-inherit .e-menu .e-menu-item.e-active-item,
1076
1081
  .e-menu-container.e-inherit .e-menu .e-menu-item.e-focused {
1077
1082
  background: rgba(0, 0, 0, 0.056);
1078
1083
  color: inherit;