@syncfusion/ej2-navigations 21.1.38 → 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 (86) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/ej2-navigations.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +68 -54
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +68 -54
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +12 -15
  13. package/src/common/h-scroll.js +1 -0
  14. package/src/common/menu-base.d.ts +1 -0
  15. package/src/common/menu-base.js +26 -20
  16. package/src/common/v-scroll.js +1 -1
  17. package/src/tab/tab.d.ts +1 -0
  18. package/src/tab/tab.js +35 -28
  19. package/src/treeview/treeview.js +5 -5
  20. package/styles/bootstrap-dark.css +35 -26
  21. package/styles/bootstrap.css +35 -26
  22. package/styles/bootstrap4.css +35 -26
  23. package/styles/bootstrap5-dark.css +44 -35
  24. package/styles/bootstrap5.css +44 -35
  25. package/styles/context-menu/_bootstrap5-definition.scss +1 -1
  26. package/styles/context-menu/bootstrap5-dark.css +4 -4
  27. package/styles/context-menu/bootstrap5.css +4 -4
  28. package/styles/fabric-dark.css +35 -26
  29. package/styles/fabric.css +35 -26
  30. package/styles/fluent-dark.css +35 -26
  31. package/styles/fluent.css +35 -26
  32. package/styles/highcontrast-light.css +35 -26
  33. package/styles/highcontrast.css +37 -27
  34. package/styles/material-dark.css +35 -26
  35. package/styles/material.css +35 -26
  36. package/styles/menu/_bootstrap5-definition.scss +1 -1
  37. package/styles/menu/bootstrap5-dark.css +5 -5
  38. package/styles/menu/bootstrap5.css +5 -5
  39. package/styles/tab/_icons.scss +0 -8
  40. package/styles/tab/bootstrap-dark.css +0 -10
  41. package/styles/tab/bootstrap.css +0 -10
  42. package/styles/tab/bootstrap4.css +0 -10
  43. package/styles/tab/bootstrap5-dark.css +0 -10
  44. package/styles/tab/bootstrap5.css +0 -10
  45. package/styles/tab/fabric-dark.css +0 -10
  46. package/styles/tab/fabric.css +0 -10
  47. package/styles/tab/fluent-dark.css +0 -10
  48. package/styles/tab/fluent.css +0 -10
  49. package/styles/tab/highcontrast-light.css +0 -10
  50. package/styles/tab/highcontrast.css +0 -10
  51. package/styles/tab/icons/_bootstrap-dark.scss +0 -8
  52. package/styles/tab/icons/_bootstrap.scss +0 -8
  53. package/styles/tab/icons/_bootstrap4.scss +0 -12
  54. package/styles/tab/icons/_bootstrap5.scss +0 -12
  55. package/styles/tab/icons/_fabric-dark.scss +0 -8
  56. package/styles/tab/icons/_fabric.scss +0 -8
  57. package/styles/tab/icons/_fluent.scss +0 -8
  58. package/styles/tab/icons/_fusionnew.scss +0 -12
  59. package/styles/tab/icons/_highcontrast-light.scss +0 -12
  60. package/styles/tab/icons/_highcontrast.scss +0 -12
  61. package/styles/tab/icons/_material-dark.scss +0 -12
  62. package/styles/tab/icons/_material.scss +0 -12
  63. package/styles/tab/icons/_material3.scss +0 -12
  64. package/styles/tab/icons/_tailwind.scss +0 -12
  65. package/styles/tab/material-dark.css +0 -10
  66. package/styles/tab/material.css +0 -10
  67. package/styles/tab/tailwind-dark.css +0 -10
  68. package/styles/tab/tailwind.css +0 -10
  69. package/styles/tailwind-dark.css +35 -26
  70. package/styles/tailwind.css +35 -26
  71. package/styles/treeview/_theme.scss +20 -10
  72. package/styles/treeview/bootstrap-dark.css +35 -16
  73. package/styles/treeview/bootstrap.css +35 -16
  74. package/styles/treeview/bootstrap4.css +35 -16
  75. package/styles/treeview/bootstrap5-dark.css +35 -16
  76. package/styles/treeview/bootstrap5.css +35 -16
  77. package/styles/treeview/fabric-dark.css +35 -16
  78. package/styles/treeview/fabric.css +35 -16
  79. package/styles/treeview/fluent-dark.css +35 -16
  80. package/styles/treeview/fluent.css +35 -16
  81. package/styles/treeview/highcontrast-light.css +35 -16
  82. package/styles/treeview/highcontrast.css +37 -17
  83. package/styles/treeview/material-dark.css +35 -16
  84. package/styles/treeview/material.css +35 -16
  85. package/styles/treeview/tailwind-dark.css +35 -16
  86. package/styles/treeview/tailwind.css +35 -16
