@syncfusion/ej2-navigations 33.2.3 → 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 (125) hide show
  1. package/README.md +0 -1
  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 +37 -12
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +36 -10
  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 +5 -5
  13. package/src/accordion/accordion.js +5 -5
  14. package/src/context-menu/context-menu.js +1 -1
  15. package/src/tab/tab.js +7 -1
  16. package/src/toolbar/toolbar.js +8 -2
  17. package/src/treeview/treeview.d.ts +1 -0
  18. package/src/treeview/treeview.js +15 -1
  19. package/styles/bds-lite.css +21 -2
  20. package/styles/bds.css +23 -4
  21. package/styles/bootstrap-dark-lite.css +21 -2
  22. package/styles/bootstrap-dark.css +21 -2
  23. package/styles/bootstrap-lite.css +25 -2
  24. package/styles/bootstrap.css +25 -2
  25. package/styles/bootstrap4-lite.css +21 -2
  26. package/styles/bootstrap4.css +21 -2
  27. package/styles/bootstrap5-dark-lite.css +21 -2
  28. package/styles/bootstrap5-dark.css +21 -2
  29. package/styles/bootstrap5-lite.css +21 -2
  30. package/styles/bootstrap5.3-lite.css +21 -2
  31. package/styles/bootstrap5.3.css +21 -2
  32. package/styles/bootstrap5.css +21 -2
  33. package/styles/fabric-dark-lite.css +22 -2
  34. package/styles/fabric-dark.css +22 -2
  35. package/styles/fabric-lite.css +22 -2
  36. package/styles/fabric.css +22 -2
  37. package/styles/fluent-dark-lite.css +21 -2
  38. package/styles/fluent-dark.css +21 -2
  39. package/styles/fluent-lite.css +21 -2
  40. package/styles/fluent.css +21 -2
  41. package/styles/fluent2-lite.css +30 -2
  42. package/styles/fluent2.css +30 -2
  43. package/styles/highcontrast-light-lite.css +21 -2
  44. package/styles/highcontrast-light.css +21 -2
  45. package/styles/highcontrast-lite.css +29 -2
  46. package/styles/highcontrast.css +29 -2
  47. package/styles/material-dark-lite.css +21 -2
  48. package/styles/material-dark.css +21 -2
  49. package/styles/material-lite.css +21 -2
  50. package/styles/material.css +21 -2
  51. package/styles/material3-dark-lite.css +21 -2
  52. package/styles/material3-dark.css +21 -2
  53. package/styles/material3-lite.css +21 -2
  54. package/styles/material3.css +21 -2
  55. package/styles/tailwind-dark-lite.css +22 -3
  56. package/styles/tailwind-dark.css +23 -4
  57. package/styles/tailwind-lite.css +22 -3
  58. package/styles/tailwind.css +23 -4
  59. package/styles/tailwind3-lite.css +21 -2
  60. package/styles/tailwind3.css +21 -2
  61. package/styles/toolbar/_theme.scss +11 -5
  62. package/styles/toolbar/bds.css +8 -2
  63. package/styles/toolbar/bootstrap-dark.css +8 -2
  64. package/styles/toolbar/bootstrap.css +8 -2
  65. package/styles/toolbar/bootstrap4.css +8 -2
  66. package/styles/toolbar/bootstrap5-dark.css +8 -2
  67. package/styles/toolbar/bootstrap5.3.css +8 -2
  68. package/styles/toolbar/bootstrap5.css +8 -2
  69. package/styles/toolbar/fabric-dark.css +8 -2
  70. package/styles/toolbar/fabric.css +8 -2
  71. package/styles/toolbar/fluent-dark.css +8 -2
  72. package/styles/toolbar/fluent.css +8 -2
  73. package/styles/toolbar/fluent2.css +8 -2
  74. package/styles/toolbar/highcontrast-light.css +8 -2
  75. package/styles/toolbar/highcontrast.css +8 -2
  76. package/styles/toolbar/material-dark.css +8 -2
  77. package/styles/toolbar/material.css +8 -2
  78. package/styles/toolbar/material3-dark.css +8 -2
  79. package/styles/toolbar/material3.css +8 -2
  80. package/styles/toolbar/tailwind-dark.css +8 -2
  81. package/styles/toolbar/tailwind.css +8 -2
  82. package/styles/toolbar/tailwind3.css +8 -2
  83. package/styles/treeview/_bds-definition.scss +3 -2
  84. package/styles/treeview/_bootstrap-dark-definition.scss +2 -1
  85. package/styles/treeview/_bootstrap-definition.scss +2 -1
  86. package/styles/treeview/_bootstrap4-definition.scss +1 -0
  87. package/styles/treeview/_bootstrap5-dark-definition.scss +1 -0
  88. package/styles/treeview/_bootstrap5-definition.scss +1 -0
  89. package/styles/treeview/_bootstrap5.3-definition.scss +1 -0
  90. package/styles/treeview/_fabric-dark-definition.scss +1 -0
  91. package/styles/treeview/_fabric-definition.scss +1 -0
  92. package/styles/treeview/_fluent-dark-definition.scss +1 -0
  93. package/styles/treeview/_fluent-definition.scss +1 -0
  94. package/styles/treeview/_fluent2-definition.scss +4 -0
  95. package/styles/treeview/_highcontrast-definition.scss +1 -0
  96. package/styles/treeview/_highcontrast-light-definition.scss +1 -0
  97. package/styles/treeview/_material-dark-definition.scss +1 -0
  98. package/styles/treeview/_material-definition.scss +1 -0
  99. package/styles/treeview/_material3-dark-definition.scss +1 -0
  100. package/styles/treeview/_material3-definition.scss +1 -0
  101. package/styles/treeview/_tailwind-dark-definition.scss +3 -2
  102. package/styles/treeview/_tailwind-definition.scss +3 -2
  103. package/styles/treeview/_tailwind3-definition.scss +1 -0
  104. package/styles/treeview/_theme.scss +55 -4
  105. package/styles/treeview/bds.css +15 -2
  106. package/styles/treeview/bootstrap-dark.css +13 -0
  107. package/styles/treeview/bootstrap.css +17 -0
  108. package/styles/treeview/bootstrap4.css +13 -0
  109. package/styles/treeview/bootstrap5-dark.css +13 -0
  110. package/styles/treeview/bootstrap5.3.css +13 -0
  111. package/styles/treeview/bootstrap5.css +13 -0
  112. package/styles/treeview/fabric-dark.css +14 -0
  113. package/styles/treeview/fabric.css +14 -0
  114. package/styles/treeview/fluent-dark.css +13 -0
  115. package/styles/treeview/fluent.css +13 -0
  116. package/styles/treeview/fluent2.css +22 -0
  117. package/styles/treeview/highcontrast-light.css +13 -0
  118. package/styles/treeview/highcontrast.css +21 -0
  119. package/styles/treeview/material-dark.css +13 -0
  120. package/styles/treeview/material.css +13 -0
  121. package/styles/treeview/material3-dark.css +13 -0
  122. package/styles/treeview/material3.css +13 -0
  123. package/styles/treeview/tailwind-dark.css +15 -2
  124. package/styles/treeview/tailwind.css +15 -2
  125. package/styles/treeview/tailwind3.css +13 -0
