@syncfusion/ej2-navigations 33.2.4 → 33.2.6

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 (122) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +21 -7
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +21 -7
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +5 -5
  12. package/src/accordion/accordion.js +5 -5
  13. package/src/context-menu/context-menu.js +1 -1
  14. package/src/treeview/treeview.d.ts +1 -0
  15. package/src/treeview/treeview.js +15 -1
  16. package/styles/bds-lite.css +21 -2
  17. package/styles/bds.css +23 -4
  18. package/styles/bootstrap-dark-lite.css +21 -2
  19. package/styles/bootstrap-dark.css +21 -2
  20. package/styles/bootstrap-lite.css +25 -2
  21. package/styles/bootstrap.css +25 -2
  22. package/styles/bootstrap4-lite.css +21 -2
  23. package/styles/bootstrap4.css +21 -2
  24. package/styles/bootstrap5-dark-lite.css +21 -2
  25. package/styles/bootstrap5-dark.css +21 -2
  26. package/styles/bootstrap5-lite.css +21 -2
  27. package/styles/bootstrap5.3-lite.css +21 -2
  28. package/styles/bootstrap5.3.css +21 -2
  29. package/styles/bootstrap5.css +21 -2
  30. package/styles/fabric-dark-lite.css +22 -2
  31. package/styles/fabric-dark.css +22 -2
  32. package/styles/fabric-lite.css +22 -2
  33. package/styles/fabric.css +22 -2
  34. package/styles/fluent-dark-lite.css +21 -2
  35. package/styles/fluent-dark.css +21 -2
  36. package/styles/fluent-lite.css +21 -2
  37. package/styles/fluent.css +21 -2
  38. package/styles/fluent2-lite.css +30 -2
  39. package/styles/fluent2.css +30 -2
  40. package/styles/highcontrast-light-lite.css +21 -2
  41. package/styles/highcontrast-light.css +21 -2
  42. package/styles/highcontrast-lite.css +29 -2
  43. package/styles/highcontrast.css +29 -2
  44. package/styles/material-dark-lite.css +21 -2
  45. package/styles/material-dark.css +21 -2
  46. package/styles/material-lite.css +21 -2
  47. package/styles/material.css +21 -2
  48. package/styles/material3-dark-lite.css +21 -2
  49. package/styles/material3-dark.css +21 -2
  50. package/styles/material3-lite.css +21 -2
  51. package/styles/material3.css +21 -2
  52. package/styles/tailwind-dark-lite.css +22 -3
  53. package/styles/tailwind-dark.css +23 -4
  54. package/styles/tailwind-lite.css +22 -3
  55. package/styles/tailwind.css +23 -4
  56. package/styles/tailwind3-lite.css +21 -2
  57. package/styles/tailwind3.css +21 -2
  58. package/styles/toolbar/_theme.scss +11 -5
  59. package/styles/toolbar/bds.css +8 -2
  60. package/styles/toolbar/bootstrap-dark.css +8 -2
  61. package/styles/toolbar/bootstrap.css +8 -2
  62. package/styles/toolbar/bootstrap4.css +8 -2
  63. package/styles/toolbar/bootstrap5-dark.css +8 -2
  64. package/styles/toolbar/bootstrap5.3.css +8 -2
  65. package/styles/toolbar/bootstrap5.css +8 -2
  66. package/styles/toolbar/fabric-dark.css +8 -2
  67. package/styles/toolbar/fabric.css +8 -2
  68. package/styles/toolbar/fluent-dark.css +8 -2
  69. package/styles/toolbar/fluent.css +8 -2
  70. package/styles/toolbar/fluent2.css +8 -2
  71. package/styles/toolbar/highcontrast-light.css +8 -2
  72. package/styles/toolbar/highcontrast.css +8 -2
  73. package/styles/toolbar/material-dark.css +8 -2
  74. package/styles/toolbar/material.css +8 -2
  75. package/styles/toolbar/material3-dark.css +8 -2
  76. package/styles/toolbar/material3.css +8 -2
  77. package/styles/toolbar/tailwind-dark.css +8 -2
  78. package/styles/toolbar/tailwind.css +8 -2
  79. package/styles/toolbar/tailwind3.css +8 -2
  80. package/styles/treeview/_bds-definition.scss +3 -2
  81. package/styles/treeview/_bootstrap-dark-definition.scss +2 -1
  82. package/styles/treeview/_bootstrap-definition.scss +2 -1
  83. package/styles/treeview/_bootstrap4-definition.scss +1 -0
  84. package/styles/treeview/_bootstrap5-dark-definition.scss +1 -0
  85. package/styles/treeview/_bootstrap5-definition.scss +1 -0
  86. package/styles/treeview/_bootstrap5.3-definition.scss +1 -0
  87. package/styles/treeview/_fabric-dark-definition.scss +1 -0
  88. package/styles/treeview/_fabric-definition.scss +1 -0
  89. package/styles/treeview/_fluent-dark-definition.scss +1 -0
  90. package/styles/treeview/_fluent-definition.scss +1 -0
  91. package/styles/treeview/_fluent2-definition.scss +4 -0
  92. package/styles/treeview/_highcontrast-definition.scss +1 -0
  93. package/styles/treeview/_highcontrast-light-definition.scss +1 -0
  94. package/styles/treeview/_material-dark-definition.scss +1 -0
  95. package/styles/treeview/_material-definition.scss +1 -0
  96. package/styles/treeview/_material3-dark-definition.scss +1 -0
  97. package/styles/treeview/_material3-definition.scss +1 -0
  98. package/styles/treeview/_tailwind-dark-definition.scss +3 -2
  99. package/styles/treeview/_tailwind-definition.scss +3 -2
  100. package/styles/treeview/_tailwind3-definition.scss +1 -0
  101. package/styles/treeview/_theme.scss +55 -4
  102. package/styles/treeview/bds.css +15 -2
  103. package/styles/treeview/bootstrap-dark.css +13 -0
  104. package/styles/treeview/bootstrap.css +17 -0
  105. package/styles/treeview/bootstrap4.css +13 -0
  106. package/styles/treeview/bootstrap5-dark.css +13 -0
  107. package/styles/treeview/bootstrap5.3.css +13 -0
  108. package/styles/treeview/bootstrap5.css +13 -0
  109. package/styles/treeview/fabric-dark.css +14 -0
  110. package/styles/treeview/fabric.css +14 -0
  111. package/styles/treeview/fluent-dark.css +13 -0
  112. package/styles/treeview/fluent.css +13 -0
  113. package/styles/treeview/fluent2.css +22 -0
  114. package/styles/treeview/highcontrast-light.css +13 -0
  115. package/styles/treeview/highcontrast.css +21 -0
  116. package/styles/treeview/material-dark.css +13 -0
  117. package/styles/treeview/material.css +13 -0
  118. package/styles/treeview/material3-dark.css +13 -0
  119. package/styles/treeview/material3.css +13 -0
  120. package/styles/treeview/tailwind-dark.css +15 -2
  121. package/styles/treeview/tailwind.css +15 -2
  122. package/styles/treeview/tailwind3.css +13 -0
