@syncfusion/ej2-navigations 33.2.6 → 33.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (117) hide show
  1. package/dist/ej2-navigations.min.js +1 -10
  2. package/dist/ej2-navigations.umd.min.js +1 -10
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +92 -13
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +92 -13
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +1 -10
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +0 -9
  11. package/package.json +2 -2
  12. package/src/accordion/accordion.d.ts +3 -0
  13. package/src/accordion/accordion.js +34 -10
  14. package/src/sidebar/sidebar.d.ts +1 -0
  15. package/src/sidebar/sidebar.js +9 -1
  16. package/src/tab/tab.d.ts +1 -0
  17. package/src/tab/tab.js +36 -2
  18. package/src/toolbar/toolbar.js +7 -0
  19. package/src/treeview/treeview.js +6 -0
  20. package/styles/accordion/_layout.scss +10 -4
  21. package/styles/accordion/_material3-dark-definition.scss +1 -1
  22. package/styles/accordion/_material3-definition.scss +1 -1
  23. package/styles/accordion/_tailwind3-definition.scss +1 -1
  24. package/styles/accordion/_theme.scss +0 -4
  25. package/styles/accordion/bds.css +8 -8
  26. package/styles/accordion/bootstrap-dark.css +8 -8
  27. package/styles/accordion/bootstrap.css +8 -8
  28. package/styles/accordion/bootstrap4.css +8 -8
  29. package/styles/accordion/bootstrap5-dark.css +8 -8
  30. package/styles/accordion/bootstrap5.3.css +8 -8
  31. package/styles/accordion/bootstrap5.css +8 -8
  32. package/styles/accordion/fabric-dark.css +8 -8
  33. package/styles/accordion/fabric.css +8 -8
  34. package/styles/accordion/fluent-dark.css +8 -8
  35. package/styles/accordion/fluent.css +8 -8
  36. package/styles/accordion/fluent2.css +8 -16
  37. package/styles/accordion/highcontrast-light.css +8 -8
  38. package/styles/accordion/highcontrast.css +8 -8
  39. package/styles/accordion/material-dark.css +8 -8
  40. package/styles/accordion/material.css +8 -8
  41. package/styles/accordion/material3-dark.css +8 -8
  42. package/styles/accordion/material3.css +8 -8
  43. package/styles/accordion/tailwind-dark.css +8 -8
  44. package/styles/accordion/tailwind.css +8 -8
  45. package/styles/accordion/tailwind3.css +8 -16
  46. package/styles/bds-lite.css +10 -10
  47. package/styles/bds.css +10 -10
  48. package/styles/bootstrap-dark-lite.css +10 -10
  49. package/styles/bootstrap-dark.css +11 -11
  50. package/styles/bootstrap-lite.css +12 -12
  51. package/styles/bootstrap.css +13 -13
  52. package/styles/bootstrap4-lite.css +10 -10
  53. package/styles/bootstrap4.css +10 -10
  54. package/styles/bootstrap5-dark-lite.css +10 -10
  55. package/styles/bootstrap5-dark.css +10 -10
  56. package/styles/bootstrap5-lite.css +10 -10
  57. package/styles/bootstrap5.3-lite.css +10 -10
  58. package/styles/bootstrap5.3.css +10 -10
  59. package/styles/bootstrap5.css +10 -10
  60. package/styles/fabric-dark-lite.css +10 -10
  61. package/styles/fabric-dark.css +11 -11
  62. package/styles/fabric-lite.css +10 -10
  63. package/styles/fabric.css +11 -11
  64. package/styles/fluent-dark-lite.css +10 -10
  65. package/styles/fluent-dark.css +10 -10
  66. package/styles/fluent-lite.css +10 -10
  67. package/styles/fluent.css +10 -10
  68. package/styles/fluent2-lite.css +13 -21
  69. package/styles/fluent2.css +13 -21
  70. package/styles/highcontrast-light-lite.css +10 -10
  71. package/styles/highcontrast-light.css +11 -11
  72. package/styles/highcontrast-lite.css +12 -12
  73. package/styles/highcontrast.css +13 -13
  74. package/styles/material-dark-lite.css +11 -11
  75. package/styles/material-dark.css +12 -12
  76. package/styles/material-lite.css +11 -11
  77. package/styles/material.css +12 -12
  78. package/styles/material3-dark-lite.css +10 -10
  79. package/styles/material3-dark.css +10 -10
  80. package/styles/material3-lite.css +10 -10
  81. package/styles/material3.css +10 -10
  82. package/styles/tailwind-dark-lite.css +10 -10
  83. package/styles/tailwind-dark.css +10 -10
  84. package/styles/tailwind-lite.css +10 -10
  85. package/styles/tailwind.css +10 -10
  86. package/styles/tailwind3-lite.css +10 -18
  87. package/styles/tailwind3.css +10 -18
  88. package/styles/treeview/_bootstrap-dark-definition.scss +1 -1
  89. package/styles/treeview/_bootstrap-definition.scss +1 -1
  90. package/styles/treeview/_fabric-dark-definition.scss +1 -1
  91. package/styles/treeview/_fabric-definition.scss +1 -1
  92. package/styles/treeview/_highcontrast-definition.scss +1 -1
  93. package/styles/treeview/_highcontrast-light-definition.scss +1 -1
  94. package/styles/treeview/_material-dark-definition.scss +2 -2
  95. package/styles/treeview/_material-definition.scss +2 -2
  96. package/styles/treeview/_theme.scss +4 -4
  97. package/styles/treeview/bds.css +2 -2
  98. package/styles/treeview/bootstrap-dark.css +3 -3
  99. package/styles/treeview/bootstrap.css +5 -5
  100. package/styles/treeview/bootstrap4.css +2 -2
  101. package/styles/treeview/bootstrap5-dark.css +2 -2
  102. package/styles/treeview/bootstrap5.3.css +2 -2
  103. package/styles/treeview/bootstrap5.css +2 -2
  104. package/styles/treeview/fabric-dark.css +3 -3
  105. package/styles/treeview/fabric.css +3 -3
  106. package/styles/treeview/fluent-dark.css +2 -2
  107. package/styles/treeview/fluent.css +2 -2
  108. package/styles/treeview/fluent2.css +5 -5
  109. package/styles/treeview/highcontrast-light.css +3 -3
  110. package/styles/treeview/highcontrast.css +5 -5
  111. package/styles/treeview/material-dark.css +4 -4
  112. package/styles/treeview/material.css +4 -4
  113. package/styles/treeview/material3-dark.css +2 -2
  114. package/styles/treeview/material3.css +2 -2
  115. package/styles/treeview/tailwind-dark.css +2 -2
  116. package/styles/treeview/tailwind.css +2 -2
  117. package/styles/treeview/tailwind3.css +2 -2
