@syncfusion/ej2-vue-navigations 21.1.39 → 21.2.3

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 (34) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-vue-navigations.umd.min.js +1 -1
  3. package/dist/global/ej2-vue-navigations.min.js +2 -2
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +35 -16
  6. package/styles/bootstrap.css +35 -16
  7. package/styles/bootstrap4.css +35 -16
  8. package/styles/bootstrap5-dark.css +35 -16
  9. package/styles/bootstrap5.css +35 -16
  10. package/styles/fabric-dark.css +35 -16
  11. package/styles/fabric.css +35 -16
  12. package/styles/fluent-dark.css +35 -16
  13. package/styles/fluent.css +35 -16
  14. package/styles/highcontrast-light.css +35 -16
  15. package/styles/highcontrast.css +37 -17
  16. package/styles/material-dark.css +35 -16
  17. package/styles/material.css +35 -16
  18. package/styles/tailwind-dark.css +35 -16
  19. package/styles/tailwind.css +35 -16
  20. package/styles/treeview/bootstrap-dark.css +35 -16
  21. package/styles/treeview/bootstrap.css +35 -16
  22. package/styles/treeview/bootstrap4.css +35 -16
  23. package/styles/treeview/bootstrap5-dark.css +35 -16
  24. package/styles/treeview/bootstrap5.css +35 -16
  25. package/styles/treeview/fabric-dark.css +35 -16
  26. package/styles/treeview/fabric.css +35 -16
  27. package/styles/treeview/fluent-dark.css +35 -16
  28. package/styles/treeview/fluent.css +35 -16
  29. package/styles/treeview/highcontrast-light.css +35 -16
  30. package/styles/treeview/highcontrast.css +37 -17
  31. package/styles/treeview/material-dark.css +35 -16
  32. package/styles/treeview/material.css +35 -16
  33. package/styles/treeview/tailwind-dark.css +35 -16
  34. package/styles/treeview/tailwind.css +35 -16
package/styles/fabric-dark.css CHANGED
@@ -7988,17 +7988,22 @@
7988
7988
  font-size: 10px;
7989
7989
  }
7990
7990
  .e-treeview .e-list-item.e-active,
7991
- .e-treeview .e-list-item.e-hover {
7991
+ .e-treeview .e-list-item.e-hover,
7992
+ .e-treeview .e-list-item.e-node-focus {
7992
7993
  background: transparent;
7993
7994
  }
7994
- .e-treeview .e-list-item.e-hover > .e-text-content {
7995
+ .e-treeview .e-list-item.e-hover > .e-text-content,
7996
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
7995
7997
  color: #dadada;
7996
7998
  }
7997
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
7999
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8000
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
7998
8001
  color: #dadada;
7999
8002
  }
8000
8003
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8001
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8004
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8005
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8006
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8002
8007
  color: #dadada;
8003
8008
  }
8004
8009
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8011,31 +8016,40 @@
8011
8016
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8012
8017
  color: #fff;
8013
8018
  }
8014
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8019
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8020
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8015
8021
  color: #fff;
8016
8022
  }
8017
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8023
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8024
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8018
8025
  color: #fff;
8019
8026
  }
8020
8027
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8021
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8028
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8029
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8030
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8022
8031
  color: #fff;
8023
8032
  }
8024
8033
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8025
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8034
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8035
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8026
8036
  color: #dadada;
8027
8037
  }
8028
8038
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8029
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8039
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8040
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8030
8041
  color: #dadada;
8031
8042
  }
8032
8043
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8033
8044
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8034
8045
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8035
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8046
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8047
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8048
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8036
8049
  color: #dadada;
8037
8050
  }
8038
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8051
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8052
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8039
8053
  background-color: #414040;
8040
8054
  border-color: #414040;
8041
8055
  }
@@ -8053,12 +8067,14 @@
8053
8067
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8054
8068
  color: #dadada;
8055
8069
  }
8056
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8070
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8071
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8057
8072
  background-color: #514f4f;
8058
8073
  border-color: #c8c8c8;
8059
8074
  }
8060
8075
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8061
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8076
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8077
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8062
8078
  background-color: transparent;
8063
8079
  border-color: transparent;
8064
8080
  }
@@ -8090,7 +8106,8 @@
8090
8106
  .e-treeview .e-popup .e-downtail::after {
8091
8107
  border-top-color: #fff;
8092
8108
  }