package/styles/material3-lite.css CHANGED
@@ -2583,10 +2583,16 @@
2583
2583
  opacity: 0.38;
2584
2584
  color: rgba(var(--color-sf-on-surface-variant));
2585
2585
  }
2586
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
2586
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
2587
+ background: transparent;
2588
+ -webkit-box-shadow: none;
2589
+ box-shadow: none;
2590
+ border: none;
2591
+ }
2592
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
2587
2593
  color: rgba(var(--color-sf-on-surface-variant));
2588
2594
  }
2589
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
2595
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2590
2596
  color: rgba(var(--color-sf-on-surface-variant));
2591
2597
  }
2592
2598
  .e-toolbar.e-vertical .e-hor-nav {
@@ -8230,6 +8236,11 @@
8230
8236
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8231
8237
  color: rgba(var(--color-sf-on-surface));
8232
8238
  }
8239
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8240
+ -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
8241
+ box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
8242
+ border: none;
8243
+ }
8233
8244
  .e-treeview .e-list-item.e-active {
8234
8245
  background: transparent;
8235
8246
  }
@@ -8275,6 +8286,8 @@
8275
8286
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8276
8287
  background-color: transparent;
8277
8288
  border-color: transparent;
8289
+ -webkit-box-shadow: none;
8290
+ box-shadow: none;
8278
8291
  }
8279
8292
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8280
8293
  color: rgba(var(--color-sf-on-surface));
@@ -8331,6 +8344,12 @@
8331
8344
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8332
8345
  background-color: transparent;
8333
8346
  border-color: transparent;
8347
+ -webkit-box-shadow: none;
8348
+ box-shadow: none;
8349
+ }
8350
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8351
+ -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
8352
+ box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
8334
8353
  }