@@ -1823,10 +1823,16 @@
1823
1823
  opacity: 0.5;
1824
1824
  color: #ced4da;
1825
1825
  }
1826
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
1826
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
1827
+ background: rgb(26.177027027, 29.35, 32.522972973);
1828
+ -webkit-box-shadow: none;
1829
+ box-shadow: none;
1830
+ border: none;
1831
+ }
1832
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
1827
1833
  color: #ced4da;
1828
1834
  }
1829
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
1835
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
1830
1836
  color: #ced4da;
1831
1837
  }
1832
1838
  .e-toolbar.e-vertical .e-hor-nav {
@@ -6571,6 +6577,11 @@
6571
6577
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6572
6578
  color: #dee2e6;
6573
6579
  }
6580
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6581
+ -webkit-box-shadow: inset 0 0 0 2px #fff;
6582
+ box-shadow: inset 0 0 0 2px #fff;
6583
+ border: none;
6584
+ }
6574
6585
  .e-treeview .e-list-item.e-active {
6575
6586
  background: transparent;
6576
6587
  }
@@ -6622,6 +6633,8 @@
6622
6633
  .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 {
6623
6634
  background-color: transparent;
6624
6635
  border-color: transparent;
6636
+ -webkit-box-shadow: none;
6637
+ box-shadow: none;
6625
6638
  }