package/styles/treeview/bootstrap.css CHANGED
@@ -512,7 +512,7 @@
512
512
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
513
513
  color: #333;
514
514
  }
515
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
515
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
516
516
  -webkit-box-shadow: inset 0 0 0 1px #000;
517
517
  box-shadow: inset 0 0 0 1px #000;
518
518
  border: none;
@@ -561,7 +561,7 @@
561
561
  .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
562
562
  color: #fff;
563
563
  }
564
- .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
564
+ .e-treeview .e-list-item.e-active.e-focused > .e-fullrow {
565
565
  -webkit-box-shadow: inset 0 0 0 1px #000;
566
566
  box-shadow: inset 0 0 0 1px #000;
567
567
  }
@@ -625,7 +625,7 @@
625
625
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
626
626
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
627
627
  }
628
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
628
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-focused > .e-text-content {
629
629
  -webkit-box-shadow: inset 0 0 0 1px #000;
630
630
  box-shadow: inset 0 0 0 1px #000;
631
631
  }
@@ -635,7 +635,7 @@
635
635
  -webkit-box-shadow: none;
636
636
  box-shadow: none;
637
637
  }
638
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
638
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
639
639
  -webkit-box-shadow: inset 0 0 0 1px #000;
640
640
  box-shadow: inset 0 0 0 1px #000;