8335
8354
  .e-treeview.e-fullrow-wrap .e-text-content {
8336
8355
  border-color: transparent;
package/styles/material3.css CHANGED
@@ -3137,10 +3137,16 @@
3137
3137
  opacity: 0.38;
3138
3138
  color: rgba(var(--color-sf-on-surface-variant));
3139
3139
  }
3140
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
3140
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
3141
+ background: transparent;
3142
+ -webkit-box-shadow: none;
3143
+ box-shadow: none;
3144
+ border: none;
3145
+ }
3146
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
3141
3147
  color: rgba(var(--color-sf-on-surface-variant));
3142
3148
  }
3143
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
3149
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
3144
3150
  color: rgba(var(--color-sf-on-surface-variant));
3145
3151
  }
3146
3152
  .e-toolbar.e-vertical .e-hor-nav {
@@ -10747,6 +10753,11 @@
10747
10753
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
10748
10754
  color: rgba(var(--color-sf-on-surface));
10749
10755
  }
10756
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
10757
+ -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
10758
+ box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
10759
+ border: none;
10760
+ }
10750
10761
  .e-treeview .e-list-item.e-active {
10751
10762
  background: transparent;
10752
10763
  }
@@ -10792,6 +10803,8 @@
10792
10803
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
10793
10804
  background-color: transparent;
10794
10805
  border-color: transparent;
10806
+ -webkit-box-shadow: none;
10807
+ box-shadow: none;
10795
10808
  }
10796
10809
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
10797
10810
  color: rgba(var(--color-sf-on-surface));
@@ -10848,6 +10861,12 @@
10848
10861
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
10849
10862
  background-color: transparent;
10850
10863
  border-color: transparent;
10864
+ -webkit-box-shadow: none;
10865
+ box-shadow: none;
10866
+ }
10867
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
10868
+ -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
10869
+ box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
10851
10870
  }
10852
10871
  .e-treeview.e-fullrow-wrap .e-text-content {
10853
10872
  border-color: transparent;
package/styles/tailwind-dark-lite.css CHANGED
@@ -1865,10 +1865,16 @@
1865
1865
  opacity: 0.5;
1866
1866
  color: #9ca3af;
1867
1867
  }
1868
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
1868
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
1869
+ background: #374151;
1870
+ -webkit-box-shadow: none;
1871
+ box-shadow: none;
1872
+ border: none;
1873
+ }
1874
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
1869
1875
  color: #9ca3af;
1870
1876
  }
1871
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
1877
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
1872
1878
  color: #9ca3af;
1873
1879
  }
1874
1880
  .e-toolbar.e-vertical .e-hor-nav {
@@ -6421,7 +6427,7 @@
6421
6427
  -webkit-box-sizing: border-box;
6422
6428
  box-sizing: border-box;
6423
6429
  display: inline-block;
6424
- line-height: 36px;
6430
+ line-height: 38px;
6425
6431
  margin: 0;
6426
6432
  min-height: 36px;
6427
6433
  padding: 0 8px;
@@ -6740,6 +6746,11 @@
6740
6746
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6741
6747
  color: #f3f4f6;
6742
6748
  }
6749
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6750
+ -webkit-box-shadow: 0 0 0 1px #22d3ee;
6751
+ box-shadow: 0 0 0 1px #22d3ee;
6752
+ border: none;
6753
+ }
6743
6754
  .e-treeview .e-list-item.e-active {
6744
6755
  background: transparent;
6745
6756
  }
@@ -6785,6 +6796,8 @@
6785
6796
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
6786
6797
  background-color: transparent;
6787
6798
  border-color: transparent;
6799
+ -webkit-box-shadow: none;
6800
+ box-shadow: none;
6788
6801
  }
6789
6802
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
6790
6803
  color: #fff;
@@ -6840,6 +6853,12 @@
6840
6853
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
6841
6854
  background-color: transparent;
6842
6855
  border-color: transparent;
6856
+ -webkit-box-shadow: none;
6857
+ box-shadow: none;
6858
+ }
6859
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6860
+ -webkit-box-shadow: 0 0 0 1px #22d3ee;
6861
+ box-shadow: 0 0 0 1px #22d3ee;
6843
6862
  }