8093
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8109
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8110
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8094
8111
  background-color: #414040;
8095
8112
  border-color: #414040;
8096
8113
  }
@@ -8098,12 +8115,14 @@
8098
8115
  background-color: #514f4f;
8099
8116
  border-color: #514f4f;
8100
8117
  }
8101
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8118
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8119
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8102
8120
  background-color: #514f4f;
8103
8121
  border-color: #c8c8c8;
8104
8122
  }
8105
8123
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8106
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8124
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8125
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8107
8126
  background-color: transparent;
8108
8127
  border-color: transparent;
8109
8128
  }
package/styles/fabric.css CHANGED
@@ -7998,17 +7998,22 @@
7998
7998
  font-size: 10px;
7999
7999
  }
8000
8000
  .e-treeview .e-list-item.e-active,
8001
- .e-treeview .e-list-item.e-hover {
8001
+ .e-treeview .e-list-item.e-hover,
8002
+ .e-treeview .e-list-item.e-node-focus {
8002
8003
  background: transparent;
8003
8004
  }
8004
- .e-treeview .e-list-item.e-hover > .e-text-content {
8005
+ .e-treeview .e-list-item.e-hover > .e-text-content,
8006
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
8005
8007
  color: #333;
8006
8008
  }
8007
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
8009
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8010
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8008
8011
  color: #333;
8009
8012
  }
8010
8013
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8011
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8014
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8015
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8016
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8012
8017
  color: #333;
8013
8018
  }
8014
8019
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8021,31 +8026,40 @@
8021
8026
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8022
8027
  color: #333;
8023
8028
  }
8024
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8029
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8030
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8025
8031
  color: #333;
8026
8032
  }
8027
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8033
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8034
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8028
8035
  color: #333;
8029
8036
  }
8030
8037
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8031
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8038
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8039
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8040
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8032
8041
  color: #333;
8033
8042
  }
8034
8043
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8035
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8044
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8045
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8036
8046
  color: #333;
8037
8047
  }
8038
8048
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8039
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8049
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8050
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8040
8051
  color: #333;
8041
8052
  }
8042
8053
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8043
8054
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8044
8055
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8045
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8056
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8057
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8058
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8046
8059
  color: #333;
8047
8060
  }
8048
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8061
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8062
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8049
8063
  background-color: #f4f4f4;
8050
8064
  border-color: #f4f4f4;
8051
8065
  }
@@ -8063,12 +8077,14 @@
8063
8077
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8064
8078
  color: #333;
8065
8079
  }
8066
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8080
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8081
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8067
8082
  background-color: #d1ebff;
8068
8083
  border-color: #666;
8069
8084
  }
8070
8085
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8071
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8086
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8087
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8072
8088
  background-color: transparent;
8073
8089
  border-color: transparent;
8074
8090
  }
@@ -8100,7 +8116,8 @@
8100
8116
  .e-treeview .e-popup .e-downtail::after {
8101
8117
  border-top-color: #fff;
8102
8118
  }
8103
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8119
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8120
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8104
8121
  background-color: #f4f4f4;
8105
8122
  border-color: #f4f4f4;
8106
8123
  }
@@ -8108,12 +8125,14 @@
8108
8125
  background-color: #d1ebff;
8109
8126
  border-color: #d1ebff;
8110
8127
  }
8111
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8128
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8129
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8112
8130
  background-color: #d1ebff;
8113
8131
  border-color: #666;
8114
8132
  }
8115
8133
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8116
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8134
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8135
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8117
8136
  background-color: transparent;
8118
8137
  border-color: transparent;
8119
8138
  }
package/styles/fluent-dark.css CHANGED
@@ -8132,17 +8132,22 @@
8132
8132
  font-size: 20px;
8133
8133
  }
8134
8134
  .e-treeview .e-list-item.e-active,
8135
- .e-treeview .e-list-item.e-hover {
8135
+ .e-treeview .e-list-item.e-hover,
8136
+ .e-treeview .e-list-item.e-node-focus {
8136
8137
  background: transparent;
8137
8138
  }
8138
- .e-treeview .e-list-item.e-hover > .e-text-content {
8139
+ .e-treeview .e-list-item.e-hover > .e-text-content,
8140
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
8139
8141
  color: #f3f2f1;
8140
8142
  }
8141
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
8143
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8144
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8142
8145
  color: #f3f2f1;
8143
8146
  }