641
641
  }
@@ -810,7 +810,7 @@
810
810
 
811
811
  .e-bigger .e-treeview .e-list-text,
812
812
  .e-treeview.e-bigger .e-list-text {
813
- font-size: 15px;
813
+ font-size: 16px;
814
814
  }
815
815
  .e-bigger .e-treeview .e-icon-collapsible::before,
816
816
  .e-bigger .e-treeview .e-icon-expandable::before,
package/styles/treeview/bootstrap4.css CHANGED
@@ -519,7 +519,7 @@
519
519
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
520
520
  color: #495057;
521
521
  }
522
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
522
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
523
523
  -webkit-box-shadow: inset 0 0 0 1px #212529;
524
524
  box-shadow: inset 0 0 0 1px #212529;
525
525
  border: none;
@@ -636,7 +636,7 @@
636
636
  -webkit-box-shadow: none;
637
637
  box-shadow: none;
638
638
  }
639
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
639
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
640
640
  -webkit-box-shadow: inset 0 0 0 1px #212529;
641
641
  box-shadow: inset 0 0 0 1px #212529;
642
642
  }
package/styles/treeview/bootstrap5-dark.css CHANGED
@@ -521,7 +521,7 @@
521
521
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
522
522
  color: #dee2e6;
523
523
  }
524
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
524
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
525
525
  -webkit-box-shadow: inset 0 0 0 2px #fff;
526
526
  box-shadow: inset 0 0 0 2px #fff;
527
527
  border: none;
@@ -641,7 +641,7 @@
641
641
  -webkit-box-shadow: none;
642
642
  box-shadow: none;
643
643
  }
644
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
644
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
645
645
  -webkit-box-shadow: inset 0 0 0 2px #fff;
646
646
  box-shadow: inset 0 0 0 2px #fff;
647
647
  }
package/styles/treeview/bootstrap5.3.css CHANGED
@@ -771,7 +771,7 @@
771
771
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
772
772
  color: var(--color-sf-icon-color-hover);
773
773
  }
774
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
774
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
775
775
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
776
776
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
777
777
  border: none;
@@ -888,7 +888,7 @@
888
888
  -webkit-box-shadow: none;
889
889
  box-shadow: none;
890
890
  }
891
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
891
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
892
892
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
893
893
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
894
894
  }
package/styles/treeview/bootstrap5.css CHANGED
@@ -521,7 +521,7 @@
521
521
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
522
522
  color: #343a40;
523
523
  }
524
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
524
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
525
525
  -webkit-box-shadow: inset 0 0 0 2px #212529;
526
526
  box-shadow: inset 0 0 0 2px #212529;
527
527
  border: none;
@@ -641,7 +641,7 @@
641
641
  -webkit-box-shadow: none;
642
642
  box-shadow: none;
643
643
  }
644
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
644
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
645
645
  -webkit-box-shadow: inset 0 0 0 2px #212529;
646
646
  box-shadow: inset 0 0 0 2px #212529;
647
647
  }
package/styles/treeview/fabric-dark.css CHANGED
@@ -509,7 +509,7 @@
509
509
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
510
510
  color: #dadada;
511
511
  }
512
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
512
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
513
513
  -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
514
514
  box-shadow: inset 0 0 0 1px #f8f8f8;
515
515
  border: none;
@@ -620,7 +620,7 @@
620
620
  -webkit-box-shadow: none;
621
621
  box-shadow: none;
622
622
  }
623
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
623
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
624
624
  -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
625
625
  box-shadow: inset 0 0 0 1px #f8f8f8;
626
626
  border: none;
@@ -795,7 +795,7 @@
795
795
 
796
796
  .e-bigger .e-treeview .e-list-text,
797
797
  .e-treeview.e-bigger .e-list-text {
798
- font-size: 15px;
798
+ font-size: 16px;
799
799
  }
800
800
  .e-bigger .e-treeview .e-icon-collapsible::before,