6844
6863
  .e-treeview.e-fullrow-wrap .e-text-content {
6845
6864
  border-color: transparent;
package/styles/tailwind-dark.css CHANGED
@@ -2195,10 +2195,16 @@
2195
2195
  opacity: 0.5;
2196
2196
  color: #9ca3af;
2197
2197
  }
2198
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
2198
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
2199
+ background: #374151;
2200
+ -webkit-box-shadow: none;
2201
+ box-shadow: none;
2202
+ border: none;
2203
+ }
2204
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
2199
2205
  color: #9ca3af;
2200
2206
  }
2201
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
2207
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2202
2208
  color: #9ca3af;
2203
2209
  }
2204
2210
  .e-toolbar.e-vertical .e-hor-nav {
@@ -8397,7 +8403,7 @@
8397
8403
  -webkit-box-sizing: border-box;
8398
8404
  box-sizing: border-box;
8399
8405
  display: inline-block;
8400
- line-height: 36px;
8406
+ line-height: 38px;
8401
8407
  margin: 0;
8402
8408
  min-height: 36px;
8403
8409
  padding: 0 8px;
@@ -8716,6 +8722,11 @@
8716
8722
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8717
8723
  color: #f3f4f6;
8718
8724
  }
8725
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8726
+ -webkit-box-shadow: 0 0 0 1px #22d3ee;
8727
+ box-shadow: 0 0 0 1px #22d3ee;
8728
+ border: none;
8729
+ }
8719
8730
  .e-treeview .e-list-item.e-active {
8720
8731
  background: transparent;
8721
8732
  }
@@ -8761,6 +8772,8 @@
8761
8772
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8762
8773
  background-color: transparent;
8763
8774
  border-color: transparent;
8775
+ -webkit-box-shadow: none;
8776
+ box-shadow: none;
8764
8777
  }
8765
8778
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8766
8779
  color: #fff;
@@ -8816,6 +8829,12 @@
8816
8829
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8817
8830
  background-color: transparent;
8818
8831
  border-color: transparent;
8832
+ -webkit-box-shadow: none;
8833
+ box-shadow: none;
8834
+ }
8835
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8836
+ -webkit-box-shadow: 0 0 0 1px #22d3ee;
8837
+ box-shadow: 0 0 0 1px #22d3ee;
8819
8838
  }
8820
8839
  .e-treeview.e-fullrow-wrap .e-text-content {
8821
8840
  border-color: transparent;
@@ -8951,7 +8970,7 @@
8951
8970
  }
8952
8971
  .e-bigger .e-treeview .e-list-text,
8953
8972
  .e-treeview.e-bigger .e-list-text {
8954
- line-height: 46px;
8973
+ line-height: 48px;
8955
8974
  min-height: 46px;
8956
8975
  }
8957
8976
  .e-bigger .e-treeview .e-list-text .e-input-group,
package/styles/tailwind-lite.css CHANGED
@@ -1865,10 +1865,16 @@
1865
1865
  opacity: 0.5;
1866
1866
  color: #6b7280;
1867
1867
  }
1868
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
1868
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
1869
+ background: #f3f4f6;
1870
+ -webkit-box-shadow: none;
1871
+ box-shadow: none;
1872
+ border: none;
1873
+ }
1874
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
1869
1875
  color: #6b7280;
1870
1876
  }
1871
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
1877
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
1872
1878
  color: #6b7280;
1873
1879
  }
1874
1880
  .e-toolbar.e-vertical .e-hor-nav {
@@ -6421,7 +6427,7 @@
6421
6427
  -webkit-box-sizing: border-box;
6422
6428
  box-sizing: border-box;
6423
6429
  display: inline-block;
6424
- line-height: 36px;
6430
+ line-height: 38px;
6425
6431
  margin: 0;
6426
6432
  min-height: 36px;
6427
6433
  padding: 0 8px;
@@ -6740,6 +6746,11 @@
6740
6746
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6741
6747
  color: #374151;
6742
6748
  }
6749
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6750
+ -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
6751
+ box-shadow: inset 0 0 0 1px #4f46e5;
6752
+ border: none;
6753
+ }
6743
6754
  .e-treeview .e-list-item.e-active {
6744
6755
  background: transparent;
6745
6756
  }
@@ -6785,6 +6796,8 @@
6785
6796
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
6786
6797
  background-color: transparent;
6787
6798
  border-color: transparent;
6799
+ -webkit-box-shadow: none;
6800
+ box-shadow: none;
6788
6801
  }
6789
6802
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
6790
6803
  color: #111827;