@@ -3386,19 +3386,9 @@
3386
3386
  .e-tab .e-tab-header .e-popup-up-icon::before {
3387
3387
  content: "\e85e";
3388
3388
  }
3389
- @media screen and (max-width: 480px) {
3390
- .e-tab .e-tab-header .e-popup-up-icon::before {
3391
- content: "\e976";
3392
- }
3393
- }
3394
3389
  .e-tab .e-tab-header .e-popup-down-icon::before {
3395
3390
  content: "\e84f";
3396
3391
  }
3397
- @media screen and (max-width: 480px) {
3398
- .e-tab .e-tab-header .e-popup-down-icon::before {
3399
- content: "\e976";
3400
- }
3401
- }
3402
3392
  @media screen and (max-width: 480px) {
3403
3393
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
3404
3394
  content: "\e85e";
@@ -7998,17 +7988,22 @@
7998
7988
  font-size: 10px;
7999
7989
  }
8000
7990
  .e-treeview .e-list-item.e-active,
8001
- .e-treeview .e-list-item.e-hover {
7991
+ .e-treeview .e-list-item.e-hover,
7992
+ .e-treeview .e-list-item.e-node-focus {
8002
7993
  background: transparent;
8003
7994
  }
8004
- .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 {
8005
7997
  color: #dadada;
8006
7998
  }
8007
- .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 {
8008
8001
  color: #dadada;
8009
8002
  }
8010
8003
  .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 {
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 {
8012
8007
  color: #dadada;
8013
8008
  }
8014
8009
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8021,31 +8016,40 @@
8021
8016
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8022
8017
  color: #fff;
8023
8018
  }
8024
- .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 {
8025
8021
  color: #fff;
8026
8022
  }
8027
- .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 {
8028
8025
  color: #fff;
8029
8026
  }
8030
8027
  .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 {
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 {
8032
8031
  color: #fff;
8033
8032
  }
8034
8033
  .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 {
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 {
8036
8036
  color: #dadada;
8037
8037
  }
8038
8038
  .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 {
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 {
8040
8041
  color: #dadada;
8041
8042
  }
8042
8043
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8043
8044
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8044
8045
  .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 {
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 {
8046
8049
  color: #dadada;
8047
8050
  }
8048
- .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 {
8049
8053
  background-color: #414040;
8050
8054
  border-color: #414040;
8051
8055
  }
@@ -8063,12 +8067,14 @@
8063
8067
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8064
8068
  color: #dadada;
8065
8069
  }
8066
- .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 {
8067
8072
  background-color: #514f4f;
8068
8073
  border-color: #c8c8c8;
8069
8074
  }
8070
8075
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8071
- .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 {
8072
8078
  background-color: transparent;
8073
8079
  border-color: transparent;
8074
8080
  }
@@ -8100,7 +8106,8 @@
8100
8106
  .e-treeview .e-popup .e-downtail::after {
8101
8107
  border-top-color: #fff;
8102
8108
  }
8103
- .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 {
8104
8111
  background-color: #414040;
8105
8112
  border-color: #414040;
8106
8113
  }
@@ -8108,12 +8115,14 @@
8108
8115
  background-color: #514f4f;
8109
8116
  border-color: #514f4f;
8110
8117
  }
8111
- .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 {
8112
8120
  background-color: #514f4f;
8113
8121
  border-color: #c8c8c8;
8114
8122
  }
8115
8123
  .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 {
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 {
8117
8126
  background-color: transparent;
8118
8127
  border-color: transparent;
8119
8128
  }
package/styles/fabric.css CHANGED
@@ -3395,19 +3395,9 @@
3395
3395
  .e-tab .e-tab-header .e-popup-up-icon::before {
3396
3396
  content: "\e85e";
3397
3397
  }
3398
- @media screen and (max-width: 480px) {
3399
- .e-tab .e-tab-header .e-popup-up-icon::before {
3400
- content: "\e976";
3401
- }
3402
- }
3403
3398
  .e-tab .e-tab-header .e-popup-down-icon::before {
3404
3399
  content: "\e84f";
3405
3400
  }
3406
- @media screen and (max-width: 480px) {
3407
- .e-tab .e-tab-header .e-popup-down-icon::before {
3408
- content: "\e976";
3409
- }
3410
- }
3411
3401
  @media screen and (max-width: 480px) {
3412
3402
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
3413
3403
  content: "\e85e";
@@ -8008,17 +7998,22 @@
8008
7998
  font-size: 10px;
8009
7999
  }
8010
8000
  .e-treeview .e-list-item.e-active,
8011
- .e-treeview .e-list-item.e-hover {
8001
+ .e-treeview .e-list-item.e-hover,
8002
+ .e-treeview .e-list-item.e-node-focus {
8012
8003
  background: transparent;
8013
8004
  }
8014
- .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 {
8015
8007
  color: #333;
8016
8008
  }
8017
- .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 {
8018
8011
  color: #333;
8019
8012
  }
8020
8013
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8021
- .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 {
8022
8017
  color: #333;
8023
8018
  }
8024
8019
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8031,31 +8026,40 @@
8031
8026
  .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
8032
8027
  color: #333;
8033
8028
  }
8034
- .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 {
8035
8031
  color: #333;
8036
8032
  }
8037
- .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 {
8038
8035
  color: #333;
8039
8036
  }
8040
8037
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8041
- .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 {
8042
8041
  color: #333;
8043
8042
  }
8044
8043
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8045
- .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 {
8046
8046
  color: #333;
8047
8047
  }
8048
8048
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8049
- .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 {
8050
8051
  color: #333;
8051
8052
  }
8052
8053
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8053
8054
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8054
8055
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8055
- .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 {
8056
8059
  color: #333;
8057
8060
  }
8058
- .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 {
8059
8063
  background-color: #f4f4f4;
8060
8064
  border-color: #f4f4f4;
8061
8065
  }
@@ -8073,12 +8077,14 @@
8073
8077
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8074
8078
  color: #333;
8075
8079
  }
8076
- .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 {
8077
8082
  background-color: #d1ebff;
8078
8083
  border-color: #666;
8079
8084
  }
8080
8085
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8081
- .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 {
8082
8088
  background-color: transparent;
8083
8089
  border-color: transparent;
8084
8090
  }
@@ -8110,7 +8116,8 @@
8110
8116
  .e-treeview .e-popup .e-downtail::after {
8111
8117
  border-top-color: #fff;
8112
8118
  }
8113
- .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 {
8114
8121
  background-color: #f4f4f4;
8115
8122
  border-color: #f4f4f4;
8116
8123
  }
@@ -8118,12 +8125,14 @@
8118
8125
  background-color: #d1ebff;
8119
8126
  border-color: #d1ebff;
8120
8127
  }
8121
- .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 {
8122
8130
  background-color: #d1ebff;
8123
8131
  border-color: #666;
8124
8132
  }
8125
8133
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8126
- .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 {
8127
8136
  background-color: transparent;
8128
8137
  border-color: transparent;
8129
8138
  }
@@ -3422,19 +3422,9 @@
3422
3422
  .e-tab .e-tab-header .e-popup-up-icon::before {
3423
3423
  content: "\e776";
3424
3424
  }
3425
- @media screen and (max-width: 480px) {
3426
- .e-tab .e-tab-header .e-popup-up-icon::before {
3427
- content: "\e770";
3428
- }
3429
- }
3430
3425
  .e-tab .e-tab-header .e-popup-down-icon::before {
3431
3426
  content: "\e729";
3432
3427
  }
3433
- @media screen and (max-width: 480px) {
3434
- .e-tab .e-tab-header .e-popup-down-icon::before {
3435
- content: "\e770";
3436
- }
3437
- }
3438
3428
  @media screen and (max-width: 480px) {
3439
3429
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
3440
3430
  content: "\e776";
@@ -8142,17 +8132,22 @@
8142
8132
  font-size: 20px;
8143
8133
  }
8144
8134
  .e-treeview .e-list-item.e-active,
8145
- .e-treeview .e-list-item.e-hover {
8135
+ .e-treeview .e-list-item.e-hover,
8136
+ .e-treeview .e-list-item.e-node-focus {
8146
8137
  background: transparent;
8147
8138
  }
8148
- .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 {
8149
8141
  color: #f3f2f1;
8150
8142
  }
8151
- .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 {
8152
8145
  color: #f3f2f1;
8153
8146
  }
8154
8147
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8155
- .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 {
8156
8151
  color: #f3f2f1;
8157
8152
  }
8158
8153
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8171,31 +8166,40 @@
8171
8166
  .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
8172
8167
  border-color: #f3f2f1;
8173
8168
  }
8174
- .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 {
8175
8171
  color: #f3f2f1;
8176
8172
  }
8177
- .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 {
8178
8175
  color: #f3f2f1;
8179
8176
  }
8180
8177
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8181
- .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 {
8182
8181
  color: #f3f2f1;
8183
8182
  }
8184
8183
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8185
- .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 {
8186
8186
  color: #f3f2f1;
8187
8187
  }
8188
8188
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8189
- .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 {
8190
8191
  color: #f3f2f1;
8191
8192
  }
8192
8193
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8193
8194
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8194
8195
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8195
- .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 {
8196
8199
  color: #a19f9d;
8197
8200
  }
8198
- .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 {
8199
8203
  background-color: #252423;
8200
8204
  border-color: #252423;
8201
8205
  }
@@ -8213,12 +8217,14 @@
8213
8217
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8214
8218
  color: #f3f2f1;
8215
8219
  }
8216
- .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 {
8217
8222
  background-color: #363533;
8218
8223
  border-color: #292827;
8219
8224
  }
8220
8225
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8221
- .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 {
8222
8228
  background-color: transparent;
8223
8229
  border-color: transparent;
8224
8230
  }
@@ -8253,7 +8259,8 @@
8253
8259
  .e-treeview .e-popup .e-downtail::after {
8254
8260
  border-top-color: #252423;
8255
8261
  }
8256
- .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 {
8257
8264
  background-color: #252423;
8258
8265
  border-color: #252423;
8259
8266
  }
@@ -8261,12 +8268,14 @@
8261
8268
  background-color: #292827;
8262
8269
  border-color: #292827;
8263
8270
  }