801
801
  .e-bigger .e-treeview .e-icon-expandable::before,
package/styles/treeview/fabric.css CHANGED
@@ -512,7 +512,7 @@
512
512
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
513
513
  color: #333;
514
514
  }
515
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
515
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
516
516
  -webkit-box-shadow: inset 0 0 0 1px #000;
517
517
  box-shadow: inset 0 0 0 1px #000;
518
518
  border: none;
@@ -623,7 +623,7 @@
623
623
  -webkit-box-shadow: none;
624
624
  box-shadow: none;
625
625
  }
626
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
626
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
627
627
  -webkit-box-shadow: inset 0 0 0 1px #000;
628
628
  box-shadow: inset 0 0 0 1px #000;
629
629
  border: none;
@@ -799,7 +799,7 @@
799
799
 
800
800
  .e-bigger .e-treeview .e-list-text,
801
801
  .e-treeview.e-bigger .e-list-text {
802
- font-size: 15px;
802
+ font-size: 16px;
803
803
  }
804
804
  .e-bigger .e-treeview .e-icon-collapsible::before,
805
805
  .e-bigger .e-treeview .e-icon-expandable::before,
package/styles/treeview/fluent-dark.css CHANGED
@@ -518,7 +518,7 @@
518
518
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
519
519
  color: #f3f2f1;
520
520
  }
521
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
521
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
522
522
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
523
523
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
524
524
  border: none;
@@ -638,7 +638,7 @@
638
638
  -webkit-box-shadow: none;
639
639
  box-shadow: none;
640
640
  }
641
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
641
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
642
642
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
643
643
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
644
644
  }
package/styles/treeview/fluent.css CHANGED
@@ -518,7 +518,7 @@
518
518
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
519
519
  color: #323130;
520
520
  }
521
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
521
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
522
522
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
523
523
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
524
524
  border: none;
@@ -638,7 +638,7 @@
638
638
  -webkit-box-shadow: none;
639
639
  box-shadow: none;
640
640
  }
641
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
641
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
642
642
  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
643
643
  box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
644
644
  }
package/styles/treeview/fluent2.css CHANGED
@@ -1006,17 +1006,17 @@
1006
1006
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
1007
1007
  color: var(--color-sf-icon-color-hover);
1008
1008
  }
1009
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
1009
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
1010
1010
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1011
1011
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1012
1012
  border: none;
1013
1013
  background-color: transparent;
1014
1014
  }
1015
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
1015
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-list-text {
1016
1016
  color: var(--color-sf-content-text-color);
1017
1017
  }
1018
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
1019
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
1018
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-icon-collapsible,
1019
+ .e-treeview .e-list-item.e-focused > .e-text-content .e-icon-expandable {
1020
1020
  color: var(--color-sf-icon-color);
1021
1021
  }
1022
1022
  .e-treeview .e-list-item.e-active {
@@ -1129,7 +1129,7 @@
1129
1129
  -webkit-box-shadow: none;
1130
1130
  box-shadow: none;
1131
1131
  }
1132
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
1132
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
1133
1133
  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1134
1134
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
1135
1135
  background-color: transparent;
package/styles/treeview/highcontrast-light.css CHANGED
@@ -506,7 +506,7 @@
506
506
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
507
507
  color: #000;
508
508
  }
509
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
509
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
510
510
  -webkit-box-shadow: inset 0 0 0 1px #000;
511
511
  box-shadow: inset 0 0 0 1px #000;
512
512
  border: none;
@@ -617,7 +617,7 @@
617
617
  -webkit-box-shadow: none;
618
618
  box-shadow: none;
619
619
  }
620
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
620
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
621
621
  -webkit-box-shadow: inset 0 0 0 1px #000;
622
622
  box-shadow: inset 0 0 0 1px #000;
623
623
  }
@@ -791,7 +791,7 @@
791
791
 
792
792
  .e-bigger .e-treeview .e-list-text,
793
793
  .e-treeview.e-bigger .e-list-text {
794
- font-size: 15px;
794
+ font-size: 16px;
795
795
  }