6626
6639
  .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 {
6627
6640
  color: #fff;
@@ -6681,6 +6694,12 @@
6681
6694
  .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 {
6682
6695
  background-color: transparent;
6683
6696
  border-color: transparent;
6697
+ -webkit-box-shadow: none;
6698
+ box-shadow: none;
6699
+ }
6700
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6701
+ -webkit-box-shadow: inset 0 0 0 2px #fff;
6702
+ box-shadow: inset 0 0 0 2px #fff;
6684
6703
  }
6685
6704
  .e-treeview.e-fullrow-wrap .e-text-content {
6686
6705
  border-color: transparent;
@@ -2111,10 +2111,16 @@
2111
2111
  opacity: 0.5;
2112
2112
  color: #ced4da;
2113
2113
  }
2114
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
2114
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
2115
+ background: rgb(26.177027027, 29.35, 32.522972973);
2116
+ -webkit-box-shadow: none;
2117
+ box-shadow: none;
2118
+ border: none;
2119
+ }
2120
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
2115
2121
  color: #ced4da;
2116
2122
  }
2117
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
2123
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2118
2124
  color: #ced4da;
2119
2125
  }
2120
2126
  .e-toolbar.e-vertical .e-hor-nav {
@@ -8484,6 +8490,11 @@
8484
8490
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8485
8491
  color: #dee2e6;
8486
8492
  }
8493
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8494
+ -webkit-box-shadow: inset 0 0 0 2px #fff;
8495
+ box-shadow: inset 0 0 0 2px #fff;
8496
+ border: none;
8497
+ }
8487
8498
  .e-treeview .e-list-item.e-active {
8488
8499
  background: transparent;
8489
8500
  }
@@ -8535,6 +8546,8 @@
8535
8546
  .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 {
8536
8547
  background-color: transparent;
8537
8548
  border-color: transparent;
8549
+ -webkit-box-shadow: none;
8550
+ box-shadow: none;
8538
8551
  }
8539
8552
  .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 {
8540
8553
  color: #fff;
@@ -8594,6 +8607,12 @@
8594
8607
  .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 {
8595
8608
  background-color: transparent;
8596
8609
  border-color: transparent;
8610
+ -webkit-box-shadow: none;
8611
+ box-shadow: none;
8612
+ }
8613
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8614
+ -webkit-box-shadow: inset 0 0 0 2px #fff;
8615
+ box-shadow: inset 0 0 0 2px #fff;
8597
8616
  }
8598
8617
  .e-treeview.e-fullrow-wrap .e-text-content {
8599
8618
  border-color: transparent;
@@ -1823,10 +1823,16 @@
1823
1823
  opacity: 0.5;
1824
1824
  color: #495057;
1825
1825
  }
1826
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
1826
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
1827
+ background: #f8f9fa;
1828
+ -webkit-box-shadow: none;
1829
+ box-shadow: none;
1830
+ border: none;
1831
+ }
1832
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
1827
1833
  color: #495057;
1828
1834
  }
1829
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
1835
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
1830
1836
  color: #495057;
1831
1837
  }
1832
1838
  .e-toolbar.e-vertical .e-hor-nav {
@@ -6571,6 +6577,11 @@
6571
6577
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6572
6578
  color: #343a40;
6573
6579
  }
6580
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6581
+ -webkit-box-shadow: inset 0 0 0 2px #212529;
6582
+ box-shadow: inset 0 0 0 2px #212529;
6583
+ border: none;
6584
+ }
6574
6585
  .e-treeview .e-list-item.e-active {
6575
6586
  background: transparent;
6576
6587
  }
@@ -6622,6 +6633,8 @@
6622
6633
  .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 {
6623
6634
  background-color: transparent;
6624
6635
  border-color: transparent;
6636
+ -webkit-box-shadow: none;
6637
+ box-shadow: none;
6625
6638
  }
6626
6639
  .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 {
6627
6640
  color: #212529;
@@ -6681,6 +6694,12 @@
6681
6694
  .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 {
6682
6695
  background-color: transparent;
6683
6696
  border-color: transparent;
6697
+ -webkit-box-shadow: none;
6698
+ box-shadow: none;
6699
+ }
6700
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6701
+ -webkit-box-shadow: inset 0 0 0 2px #212529;
6702
+ box-shadow: inset 0 0 0 2px #212529;
6684
6703
  }