8264
- .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 {
8265
8273
  background-color: #363533;
8266
8274
  border-color: #292827;
8267
8275
  }
8268
8276
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8269
- .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 {
8270
8279
  background-color: transparent;
8271
8280
  border-color: transparent;
8272
8281
  }
package/styles/fluent.css CHANGED
@@ -3422,19 +3422,9 @@
3422
3422
  .e-tab .e-tab-header .e-popup-up-icon::before {
3423
3423
  content: "\e776";
3424
3424
  }
3425
- @media screen and (max-width: 480px) {
3426
- .e-tab .e-tab-header .e-popup-up-icon::before {
3427
- content: "\e770";
3428
- }
3429
- }
3430
3425
  .e-tab .e-tab-header .e-popup-down-icon::before {
3431
3426
  content: "\e729";
3432
3427
  }
3433
- @media screen and (max-width: 480px) {
3434
- .e-tab .e-tab-header .e-popup-down-icon::before {
3435
- content: "\e770";
3436
- }
3437
- }
3438
3428
  @media screen and (max-width: 480px) {
3439
3429
  .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
3440
3430
  content: "\e776";
@@ -8142,17 +8132,22 @@
8142
8132
  font-size: 20px;
8143
8133
  }
8144
8134
  .e-treeview .e-list-item.e-active,