796
796
  .e-bigger .e-treeview .e-icon-collapsible::before,
797
797
  .e-bigger .e-treeview .e-icon-expandable::before,
package/styles/treeview/highcontrast.css CHANGED
@@ -519,7 +519,7 @@
519
519
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
520
520
  color: #fff;
521
521
  }
522
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
522
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
523
523
  -webkit-box-shadow: inset 0 0 0 1px #fff;
524
524
  box-shadow: inset 0 0 0 1px #fff;
525
525
  border: none;
@@ -582,7 +582,7 @@
582
582
  .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
583
583
  color: #000;
584
584
  }
585
- .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
585
+ .e-treeview .e-list-item.e-active.e-focused > .e-fullrow {
586
586
  -webkit-box-shadow: inset 0 0 0 1px #fff;
587
587
  box-shadow: inset 0 0 0 1px #fff;
588
588
  }
@@ -649,7 +649,7 @@
649
649
  -webkit-box-shadow: 0 -1px 2px #fff, 0 1px 2px #fff;
650
650
  box-shadow: 0 -1px 2px #fff, 0 1px 2px #fff;
651
651
  }
652
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
652
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-focused > .e-text-content {
653
653
  -webkit-box-shadow: inset 0 0 0 1px #fff;
654
654
  box-shadow: inset 0 0 0 1px #fff;
655
655
  }
@@ -659,7 +659,7 @@
659
659
  -webkit-box-shadow: none;
660
660
  box-shadow: none;
661
661
  }
662
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
662
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
663
663
  -webkit-box-shadow: inset 0 0 0 1px #fff;
664
664
  box-shadow: inset 0 0 0 1px #fff;
665
665
  }
@@ -843,7 +843,7 @@
843
843
 
844
844
  .e-bigger .e-treeview .e-list-text,
845
845
  .e-treeview.e-bigger .e-list-text {
846
- font-size: 15px;
846
+ font-size: 16px;
847
847
  }
848
848
  .e-bigger .e-treeview .e-icon-collapsible::before,
849
849
  .e-bigger .e-treeview .e-icon-expandable::before,
package/styles/treeview/material-dark.css CHANGED
@@ -494,7 +494,7 @@
494
494
  }
495
495
  .e-treeview .e-list-text {
496
496
  color: #fff;
497
- font-size: 13px;
497
+ font-size: 14px;
498
498
  }
499
499
  .e-treeview .e-list-icon,
500
500
  .e-treeview .e-list-img {
@@ -526,7 +526,7 @@
526
526
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
527
527
  color: rgba(255, 255, 255, 0.7);
528
528
  }
529
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
529
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
530
530
  -webkit-box-shadow: inset 0 0 0 1px #fff;
531
531
  box-shadow: inset 0 0 0 1px #fff;
532
532
  border: none;
@@ -637,7 +637,7 @@
637
637
  -webkit-box-shadow: none;
638
638
  box-shadow: none;
639
639
  }
640
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
640
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
641
641
  -webkit-box-shadow: inset 0 0 0 1px #fff;
642
642
  box-shadow: inset 0 0 0 1px #fff;
643
643
  }
@@ -827,7 +827,7 @@
827
827
 
828
828
  .e-bigger .e-treeview .e-list-text,
829
829
  .e-treeview.e-bigger .e-list-text {
830
- font-size: 14px;
830
+ font-size: 16px;
831
831
  }
832
832
  .e-bigger .e-treeview .e-icon-collapsible::before,
833
833
  .e-bigger .e-treeview .e-icon-expandable::before,
package/styles/treeview/material.css CHANGED
@@ -519,7 +519,7 @@
519
519
  }
520
520
  .e-treeview .e-list-text {
521
521
  color: rgba(0, 0, 0, 0.87);
522
- font-size: 13px;
522
+ font-size: 14px;
523
523
  }
524
524
  .e-treeview .e-list-icon,
525
525
  .e-treeview .e-list-img {
@@ -551,7 +551,7 @@
551
551
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
552
552
  color: rgba(0, 0, 0, 0.54);
553
553
  }