6685
6704
  .e-treeview.e-fullrow-wrap .e-text-content {
6686
6705
  border-color: transparent;
@@ -2575,10 +2575,16 @@
2575
2575
  opacity: 0.5;
2576
2576
  color: var(--color-sf-content-text-color-alt2);
2577
2577
  }
2578
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
2578
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
2579
+ background: var(--color-sf-content-bg-color-alt1);
2580
+ -webkit-box-shadow: none;
2581
+ box-shadow: none;
2582
+ border: none;
2583
+ }
2584
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
2579
2585
  color: var(--color-sf-content-text-color-alt2);
2580
2586
  }
2581
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
2587
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2582
2588
  color: var(--color-sf-content-text-color-alt2);
2583
2589
  }
2584
2590
  .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: var(--color-sf-icon-color-hover);
8232
8238
  }
8239
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8240
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
8241
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
8242
+ border: none;
8243
+ }
8233
8244
  .e-treeview .e-list-item.e-active {
8234
8245
  background: transparent;
8235
8246
  }
@@ -8281,6 +8292,8 @@
8281
8292
  .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 {
8282
8293
  background-color: transparent;
8283
8294
  border-color: transparent;
8295
+ -webkit-box-shadow: none;
8296
+ box-shadow: none;
8284
8297
  }
8285
8298
  .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 {
8286
8299
  color: var(--color-sf-content-text-color);
@@ -8337,6 +8350,12 @@
8337
8350
  .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 {
8338
8351
  background-color: transparent;
8339
8352
  border-color: transparent;
8353
+ -webkit-box-shadow: none;
8354
+ box-shadow: none;
8355
+ }
8356
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8357
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
8358
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
8340
8359
  }
8341
8360
  .e-treeview.e-fullrow-wrap .e-text-content {
8342
8361
  border-color: transparent;
@@ -3115,10 +3115,16 @@
3115
3115
  opacity: 0.5;
3116
3116
  color: var(--color-sf-content-text-color-alt2);
3117
3117
  }
3118
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
3118
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
3119
+ background: var(--color-sf-content-bg-color-alt1);
3120
+ -webkit-box-shadow: none;
3121
+ box-shadow: none;
3122
+ border: none;
3123
+ }
3124
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
3119
3125
  color: var(--color-sf-content-text-color-alt2);
3120
3126
  }
3121
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
3127
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
3122
3128
  color: var(--color-sf-content-text-color-alt2);
3123
3129
  }
3124
3130
  .e-toolbar.e-vertical .e-hor-nav {
@@ -10731,6 +10737,11 @@
10731
10737
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
10732
10738
  color: var(--color-sf-icon-color-hover);
10733
10739
  }
10740
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
10741
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
10742
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
10743
+ border: none;
10744
+ }
10734
10745
  .e-treeview .e-list-item.e-active {
10735
10746
  background: transparent;
10736
10747
  }
@@ -10782,6 +10793,8 @@
10782
10793
  .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 {
10783
10794
  background-color: transparent;
10784
10795
  border-color: transparent;
10796
+ -webkit-box-shadow: none;
10797
+ box-shadow: none;
10785
10798
  }
10786
10799
  .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 {
10787
10800
  color: var(--color-sf-content-text-color);
@@ -10838,6 +10851,12 @@
10838
10851
  .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 {
10839
10852
  background-color: transparent;
10840
10853
  border-color: transparent;
10854
+ -webkit-box-shadow: none;
10855
+ box-shadow: none;
10856
+ }
10857
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
10858
+ -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
10859
+ box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
10841
10860
  }
10842
10861
  .e-treeview.e-fullrow-wrap .e-text-content {
10843
10862
  border-color: transparent;
@@ -2111,10 +2111,16 @@
2111
2111
  opacity: 0.5;
2112
2112
  color: #495057;
2113
2113
  }
2114
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
2114
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
2115
+ background: #f8f9fa;
2116
+ -webkit-box-shadow: none;
2117
+ box-shadow: none;
2118
+ border: none;
2119
+ }
2120
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
2115
2121
  color: #495057;
2116
2122
  }
2117
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
2123
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2118
2124
  color: #495057;
2119
2125
  }