@@ -6840,6 +6853,12 @@
6840
6853
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
6841
6854
  background-color: transparent;
6842
6855
  border-color: transparent;
6856
+ -webkit-box-shadow: none;
6857
+ box-shadow: none;
6858
+ }
6859
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6860
+ -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
6861
+ box-shadow: inset 0 0 0 1px #4f46e5;
6843
6862
  }
6844
6863
  .e-treeview.e-fullrow-wrap .e-text-content {
6845
6864
  border-color: transparent;
package/styles/tailwind.css CHANGED
@@ -2195,10 +2195,16 @@
2195
2195
  opacity: 0.5;
2196
2196
  color: #6b7280;
2197
2197
  }
2198
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
2198
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
2199
+ background: #f3f4f6;
2200
+ -webkit-box-shadow: none;
2201
+ box-shadow: none;
2202
+ border: none;
2203
+ }
2204
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
2199
2205
  color: #6b7280;
2200
2206
  }
2201
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
2207
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2202
2208
  color: #6b7280;
2203
2209
  }
2204
2210
  .e-toolbar.e-vertical .e-hor-nav {
@@ -8397,7 +8403,7 @@
8397
8403
  -webkit-box-sizing: border-box;
8398
8404
  box-sizing: border-box;
8399
8405
  display: inline-block;
8400
- line-height: 36px;
8406
+ line-height: 38px;
8401
8407
  margin: 0;
8402
8408
  min-height: 36px;
8403
8409
  padding: 0 8px;
@@ -8716,6 +8722,11 @@
8716
8722
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8717
8723
  color: #374151;
8718
8724
  }
8725
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8726
+ -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
8727
+ box-shadow: inset 0 0 0 1px #4f46e5;
8728
+ border: none;
8729
+ }
8719
8730
  .e-treeview .e-list-item.e-active {
8720
8731
  background: transparent;
8721
8732
  }
@@ -8761,6 +8772,8 @@
8761
8772
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8762
8773
  background-color: transparent;
8763
8774
  border-color: transparent;
8775
+ -webkit-box-shadow: none;
8776
+ box-shadow: none;
8764
8777
  }
8765
8778
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8766
8779
  color: #111827;
@@ -8816,6 +8829,12 @@
8816
8829
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8817
8830
  background-color: transparent;
8818
8831
  border-color: transparent;
8832
+ -webkit-box-shadow: none;
8833
+ box-shadow: none;
8834
+ }
8835
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8836
+ -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
8837
+ box-shadow: inset 0 0 0 1px #4f46e5;
8819
8838
  }
8820
8839
  .e-treeview.e-fullrow-wrap .e-text-content {
8821
8840
  border-color: transparent;
@@ -8951,7 +8970,7 @@
8951
8970
  }
8952
8971
  .e-bigger .e-treeview .e-list-text,
8953
8972
  .e-treeview.e-bigger .e-list-text {
8954
- line-height: 46px;
8973
+ line-height: 48px;
8955
8974
  min-height: 46px;
8956
8975
  }
8957
8976
  .e-bigger .e-treeview .e-list-text .e-input-group,
package/styles/tailwind3-lite.css CHANGED
@@ -2491,10 +2491,16 @@
2491
2491
  opacity: 0.5;
2492
2492
  color: var(--color-sf-content-text-color-alt2);
2493
2493
  }
2494
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
2494
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
2495
+ background: var(--color-sf-transparent);
2496
+ -webkit-box-shadow: none;
2497
+ box-shadow: none;
2498
+ border: none;
2499
+ }
2500
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
2495
2501
  color: var(--color-sf-content-text-color-alt2);
2496
2502
  }
2497
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
2503
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2498
2504
  color: var(--color-sf-content-text-color-alt2);
2499
2505
  }
2500
2506
  .e-toolbar.e-vertical .e-hor-nav {
@@ -8137,6 +8143,11 @@
8137
8143
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8138
8144
  color: var(--color-sf-icon-color-hover);
8139
8145
  }
8146
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8147
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
8148
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
8149
+ border: none;
8150
+ }
8140
8151
  .e-treeview .e-list-item.e-active {
8141
8152
  background: transparent;
8142
8153
  }
@@ -8182,6 +8193,8 @@
8182
8193
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
8183
8194
  background-color: var(--color-sf-transparent);
8184
8195
  border-color: var(--color-sf-transparent);
8196
+ -webkit-box-shadow: none;
8197
+ box-shadow: none;
8185
8198
  }