8144
8147
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8145
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8148
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8149
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8150
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8146
8151
  color: #f3f2f1;
8147
8152
  }
8148
8153
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8161,31 +8166,40 @@
8161
8166
  .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
8162
8167
  border-color: #f3f2f1;
8163
8168
  }
8164
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8169
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8170
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8165
8171
  color: #f3f2f1;
8166
8172
  }
8167
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8173
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8174
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8168
8175
  color: #f3f2f1;
8169
8176
  }
8170
8177
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8171
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8178
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8179
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8180
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8172
8181
  color: #f3f2f1;
8173
8182
  }
8174
8183
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8175
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8184
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8185
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8176
8186
  color: #f3f2f1;
8177
8187
  }
8178
8188
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8179
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8189
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8190
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8180
8191
  color: #f3f2f1;
8181
8192
  }
8182
8193
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8183
8194
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8184
8195
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8185
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8196
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8197
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8198
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8186
8199
  color: #a19f9d;
8187
8200
  }
8188
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8201
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8202
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8189
8203
  background-color: #252423;
8190
8204
  border-color: #252423;
8191
8205
  }
@@ -8203,12 +8217,14 @@
8203
8217
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8204
8218
  color: #f3f2f1;
8205
8219
  }
8206
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8220
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8221
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8207
8222
  background-color: #363533;
8208
8223
  border-color: #292827;
8209
8224
  }
8210
8225
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8211
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8226
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8227
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8212
8228
  background-color: transparent;
8213
8229
  border-color: transparent;
8214
8230
  }
@@ -8243,7 +8259,8 @@
8243
8259
  .e-treeview .e-popup .e-downtail::after {
8244
8260
  border-top-color: #252423;
8245
8261
  }
8246
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8262
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8263
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8247
8264
  background-color: #252423;
8248
8265
  border-color: #252423;
8249
8266
  }
@@ -8251,12 +8268,14 @@
8251
8268
  background-color: #292827;
8252
8269
  border-color: #292827;
8253
8270
  }
8254
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8271
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8272
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8255
8273
  background-color: #363533;
8256
8274
  border-color: #292827;
8257
8275
  }
8258
8276
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8259
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8277
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8278
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8260
8279
  background-color: transparent;
8261
8280
  border-color: transparent;
8262
8281
  }
package/styles/fluent.css CHANGED
@@ -8132,17 +8132,22 @@
8132
8132
  font-size: 20px;
8133
8133
  }
8134
8134
  .e-treeview .e-list-item.e-active,
8135
- .e-treeview .e-list-item.e-hover {
8135
+ .e-treeview .e-list-item.e-hover,
8136
+ .e-treeview .e-list-item.e-node-focus {
8136
8137
  background: transparent;
8137
8138
  }
8138
- .e-treeview .e-list-item.e-hover > .e-text-content {
8139
+ .e-treeview .e-list-item.e-hover > .e-text-content,
8140
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
8139
8141
  color: #201f1e;
8140
8142
  }
8141
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
8143
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
8144
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
8142
8145
  color: #201f1e;
8143
8146
  }
8144
8147
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8145
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
8148
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
8149
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8150
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8146
8151
  color: #323130;
8147
8152
  }
8148
8153
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8161,31 +8166,40 @@
8161
8166
  .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
8162
8167
  border-color: #201f1e;
8163
8168
  }
8164
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8169
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8170
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8165
8171
  color: #201f1e;
8166
8172
  }
8167
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8173
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8174
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8168
8175
  color: #201f1e;
8169
8176
  }
8170
8177
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8171
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8178
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8179
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8180
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8172
8181
  color: #201f1e;
8173
8182
  }
8174
8183
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8175
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8184
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8185
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8176
8186
  color: #201f1e;
8177
8187
  }
8178
8188
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8179
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8189
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8190
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8180
8191
  color: #201f1e;
8181
8192
  }
8182
8193
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8183
8194
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8184
8195
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8185
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8196
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8197
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8198
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8186
8199
  color: #605e5c;
8187
8200
  }
8188
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8201
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8202
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8189
8203
  background-color: #f3f2f1;
8190
8204
  border-color: #f3f2f1;
8191
8205
  }
@@ -8203,12 +8217,14 @@
8203
8217
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8204
8218
  color: #201f1e;
8205
8219
  }
8206
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8220
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8221
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8207
8222
  background-color: #e2dedb;
8208
8223
  border-color: #edebe9;