8145
- .e-treeview .e-list-item.e-hover {
8135
+ .e-treeview .e-list-item.e-hover,
8136
+ .e-treeview .e-list-item.e-node-focus {
8146
8137
  background: transparent;
8147
8138
  }
8148
- .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 {
8149
8141
  color: #201f1e;
8150
8142
  }
8151
- .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 {
8152
8145
  color: #201f1e;
8153
8146
  }
8154
8147
  .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
8155
- .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 {
8156
8151
  color: #323130;
8157
8152
  }
8158
8153
  .e-treeview .e-list-item.e-active > .e-text-content {
@@ -8171,31 +8166,40 @@
8171
8166
  .e-treeview .e-list-item.e-active > .e-text-content .e-stop {
8172
8167
  border-color: #201f1e;
8173
8168
  }
8174
- .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 {
8175
8171
  color: #201f1e;
8176
8172
  }
8177
- .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 {
8178
8175
  color: #201f1e;
8179
8176
  }
8180
8177
  .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
8181
- .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 {
8182
8181
  color: #201f1e;
8183
8182
  }
8184
8183
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content,
8185
- .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 {
8186
8186
  color: #201f1e;
8187
8187
  }
8188
8188
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
8189
- .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 {
8190
8191
  color: #201f1e;
8191
8192
  }
8192
8193
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
8193
8194
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
8194
8195
  .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
8195
- .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 {
8196
8199
  color: #605e5c;
8197
8200
  }
8198
- .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 {
8199
8203
  background-color: #f3f2f1;
8200
8204
  border-color: #f3f2f1;
8201
8205
  }
@@ -8213,12 +8217,14 @@
8213
8217
  .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
8214
8218
  color: #201f1e;
8215
8219
  }
8216
- .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 {
8217
8222
  background-color: #e2dedb;
8218
8223
  border-color: #edebe9;
8219
8224
  }
8220
8225
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
8221
- .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 {
8222
8228
  background-color: transparent;
8223
8229
  border-color: transparent;
8224
8230
  }
@@ -8253,7 +8259,8 @@
8253
8259
  .e-treeview .e-popup .e-downtail::after {
8254
8260
  border-top-color: #f3f2f1;
8255
8261
  }
8256
- .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 {
8257
8264
  background-color: #f3f2f1;
8258
8265
  border-color: #f3f2f1;
8259
8266
  }
@@ -8261,12 +8268,14 @@
8261
8268
  background-color: #edebe9;
8262
8269
  border-color: #edebe9;
8263
8270
  }
8264
- .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 {
8265
8273
  background-color: #e2dedb;
8266
8274
  border-color: #edebe9;
8267
8275
  }
8268
8276
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
8269
- .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 {
8270
8279
  background-color: transparent;
8271
8280
  border-color: transparent;
8272
8281
  }