8186
8199
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
8187
8200
  color: var(--color-sf-content-text-color);
@@ -8238,6 +8251,12 @@
8238
8251
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
8239
8252
  background-color: var(--color-sf-transparent);
8240
8253
  border-color: var(--color-sf-transparent);
8254
+ -webkit-box-shadow: none;
8255
+ box-shadow: none;
8256
+ }
8257
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8258
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
8259
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
8241
8260
  }
8242
8261
  .e-treeview.e-fullrow-wrap .e-text-content {
8243
8262
  border-color: transparent;
package/styles/tailwind3.css CHANGED
@@ -3044,10 +3044,16 @@
3044
3044
  opacity: 0.5;
3045
3045
  color: var(--color-sf-content-text-color-alt2);
3046
3046
  }
3047
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
3047
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
3048
+ background: var(--color-sf-transparent);
3049
+ -webkit-box-shadow: none;
3050
+ box-shadow: none;
3051
+ border: none;
3052
+ }
3053
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
3048
3054
  color: var(--color-sf-content-text-color-alt2);
3049
3055
  }
3050
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
3056
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
3051
3057
  color: var(--color-sf-content-text-color-alt2);
3052
3058
  }
3053
3059
  .e-toolbar.e-vertical .e-hor-nav {
@@ -10642,6 +10648,11 @@
10642
10648
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
10643
10649
  color: var(--color-sf-icon-color-hover);
10644
10650
  }
10651
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
10652
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
10653
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
10654
+ border: none;
10655
+ }
10645
10656
  .e-treeview .e-list-item.e-active {
10646
10657
  background: transparent;
10647
10658
  }
@@ -10687,6 +10698,8 @@
10687
10698
  .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
10688
10699
  background-color: var(--color-sf-transparent);
10689
10700
  border-color: var(--color-sf-transparent);
10701
+ -webkit-box-shadow: none;
10702
+ box-shadow: none;
10690
10703
  }
10691
10704
  .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
10692
10705
  color: var(--color-sf-content-text-color);
@@ -10743,6 +10756,12 @@
10743
10756
  .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
10744
10757
  background-color: var(--color-sf-transparent);
10745
10758
  border-color: var(--color-sf-transparent);
10759
+ -webkit-box-shadow: none;
10760
+ box-shadow: none;
10761
+ }
10762
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
10763
+ -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
10764
+ box-shadow: inset 0 0 0 2px var(--color-sf-primary);
10746
10765
  }
10747
10766
  .e-treeview.e-fullrow-wrap .e-text-content {
10748
10767
  border-color: transparent;
package/styles/toolbar/_theme.scss CHANGED
@@ -126,12 +126,18 @@
126
126
  opacity: $tbar-btn-overlay-opacity;
127
127
  color: $tbar-default-icon-overlay;
128
128
 
129
- .e-tbar-btn-text {
130
- color: $tbar-default-font-overlay;
131
- }
129
+ .e-tbar-btn {
130
+ background: $tbar-items-default-bg;
131
+ box-shadow: none;
132
+ border: none;
132
133
 
133
- .e-icons {
134
- color: $tbar-default-icon-overlay;
134
+ .e-tbar-btn-text {
135
+ color: $tbar-default-font-overlay;
136
+ }
137
+
138
+ .e-icons {
139
+ color: $tbar-default-icon-overlay;
140
+ }
135
141
  }
136
142
  }
137
143
  }
package/styles/toolbar/bds.css CHANGED
@@ -806,10 +806,16 @@
806
806
  opacity: 0.5;
807
807
  color: var(--color-sf-text-tertiary);
808
808
  }
809
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
809
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
810
+ background: var(--color-sf-bg-secondary);
811
+ -webkit-box-shadow: none;
812
+ box-shadow: none;
813
+ border: none;
814
+ }
815
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
810
816
  color: var(--color-sf-text-tertiary);
811
817
  }
812
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
818
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
813
819
  color: var(--color-sf-text-tertiary);
814
820
  }
815
821
  .e-toolbar.e-vertical .e-hor-nav {
package/styles/toolbar/bootstrap-dark.css CHANGED
@@ -710,10 +710,16 @@
710
710
  opacity: 0.5;
711
711
  color: #fff;
712
712
  }
713
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
713
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
714
+ background: #131313;
715
+ -webkit-box-shadow: none;
716
+ box-shadow: none;
717
+ border: none;
718
+ }
719
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
714
720
  color: #fff;