8209
8224
  }
8210
8225
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8211
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8226
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8227
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8212
8228
  background-color: transparent;
8213
8229
  border-color: transparent;
8214
8230
  }
@@ -8243,7 +8259,8 @@
8243
8259
  .e-treeview .e-popup .e-downtail::after {
8244
8260
  border-top-color: #f3f2f1;
8245
8261
  }
8246
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8262
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8263
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8247
8264
  background-color: #f3f2f1;
8248
8265
  border-color: #f3f2f1;
8249
8266
  }
@@ -8251,12 +8268,14 @@
8251
8268
  background-color: #edebe9;
8252
8269
  border-color: #edebe9;
8253
8270
  }
8254
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8271
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8272
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8255
8273
  background-color: #e2dedb;
8256
8274
  border-color: #edebe9;
8257
8275
  }
8258
8276
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8259
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8277
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8278
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8260
8279
  background-color: transparent;
8261
8280
  border-color: transparent;
8262
8281
  }
package/styles/highcontrast-light.css CHANGED
@@ -7982,17 +7982,22 @@
7982
7982
  font-size: 10px;
7983
7983
  }
7984
7984
  .e-treeview .e-list-item.e-active,
7985
- .e-treeview .e-list-item.e-hover {
7985
+ .e-treeview .e-list-item.e-hover,
7986
+ .e-treeview .e-list-item.e-node-focus {
7986
7987
  background: transparent;
7987
7988
  }
7988
- .e-treeview .e-list-item.e-hover > .e-text-content {
7989
+ .e-treeview .e-list-item.e-hover > .e-text-content,
7990
+ .e-treeview .e-list-item.e-node-focus > .e-text-content {
7989
7991
  color: #000;
7990
7992
  }
7991
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text {
7993
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
7994
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
7992
7995
  color: #000;
7993
7996
  }
7994
7997
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
7995
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable {
7998
+ .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
7999
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
8000
+ .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
7996
8001
  color: #000;
7997
8002
  }
7998
8003
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8005,31 +8010,40 @@
8005
8010
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8006
8011
  color: #fff;
8007
8012
  }
8008
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content {
8013
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content,
8014
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
8009
8015
  color: #fff;
8010
8016
  }
8011
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text {
8017
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
8018
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
8012
8019
  color: #fff;
8013
8020
  }
8014
8021
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8015
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable {
8022
+ .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
8023
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
8024
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
8016
8025
  color: #fff;
8017
8026
  }
8018
8027
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8019
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content {
8028
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
8029
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8020
8030
  color: #000;
8021
8031
  }
8022
8032
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8023
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text {
8033
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
8034
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
8024
8035
  color: #000;
8025
8036
  }
8026
8037
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8027
8038
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8028
8039
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8029
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable {
8040
+ .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
8041
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
8042
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
8030
8043
  color: #000;
8031
8044
  }
8032
- .e-treeview .e-list-item.e-hover > .e-fullrow {
8045
+ .e-treeview .e-list-item.e-hover > .e-fullrow,
8046
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8033
8047
  background-color: #ecf;
8034
8048
  border-color: #000;
8035
8049
  }
@@ -8047,12 +8061,14 @@
8047
8061
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8048
8062
  color: #000;
8049
8063
  }
8050
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow {
8064
+ .e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
8065
+ .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
8051
8066
  background-color: #400074;
8052
8067
  border-color: #000;
8053
8068
  }
8054
8069
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8055
- .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow {
8070
+ .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
8071
+ .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8056
8072
  background-color: transparent;
8057
8073
  border-color: transparent;
8058
8074
  }
@@ -8084,7 +8100,8 @@
8084
8100
  .e-treeview .e-popup .e-downtail::after {
8085
8101
  border-top-color: #ecf;
8086
8102
  }
8087
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content {
8103
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
8104
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8088
8105
  background-color: #ecf;
8089
8106
  border-color: #000;
8090
8107
  }
@@ -8092,12 +8109,14 @@
8092
8109
  background-color: #400074;
8093
8110
  border-color: #400074;
8094
8111
  }
8095
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content {
8112
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
8113
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
8096
8114
  background-color: #400074;
8097
8115
  border-color: #000;
8098
8116
  }
8099
8117
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8100
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content {
8118
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
8119
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8101
8120
  background-color: transparent;
8102
8121
  border-color: transparent;
8103
8122
  }