554
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
554
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
555
555
  -webkit-box-shadow: inset 0 0 0 1px #212121;
556
556
  box-shadow: inset 0 0 0 1px #212121;
557
557
  border: none;
@@ -661,7 +661,7 @@
661
661
  -webkit-box-shadow: none;
662
662
  box-shadow: none;
663
663
  }
664
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
664
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
665
665
  -webkit-box-shadow: inset 0 0 0 1px #212121;
666
666
  box-shadow: inset 0 0 0 1px #212121;
667
667
  }
@@ -845,7 +845,7 @@
845
845
 
846
846
  .e-bigger .e-treeview .e-list-text,
847
847
  .e-treeview.e-bigger .e-list-text {
848
- font-size: 14px;
848
+ font-size: 16px;
849
849
  }
850
850
  .e-bigger .e-treeview .e-icon-collapsible::before,
851
851
  .e-bigger .e-treeview .e-icon-expandable::before,
package/styles/treeview/material3-dark.css CHANGED
@@ -787,7 +787,7 @@
787
787
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
788
788
  color: rgba(var(--color-sf-on-surface));
789
789
  }
790
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
790
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
791
791
  -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
792
792
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
793
793
  border: none;
@@ -898,7 +898,7 @@
898
898
  -webkit-box-shadow: none;
899
899
  box-shadow: none;
900
900
  }
901
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
901
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
902
902
  -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
903
903
  box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
904
904
  }
package/styles/treeview/material3.css CHANGED
@@ -793,7 +793,7 @@
793
793
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
794
794
  color: rgba(var(--color-sf-on-surface));
795
795
  }
796
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
796
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
797
797
  -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
798
798
  box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
799
799
  border: none;
@@ -904,7 +904,7 @@
904
904
  -webkit-box-shadow: none;
905
905
  box-shadow: none;
906
906
  }
907
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
907
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
908
908
  -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
909
909
  box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
910
910
  }
package/styles/treeview/tailwind-dark.css CHANGED
@@ -519,7 +519,7 @@
519
519
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
520
520
  color: #f3f4f6;
521
521
  }
522
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
522
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
523
523
  -webkit-box-shadow: 0 0 0 1px #22d3ee;
524
524
  box-shadow: 0 0 0 1px #22d3ee;
525
525
  border: none;
@@ -629,7 +629,7 @@
629
629
  -webkit-box-shadow: none;
630
630
  box-shadow: none;
631
631
  }
632
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
632
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
633
633
  -webkit-box-shadow: 0 0 0 1px #22d3ee;
634
634
  box-shadow: 0 0 0 1px #22d3ee;
635
635
  }
package/styles/treeview/tailwind.css CHANGED
@@ -519,7 +519,7 @@
519
519
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
520
520
  color: #374151;
521
521
  }
522
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
522
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
523
523
  -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
524
524
  box-shadow: inset 0 0 0 1px #4f46e5;
525
525
  border: none;
@@ -629,7 +629,7 @@
629
629
  -webkit-box-shadow: none;
630
630
  box-shadow: none;
631
631
  }
632
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
632
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
633
633
  -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
634
634
  box-shadow: inset 0 0 0 1px #4f46e5;
635
635
  }
package/styles/treeview/tailwind3.css CHANGED
@@ -803,7 +803,7 @@
803
803
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
804
804
  color: var(--color-sf-icon-color-hover);
805
805
  }
806
- .e-treeview .e-list-item.e-node-focus > .e-fullrow {
806
+ .e-treeview .e-list-item.e-focused > .e-fullrow {
807
807
  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
808
808
  box-shadow: inset 0 0 0 2px var(--color-sf-primary);
809
809
  border: none;
@@ -914,7 +914,7 @@
914
914
  -webkit-box-shadow: none;
915
915
  box-shadow: none;
916
916
  }
917
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
917
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
918
918
  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
919
919
  box-shadow: inset 0 0 0 2px var(--color-sf-primary);
920
920
  }