2120
2126
  .e-toolbar.e-vertical .e-hor-nav {
@@ -8484,6 +8490,11 @@
8484
8490
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8485
8491
  color: #343a40;
8486
8492
  }
8493
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8494
+ -webkit-box-shadow: inset 0 0 0 2px #212529;
8495
+ box-shadow: inset 0 0 0 2px #212529;
8496
+ border: none;
8497
+ }
8487
8498
  .e-treeview .e-list-item.e-active {
8488
8499
  background: transparent;
8489
8500
  }
@@ -8535,6 +8546,8 @@
8535
8546
  .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 {
8536
8547
  background-color: transparent;
8537
8548
  border-color: transparent;
8549
+ -webkit-box-shadow: none;
8550
+ box-shadow: none;
8538
8551
  }
8539
8552
  .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 {
8540
8553
  color: #212529;
@@ -8594,6 +8607,12 @@
8594
8607
  .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 {
8595
8608
  background-color: transparent;
8596
8609
  border-color: transparent;
8610
+ -webkit-box-shadow: none;
8611
+ box-shadow: none;
8612
+ }
8613
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8614
+ -webkit-box-shadow: inset 0 0 0 2px #212529;
8615
+ box-shadow: inset 0 0 0 2px #212529;
8597
8616
  }
8598
8617
  .e-treeview.e-fullrow-wrap .e-text-content {
8599
8618
  border-color: transparent;
@@ -1746,10 +1746,16 @@
1746
1746
  opacity: 0.5;
1747
1747
  color: rgba(218, 218, 218, 0.4);
1748
1748
  }
1749
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
1749
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
1750
+ background: #333232;
1751
+ -webkit-box-shadow: none;
1752
+ box-shadow: none;
1753
+ border: none;
1754
+ }
1755
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
1750
1756
  color: rgba(218, 218, 218, 0.4);
1751
1757
  }
1752
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
1758
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
1753
1759
  color: rgba(218, 218, 218, 0.4);
1754
1760
  }
1755
1761
  .e-toolbar.e-vertical .e-hor-nav {
@@ -6511,6 +6517,11 @@
6511
6517
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6512
6518
  color: #dadada;
6513
6519
  }
6520
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6521
+ -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
6522
+ box-shadow: inset 0 0 0 1px #f8f8f8;
6523
+ border: none;
6524
+ }
6514
6525
  .e-treeview .e-list-item.e-active {
6515
6526
  background: transparent;
6516
6527
  }
@@ -6556,6 +6567,8 @@
6556
6567
  .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 {
6557
6568
  background-color: transparent;
6558
6569
  border-color: transparent;
6570
+ -webkit-box-shadow: none;
6571
+ box-shadow: none;
6559
6572
  }
6560
6573
  .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 {
6561
6574
  color: #dadada;
@@ -6612,6 +6625,13 @@
6612
6625
  .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 {
6613
6626
  background-color: transparent;
6614
6627
  border-color: transparent;
6628
+ -webkit-box-shadow: none;
6629
+ box-shadow: none;
6630
+ }
6631
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6632
+ -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
6633
+ box-shadow: inset 0 0 0 1px #f8f8f8;
6634
+ border: none;
6615
6635
  }
6616
6636
  .e-treeview.e-fullrow-wrap .e-text-content {
6617
6637
  border-color: transparent;
@@ -2009,10 +2009,16 @@
2009
2009
  opacity: 0.5;
2010
2010
  color: rgba(218, 218, 218, 0.4);
2011
2011
  }
2012
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
2012
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
2013
+ background: #333232;
2014
+ -webkit-box-shadow: none;
2015
+ box-shadow: none;
2016
+ border: none;
2017
+ }
2018
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
2013
2019
  color: rgba(218, 218, 218, 0.4);
2014
2020
  }
2015
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
2021
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2016
2022
  color: rgba(218, 218, 218, 0.4);
2017
2023
  }
2018
2024
  .e-toolbar.e-vertical .e-hor-nav {
@@ -8397,6 +8403,11 @@
8397
8403
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8398
8404
  color: #dadada;
8399
8405
  }
8406
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8407
+ -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
8408
+ box-shadow: inset 0 0 0 1px #f8f8f8;
8409
+ border: none;
8410
+ }
8400
8411
  .e-treeview .e-list-item.e-active {
8401
8412
  background: transparent;
8402
8413
  }