715
721
  }
716
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
722
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
717
723
  color: #fff;
718
724
  }
719
725
  .e-toolbar.e-vertical .e-hor-nav {
package/styles/toolbar/bootstrap.css CHANGED
@@ -712,10 +712,16 @@
712
712
  opacity: 0.5;
713
713
  color: #333;
714
714
  }
715
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
715
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
716
+ background: #f8f8f8;
717
+ -webkit-box-shadow: none;
718
+ box-shadow: none;
719
+ border: none;
720
+ }
721
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
716
722
  color: #333;
717
723
  }
718
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
724
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
719
725
  color: #333;
720
726
  }
721
727
  .e-toolbar.e-vertical .e-hor-nav {
package/styles/toolbar/bootstrap4.css CHANGED
@@ -712,10 +712,16 @@
712
712
  opacity: 0.65;
713
713
  color: #495057;
714
714
  }
715
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
715
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
716
+ background: #f8f9fa;
717
+ -webkit-box-shadow: none;
718
+ box-shadow: none;
719
+ border: none;
720
+ }
721
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
716
722
  color: #495057;
717
723
  }
718
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
724
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
719
725
  color: #495057;
720
726
  }
721
727
  .e-toolbar.e-vertical .e-hor-nav {
package/styles/toolbar/bootstrap5-dark.css CHANGED
@@ -740,10 +740,16 @@
740
740
  opacity: 0.5;
741
741
  color: #ced4da;
742
742
  }
743
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
743
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
744
+ background: rgb(26.177027027, 29.35, 32.522972973);
745
+ -webkit-box-shadow: none;
746
+ box-shadow: none;
747
+ border: none;
748
+ }
749
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
744
750
  color: #ced4da;
745
751
  }
746
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
752
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
747
753
  color: #ced4da;
748
754
  }
749
755
  .e-toolbar.e-vertical .e-hor-nav {
package/styles/toolbar/bootstrap5.3.css CHANGED
@@ -992,10 +992,16 @@
992
992
  opacity: 0.5;
993
993
  color: var(--color-sf-content-text-color-alt2);
994
994
  }
995
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
995
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
996
+ background: var(--color-sf-content-bg-color-alt1);
997
+ -webkit-box-shadow: none;
998
+ box-shadow: none;
999
+ border: none;
1000
+ }
1001
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
996
1002
  color: var(--color-sf-content-text-color-alt2);
997
1003
  }
998
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
1004
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
999
1005
  color: var(--color-sf-content-text-color-alt2);
1000
1006
  }
1001
1007
  .e-toolbar.e-vertical .e-hor-nav {
package/styles/toolbar/bootstrap5.css CHANGED
@@ -740,10 +740,16 @@
740
740
  opacity: 0.5;
741
741
  color: #495057;
742
742
  }
743
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
743
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
744
+ background: #f8f9fa;
745
+ -webkit-box-shadow: none;
746
+ box-shadow: none;
747
+ border: none;
748
+ }
749
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
744
750
  color: #495057;
745
751
  }
746
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
752
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
747
753
  color: #495057;
748
754
  }
749
755
  .e-toolbar.e-vertical .e-hor-nav {
package/styles/toolbar/fabric-dark.css CHANGED
@@ -710,10 +710,16 @@
710
710
  opacity: 0.5;
711
711
  color: rgba(218, 218, 218, 0.4);
712
712
  }
713
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
713
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
714
+ background: #333232;
715
+ -webkit-box-shadow: none;
716
+ box-shadow: none;
717
+ border: none;
718
+ }
719
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
714
720
  color: rgba(218, 218, 218, 0.4);
715
721
  }
716
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
722
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
717
723
  color: rgba(218, 218, 218, 0.4);
718
724
  }
719
725
  .e-toolbar.e-vertical .e-hor-nav {
package/styles/toolbar/fabric.css CHANGED
@@ -711,10 +711,16 @@
711
711
  opacity: 0.5;
712
712
  color: #c8c8c8;
713
713
  }
714
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
714
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
715
+ background: #fff;
716
+ -webkit-box-shadow: none;
717
+ box-shadow: none;
718
+ border: none;
719
+ }
720
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
715
721
  color: #c8c8c8;
716
722
  }
717
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
723
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
718
724
  color: #c8c8c8;
719
725
  }
720
726
  .e-toolbar.e-vertical .e-hor-nav {