@@ -8442,6 +8453,8 @@
8442
8453
  .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 {
8443
8454
  background-color: transparent;
8444
8455
  border-color: transparent;
8456
+ -webkit-box-shadow: none;
8457
+ box-shadow: none;
8445
8458
  }
8446
8459
  .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 {
8447
8460
  color: #dadada;
@@ -8498,6 +8511,13 @@
8498
8511
  .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 {
8499
8512
  background-color: transparent;
8500
8513
  border-color: transparent;
8514
+ -webkit-box-shadow: none;
8515
+ box-shadow: none;
8516
+ }
8517
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8518
+ -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
8519
+ box-shadow: inset 0 0 0 1px #f8f8f8;
8520
+ border: none;
8501
8521
  }
8502
8522
  .e-treeview.e-fullrow-wrap .e-text-content {
8503
8523
  border-color: transparent;
@@ -1749,10 +1749,16 @@
1749
1749
  opacity: 0.5;
1750
1750
  color: #c8c8c8;
1751
1751
  }
1752
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
1752
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
1753
+ background: #fff;
1754
+ -webkit-box-shadow: none;
1755
+ box-shadow: none;
1756
+ border: none;
1757
+ }
1758
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
1753
1759
  color: #c8c8c8;
1754
1760
  }
1755
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
1761
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
1756
1762
  color: #c8c8c8;
1757
1763
  }
1758
1764
  .e-toolbar.e-vertical .e-hor-nav {
@@ -6517,6 +6523,11 @@
6517
6523
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6518
6524
  color: #333;
6519
6525
  }
6526
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6527
+ -webkit-box-shadow: inset 0 0 0 1px #000;
6528
+ box-shadow: inset 0 0 0 1px #000;
6529
+ border: none;
6530
+ }
6520
6531
  .e-treeview .e-list-item.e-active {
6521
6532
  background: transparent;
6522
6533
  }
@@ -6562,6 +6573,8 @@
6562
6573
  .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 {
6563
6574
  background-color: transparent;
6564
6575
  border-color: transparent;
6576
+ -webkit-box-shadow: none;
6577
+ box-shadow: none;
6565
6578
  }
6566
6579
  .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 {
6567
6580
  color: #333;
@@ -6618,6 +6631,13 @@
6618
6631
  .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 {
6619
6632
  background-color: transparent;
6620
6633
  border-color: transparent;
6634
+ -webkit-box-shadow: none;
6635
+ box-shadow: none;
6636
+ }
6637
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6638
+ -webkit-box-shadow: inset 0 0 0 1px #000;
6639
+ box-shadow: inset 0 0 0 1px #000;
6640
+ border: none;
6621
6641
  }
6622
6642
  .e-treeview.e-fullrow-wrap .e-text-content {
6623
6643
  border-color: transparent;
package/styles/fabric.css CHANGED
@@ -2013,10 +2013,16 @@
2013
2013
  opacity: 0.5;
2014
2014
  color: #c8c8c8;
2015
2015
  }
2016
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
2016
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
2017
+ background: #fff;
2018
+ -webkit-box-shadow: none;
2019
+ box-shadow: none;
2020
+ border: none;
2021
+ }
2022
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
2017
2023
  color: #c8c8c8;
2018
2024
  }
2019
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
2025
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2020
2026
  color: #c8c8c8;
2021
2027
  }
2022
2028
  .e-toolbar.e-vertical .e-hor-nav {
@@ -8404,6 +8410,11 @@
8404
8410
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8405
8411
  color: #333;
8406
8412
  }
8413
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8414
+ -webkit-box-shadow: inset 0 0 0 1px #000;
8415
+ box-shadow: inset 0 0 0 1px #000;
8416
+ border: none;
8417
+ }
8407
8418
  .e-treeview .e-list-item.e-active {
8408
8419
  background: transparent;
8409
8420
  }
@@ -8449,6 +8460,8 @@
8449
8460
  .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 {
8450
8461
  background-color: transparent;
8451
8462
  border-color: transparent;
8463
+ -webkit-box-shadow: none;
8464
+ box-shadow: none;
8452
8465
  }
8453
8466
  .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 {
8454
8467
  color: #333;
@@ -8505,6 +8518,13 @@
8505
8518
  .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 {
8506
8519
  background-color: transparent;
8507
8520
  border-color: transparent;
8521
+ -webkit-box-shadow: none;
8522
+ box-shadow: none;
8523
+ }
8524
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8525
+ -webkit-box-shadow: inset 0 0 0 1px #000;
8526
+ box-shadow: inset 0 0 0 1px #000;
8527
+ border: none;
8508
8528
  }
8509
8529
  .e-treeview.e-fullrow-wrap .e-text-content {
8510
8530
  border-color: transparent;
@@ -1812,10 +1812,16 @@
1812
1812
  opacity: 0.5;
1813
1813
  color: #f3f2f1;
1814
1814
  }
1815
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
1815
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
1816
+ background: transparent;
1817
+ -webkit-box-shadow: none;
1818
+ box-shadow: none;
1819
+ border: none;
1820
+ }
1821
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
1816
1822
  color: #f3f2f1;
1817
1823
  }
1818
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
1824
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
1819
1825
  color: #f3f2f1;
1820
1826
  }
1821
1827
  .e-toolbar.e-vertical .e-hor-nav {
@@ -6585,6 +6591,11 @@
6585
6591
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
6586
6592
  color: #f3f2f1;
6587
6593
  }
6594
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
6595
+ -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
6596
+ box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
6597
+ border: none;
6598
+ }
6588
6599
  .e-treeview .e-list-item.e-active {
6589
6600
  background: transparent;
6590
6601
  }
@@ -6636,6 +6647,8 @@
6636
6647
  .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 {
6637
6648
  background-color: transparent;
6638
6649
  border-color: transparent;
6650
+ -webkit-box-shadow: none;
6651
+ box-shadow: none;
6639
6652
  }
6640
6653
  .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 {
6641
6654
  color: #f3f2f1;
@@ -6695,6 +6708,12 @@
6695
6708
  .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 {
6696
6709
  background-color: transparent;
6697
6710
  border-color: transparent;
6711
+ -webkit-box-shadow: none;
6712
+ box-shadow: none;
6713
+ }
6714
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
6715
+ -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
6716
+ box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
6698
6717
  }
6699
6718
  .e-treeview.e-fullrow-wrap .e-text-content {
6700
6719
  border-color: transparent;
@@ -2088,10 +2088,16 @@
2088
2088
  opacity: 0.5;
2089
2089
  color: #f3f2f1;
2090
2090
  }
2091
- .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn-text {
2091
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn {
2092
+ background: transparent;
2093
+ -webkit-box-shadow: none;
2094
+ box-shadow: none;
2095
+ border: none;
2096
+ }
2097
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-tbar-btn-text {
2092
2098
  color: #f3f2f1;
2093
2099
  }
2094
- .e-toolbar .e-toolbar-item.e-overlay .e-icons {
2100
+ .e-toolbar .e-toolbar-item.e-overlay .e-tbar-btn .e-icons {
2095
2101
  color: #f3f2f1;
2096
2102
  }
2097
2103
  .e-toolbar.e-vertical .e-hor-nav {
@@ -8471,6 +8477,11 @@
8471
8477
  .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
8472
8478
  color: #f3f2f1;
8473
8479
  }
8480
+ .e-treeview .e-list-item.e-node-focus > .e-fullrow {
8481
+ -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
8482
+ box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
8483
+ border: none;
8484
+ }
8474
8485
  .e-treeview .e-list-item.e-active {
8475
8486
  background: transparent;
8476
8487
  }
@@ -8522,6 +8533,8 @@
8522
8533
  .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 {
8523
8534
  background-color: transparent;
8524
8535
  border-color: transparent;
8536
+ -webkit-box-shadow: none;
8537
+ box-shadow: none;
8525
8538
  }
8526
8539
  .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 {
8527
8540
  color: #f3f2f1;
@@ -8581,6 +8594,12 @@
8581
8594
  .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 {
8582
8595
  background-color: transparent;
8583
8596
  border-color: transparent;
8597
+ -webkit-box-shadow: none;
8598
+ box-shadow: none;
8599
+ }
8600
+ .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
8601
+ -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
8602
+ box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
8584
8603
  }
8585
8604
  .e-treeview.e-fullrow-wrap .e-text-content {
8586
8605
  border-color: transparent;