@syncfusion/ej2-navigations 27.2.5 → 28.1.33

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 (303) hide show
  1. package/README.md +2 -2
  2. package/dist/ej2-navigations.min.js +3 -3
  3. package/dist/ej2-navigations.umd.min.js +3 -3
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +482 -295
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +501 -308
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +3 -3
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +2 -2
  12. package/package.json +12 -12
  13. package/src/carousel/carousel-model.d.ts +12 -0
  14. package/src/carousel/carousel.d.ts +11 -0
  15. package/src/carousel/carousel.js +24 -3
  16. package/src/common/menu-base-model.d.ts +7 -0
  17. package/src/common/menu-base.d.ts +7 -0
  18. package/src/common/menu-base.js +80 -19
  19. package/src/context-menu/context-menu-model.d.ts +15 -0
  20. package/src/context-menu/context-menu.d.ts +13 -0
  21. package/src/context-menu/context-menu.js +10 -0
  22. package/src/menu/menu.js +4 -0
  23. package/src/stepper/stepper.d.ts +9 -0
  24. package/src/stepper/stepper.js +262 -237
  25. package/src/stepper-base/stepper-base.js +15 -11
  26. package/src/tab/tab-model.d.ts +15 -2
  27. package/src/tab/tab.d.ts +26 -2
  28. package/src/tab/tab.js +81 -14
  29. package/src/toolbar/toolbar-model.d.ts +0 -6
  30. package/src/toolbar/toolbar.d.ts +0 -6
  31. package/src/treeview/treeview.d.ts +1 -9
  32. package/src/treeview/treeview.js +17 -16
  33. package/styles/accordion/_tailwind3-definition.scss +168 -0
  34. package/styles/accordion/_theme.scss +2 -2
  35. package/styles/accordion/bds.css +544 -0
  36. package/styles/accordion/bds.scss +5 -0
  37. package/styles/accordion/icons/_tailwind3.scss +15 -0
  38. package/styles/accordion/tailwind3.css +552 -0
  39. package/styles/accordion/tailwind3.scss +5 -0
  40. package/styles/appbar/_layout.scss +1 -1
  41. package/styles/appbar/_tailwind3-definition.scss +6 -0
  42. package/styles/appbar/bds.css +302 -0
  43. package/styles/appbar/bds.scss +4 -0
  44. package/styles/appbar/tailwind3.css +285 -0
  45. package/styles/appbar/tailwind3.scss +4 -0
  46. package/styles/bds-lite.css +9234 -0
  47. package/styles/bds-lite.scss +47 -0
  48. package/styles/bds.css +11955 -0
  49. package/styles/bds.scss +59 -0
  50. package/styles/bootstrap-dark-lite.css +22 -13
  51. package/styles/bootstrap-dark.css +36 -14
  52. package/styles/bootstrap-lite.css +22 -13
  53. package/styles/bootstrap.css +36 -14
  54. package/styles/bootstrap4-lite.css +22 -13
  55. package/styles/bootstrap4.css +36 -14
  56. package/styles/bootstrap5-dark-lite.css +30 -21
  57. package/styles/bootstrap5-dark.css +44 -22
  58. package/styles/bootstrap5-lite.css +30 -21
  59. package/styles/bootstrap5.3-lite.css +22 -13
  60. package/styles/bootstrap5.3.css +36 -14
  61. package/styles/bootstrap5.css +44 -22
  62. package/styles/breadcrumb/_layout.scss +16 -1
  63. package/styles/breadcrumb/_tailwind3-definition.scss +61 -0
  64. package/styles/breadcrumb/_theme.scss +60 -0
  65. package/styles/breadcrumb/bds.css +418 -0
  66. package/styles/breadcrumb/bds.scss +5 -0
  67. package/styles/breadcrumb/icons/_tailwind3.scss +23 -0
  68. package/styles/breadcrumb/tailwind3.css +434 -0
  69. package/styles/breadcrumb/tailwind3.scss +5 -0
  70. package/styles/carousel/_tailwind3-definition.scss +24 -0
  71. package/styles/carousel/_theme.scss +9 -3
  72. package/styles/carousel/bds.css +426 -0
  73. package/styles/carousel/bds.scss +5 -0
  74. package/styles/carousel/fluent2.css +5 -0
  75. package/styles/carousel/icons/_tailwind3.scss +30 -0
  76. package/styles/carousel/tailwind3.css +396 -0
  77. package/styles/carousel/tailwind3.scss +5 -0
  78. package/styles/context-menu/_bigger.scss +15 -0
  79. package/styles/context-menu/_layout.scss +24 -0
  80. package/styles/context-menu/_tailwind3-definition.scss +55 -0
  81. package/styles/context-menu/bds.css +421 -0
  82. package/styles/context-menu/bds.scss +8 -0
  83. package/styles/context-menu/fluent2.css +1 -1
  84. package/styles/context-menu/icons/_tailwind3.scss +31 -0
  85. package/styles/context-menu/tailwind3.css +449 -0
  86. package/styles/context-menu/tailwind3.scss +8 -0
  87. package/styles/fabric-dark-lite.css +22 -13
  88. package/styles/fabric-dark.css +36 -14
  89. package/styles/fabric-lite.css +22 -13
  90. package/styles/fabric.css +36 -14
  91. package/styles/fluent-dark-lite.css +23 -14
  92. package/styles/fluent-dark.css +37 -15
  93. package/styles/fluent-lite.css +23 -14
  94. package/styles/fluent.css +37 -15
  95. package/styles/fluent2-lite.css +38 -21
  96. package/styles/fluent2.css +52 -22
  97. package/styles/h-scroll/_tailwind3-definition.scss +83 -0
  98. package/styles/h-scroll/bds.css +311 -0
  99. package/styles/h-scroll/bds.scss +5 -0
  100. package/styles/h-scroll/icons/_tailwind3.scss +49 -0
  101. package/styles/h-scroll/tailwind3.css +311 -0
  102. package/styles/h-scroll/tailwind3.scss +5 -0
  103. package/styles/highcontrast-light-lite.css +22 -13
  104. package/styles/highcontrast-light.css +36 -14
  105. package/styles/highcontrast-lite.css +25 -16
  106. package/styles/highcontrast.css +39 -17
  107. package/styles/material-dark-lite.css +22 -13
  108. package/styles/material-dark.css +36 -14
  109. package/styles/material-lite.css +22 -13
  110. package/styles/material.css +36 -14
  111. package/styles/material3-dark-lite.css +22 -13
  112. package/styles/material3-dark.css +39 -14
  113. package/styles/material3-lite.css +22 -13
  114. package/styles/material3.css +39 -14
  115. package/styles/menu/_bigger.scss +23 -0
  116. package/styles/menu/_layout.scss +32 -0
  117. package/styles/menu/_tailwind3-definition.scss +66 -0
  118. package/styles/menu/_theme.scss +36 -2
  119. package/styles/menu/bds.css +1155 -0
  120. package/styles/menu/bds.scss +9 -0
  121. package/styles/menu/fluent2.css +1 -1
  122. package/styles/menu/icons/_tailwind3.scss +104 -0
  123. package/styles/menu/tailwind3.css +1232 -0
  124. package/styles/menu/tailwind3.scss +9 -0
  125. package/styles/pager/_bigger.scss +39 -6
  126. package/styles/pager/_layout.scss +5 -2
  127. package/styles/pager/_tailwind-definition.scss +1 -1
  128. package/styles/pager/_tailwind3-definition.scss +166 -0
  129. package/styles/pager/bds.css +915 -0
  130. package/styles/pager/bds.scss +5 -0
  131. package/styles/pager/bootstrap-dark.css +7 -0
  132. package/styles/pager/bootstrap.css +7 -0
  133. package/styles/pager/bootstrap4.css +7 -0
  134. package/styles/pager/bootstrap5-dark.css +7 -0
  135. package/styles/pager/bootstrap5.3.css +7 -0
  136. package/styles/pager/bootstrap5.css +7 -0
  137. package/styles/pager/fabric-dark.css +7 -0
  138. package/styles/pager/fabric.css +7 -0
  139. package/styles/pager/fluent-dark.css +7 -0
  140. package/styles/pager/fluent.css +7 -0
  141. package/styles/pager/fluent2.css +7 -0
  142. package/styles/pager/highcontrast-light.css +7 -0
  143. package/styles/pager/highcontrast.css +7 -0
  144. package/styles/pager/icons/_tailwind3.scss +50 -0
  145. package/styles/pager/material-dark.css +7 -0
  146. package/styles/pager/material.css +7 -0
  147. package/styles/pager/material3-dark.css +8 -0
  148. package/styles/pager/material3.css +8 -0
  149. package/styles/pager/tailwind-dark.css +16 -9
  150. package/styles/pager/tailwind.css +16 -9
  151. package/styles/pager/tailwind3.css +835 -0
  152. package/styles/pager/tailwind3.scss +5 -0
  153. package/styles/sidebar/_tailwind3-definition.scss +6 -0
  154. package/styles/sidebar/_theme.scss +1 -1
  155. package/styles/sidebar/bds.css +263 -0
  156. package/styles/sidebar/bds.scss +3 -0
  157. package/styles/sidebar/tailwind3.css +227 -0
  158. package/styles/sidebar/tailwind3.scss +3 -0
  159. package/styles/stepper/_layout.scss +3 -0
  160. package/styles/stepper/_tailwind3-definition.scss +72 -0
  161. package/styles/stepper/_theme.scss +2 -1
  162. package/styles/stepper/bds.css +725 -0
  163. package/styles/stepper/bds.scss +6 -0
  164. package/styles/stepper/bootstrap-dark.css +5 -1
  165. package/styles/stepper/bootstrap.css +5 -1
  166. package/styles/stepper/bootstrap4.css +5 -1
  167. package/styles/stepper/bootstrap5-dark.css +5 -1
  168. package/styles/stepper/bootstrap5.3.css +5 -1
  169. package/styles/stepper/bootstrap5.css +5 -1
  170. package/styles/stepper/fabric-dark.css +5 -1
  171. package/styles/stepper/fabric.css +5 -1
  172. package/styles/stepper/fluent-dark.css +5 -1
  173. package/styles/stepper/fluent.css +5 -1
  174. package/styles/stepper/fluent2.css +5 -1
  175. package/styles/stepper/highcontrast-light.css +5 -1
  176. package/styles/stepper/highcontrast.css +5 -1
  177. package/styles/stepper/icons/_tailwind3.scss +5 -0
  178. package/styles/stepper/material-dark.css +5 -1
  179. package/styles/stepper/material.css +5 -1
  180. package/styles/stepper/material3-dark.css +5 -1
  181. package/styles/stepper/material3.css +5 -1
  182. package/styles/stepper/tailwind-dark.css +5 -1
  183. package/styles/stepper/tailwind.css +5 -1
  184. package/styles/stepper/tailwind3.css +725 -0
  185. package/styles/stepper/tailwind3.scss +6 -0
  186. package/styles/tab/_bigger.scss +16 -0
  187. package/styles/tab/_bootstrap-dark-definition.scss +0 -2
  188. package/styles/tab/_bootstrap-definition.scss +0 -2
  189. package/styles/tab/_bootstrap4-definition.scss +0 -2
  190. package/styles/tab/_bootstrap5-definition.scss +0 -2
  191. package/styles/tab/_bootstrap5.3-definition.scss +0 -2
  192. package/styles/tab/_fabric-dark-definition.scss +0 -2
  193. package/styles/tab/_fabric-definition.scss +0 -2
  194. package/styles/tab/_fluent-definition.scss +0 -2
  195. package/styles/tab/_fluent2-definition.scss +0 -2
  196. package/styles/tab/_fusionnew-definition.scss +0 -2
  197. package/styles/tab/_highcontrast-definition.scss +0 -2
  198. package/styles/tab/_highcontrast-light-definition.scss +0 -2
  199. package/styles/tab/_material-dark-definition.scss +0 -2
  200. package/styles/tab/_material-definition.scss +0 -2
  201. package/styles/tab/_material3-definition.scss +0 -2
  202. package/styles/tab/_tailwind-definition.scss +0 -2
  203. package/styles/tab/_tailwind3-definition.scss +634 -0
  204. package/styles/tab/_theme.scss +0 -12
  205. package/styles/tab/bds.css +4190 -0
  206. package/styles/tab/bds.scss +6 -0
  207. package/styles/tab/bootstrap-dark.css +7 -11
  208. package/styles/tab/bootstrap.css +7 -11
  209. package/styles/tab/bootstrap4.css +7 -11
  210. package/styles/tab/bootstrap5-dark.css +7 -11
  211. package/styles/tab/bootstrap5.3.css +7 -11
  212. package/styles/tab/bootstrap5.css +7 -11
  213. package/styles/tab/fabric-dark.css +7 -11
  214. package/styles/tab/fabric.css +7 -11
  215. package/styles/tab/fluent-dark.css +7 -11
  216. package/styles/tab/fluent.css +7 -11
  217. package/styles/tab/fluent2.css +10 -14
  218. package/styles/tab/highcontrast-light.css +7 -11
  219. package/styles/tab/highcontrast.css +7 -11
  220. package/styles/tab/icons/_tailwind3.scss +90 -0
  221. package/styles/tab/material-dark.css +7 -11
  222. package/styles/tab/material.css +7 -11
  223. package/styles/tab/material3-dark.css +9 -11
  224. package/styles/tab/material3.css +9 -11
  225. package/styles/tab/tailwind-dark.css +7 -11
  226. package/styles/tab/tailwind.css +7 -11
  227. package/styles/tab/tailwind3.css +4125 -0
  228. package/styles/tab/tailwind3.scss +6 -0
  229. package/styles/tailwind-dark-lite.css +27 -18
  230. package/styles/tailwind-dark.css +46 -24
  231. package/styles/tailwind-lite.css +27 -18
  232. package/styles/tailwind.css +46 -24
  233. package/styles/tailwind3-lite.css +9035 -0
  234. package/styles/tailwind3-lite.scss +47 -0
  235. package/styles/tailwind3.css +11691 -0
  236. package/styles/tailwind3.scss +59 -0
  237. package/styles/toolbar/_bigger.scss +14 -0
  238. package/styles/toolbar/_bootstrap5-definition.scss +6 -6
  239. package/styles/toolbar/_layout.scss +7 -1
  240. package/styles/toolbar/_tailwind3-definition.scss +199 -0
  241. package/styles/toolbar/_theme.scss +6 -6
  242. package/styles/toolbar/bds.css +1219 -0
  243. package/styles/toolbar/bds.scss +9 -0
  244. package/styles/toolbar/bootstrap-dark.css +1 -1
  245. package/styles/toolbar/bootstrap.css +1 -1
  246. package/styles/toolbar/bootstrap4.css +1 -1
  247. package/styles/toolbar/bootstrap5-dark.css +9 -9
  248. package/styles/toolbar/bootstrap5.3.css +1 -1
  249. package/styles/toolbar/bootstrap5.css +9 -9
  250. package/styles/toolbar/fabric-dark.css +1 -1
  251. package/styles/toolbar/fabric.css +1 -1
  252. package/styles/toolbar/fluent-dark.css +1 -1
  253. package/styles/toolbar/fluent.css +1 -1
  254. package/styles/toolbar/fluent2.css +1 -1
  255. package/styles/toolbar/highcontrast-light.css +1 -1
  256. package/styles/toolbar/highcontrast.css +1 -1
  257. package/styles/toolbar/icons/_tailwind3.scss +14 -0
  258. package/styles/toolbar/material-dark.css +1 -1
  259. package/styles/toolbar/material.css +1 -1
  260. package/styles/toolbar/material3-dark.css +1 -1
  261. package/styles/toolbar/material3.css +1 -1
  262. package/styles/toolbar/tailwind-dark.css +1 -1
  263. package/styles/toolbar/tailwind.css +1 -1
  264. package/styles/toolbar/tailwind3.css +1211 -0
  265. package/styles/toolbar/tailwind3.scss +9 -0
  266. package/styles/treeview/_bigger.scss +16 -3
  267. package/styles/treeview/_fluent-definition.scss +1 -1
  268. package/styles/treeview/_fluent2-definition.scss +2 -2
  269. package/styles/treeview/_highcontrast-definition.scss +3 -3
  270. package/styles/treeview/_layout.scss +42 -5
  271. package/styles/treeview/_tailwind-definition.scss +1 -1
  272. package/styles/treeview/_tailwind3-definition.scss +126 -0
  273. package/styles/treeview/_theme.scss +1 -1
  274. package/styles/treeview/bds.css +1031 -0
  275. package/styles/treeview/bds.scss +7 -0
  276. package/styles/treeview/bootstrap-dark.css +16 -1
  277. package/styles/treeview/bootstrap.css +16 -1
  278. package/styles/treeview/bootstrap4.css +16 -1
  279. package/styles/treeview/bootstrap5-dark.css +16 -1
  280. package/styles/treeview/bootstrap5.3.css +16 -1
  281. package/styles/treeview/bootstrap5.css +16 -1
  282. package/styles/treeview/fabric-dark.css +16 -1
  283. package/styles/treeview/fabric.css +16 -1
  284. package/styles/treeview/fluent-dark.css +17 -2
  285. package/styles/treeview/fluent.css +17 -2
  286. package/styles/treeview/fluent2.css +22 -4
  287. package/styles/treeview/highcontrast-light.css +16 -1
  288. package/styles/treeview/highcontrast.css +19 -4
  289. package/styles/treeview/icons/_tailwind3.scss +44 -0
  290. package/styles/treeview/material-dark.css +16 -1
  291. package/styles/treeview/material.css +16 -1
  292. package/styles/treeview/material3-dark.css +16 -1
  293. package/styles/treeview/material3.css +16 -1
  294. package/styles/treeview/tailwind-dark.css +17 -2
  295. package/styles/treeview/tailwind.css +17 -2
  296. package/styles/treeview/tailwind3.css +806 -0
  297. package/styles/treeview/tailwind3.scss +7 -0
  298. package/styles/v-scroll/_tailwind3-definition.scss +49 -0
  299. package/styles/v-scroll/bds.css +218 -0
  300. package/styles/v-scroll/bds.scss +5 -0
  301. package/styles/v-scroll/icons/_tailwind3.scss +27 -0
  302. package/styles/v-scroll/tailwind3.css +218 -0
  303. package/styles/v-scroll/tailwind3.scss +5 -0
package/styles/toolbar/bds.scss ADDED
@@ -0,0 +1,9 @@
1
+ @import 'ej2-base/styles/definition/bds.scss';
2
+ @import '../h-scroll/bds-definition.scss';
3
+ @import '../v-scroll/bds-definition.scss';
4
+ @import 'ej2-buttons/styles/button/bds-definition.scss';
5
+ @import 'ej2-popups/styles/popup/bds-definition.scss';
6
+ @import 'bds-definition.scss';
7
+ @import 'icons/bds.scss';
8
+ @import 'all.scss';
9
+ @import 'bigger.scss';
package/styles/toolbar/bootstrap-dark.css CHANGED
@@ -316,7 +316,6 @@
316
316
  }
317
317
  .e-toolbar .e-popup-down-icon.e-icons,
318
318
  .e-toolbar .e-popup-up-icon.e-icons {
319
- color: #f0f0f0;
320
319
  display: -webkit-box;
321
320
  display: -ms-flexbox;
322
321
  display: flex;
@@ -330,6 +329,7 @@
330
329
  justify-content: center;
331
330
  width: 100%;
332
331
  font-size: 12px;
332
+ color: #f0f0f0;
333
333
  }
334
334
  .e-toolbar.e-toolpop {
335
335
  overflow: visible;
package/styles/toolbar/bootstrap.css CHANGED
@@ -318,7 +318,6 @@
318
318
  }
319
319
  .e-toolbar .e-popup-down-icon.e-icons,
320
320
  .e-toolbar .e-popup-up-icon.e-icons {
321
- color: #333;
322
321
  display: -webkit-box;
323
322
  display: -ms-flexbox;
324
323
  display: flex;
@@ -332,6 +331,7 @@
332
331
  justify-content: center;
333
332
  width: 100%;
334
333
  font-size: 12px;
334
+ color: #333;
335
335
  }
336
336
  .e-toolbar.e-toolpop {
337
337
  overflow: visible;
package/styles/toolbar/bootstrap4.css CHANGED
@@ -318,7 +318,6 @@
318
318
  }
319
319
  .e-toolbar .e-popup-down-icon.e-icons,
320
320
  .e-toolbar .e-popup-up-icon.e-icons {
321
- color: #495057;
322
321
  display: -webkit-box;
323
322
  display: -ms-flexbox;
324
323
  display: flex;
@@ -332,6 +331,7 @@
332
331
  justify-content: center;
333
332
  width: 100%;
334
333
  font-size: 12px;
334
+ color: #495057;
335
335
  }
336
336
  .e-toolbar.e-toolpop {
337
337
  overflow: visible;
package/styles/toolbar/bootstrap5-dark.css CHANGED
@@ -342,7 +342,6 @@
342
342
  }
343
343
  .e-toolbar .e-popup-down-icon.e-icons,
344
344
  .e-toolbar .e-popup-up-icon.e-icons {
345
- color: #adb5bd;
346
345
  display: -webkit-box;
347
346
  display: -ms-flexbox;
348
347
  display: flex;
@@ -356,6 +355,7 @@
356
355
  justify-content: center;
357
356
  width: 100%;
358
357
  font-size: 18px;
358
+ color: #adb5bd;
359
359
  }
360
360
  .e-toolbar.e-toolpop {
361
361
  overflow: visible;
@@ -649,7 +649,7 @@
649
649
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
650
650
  }
651
651
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
652
- background: none;
652
+ background: #5c636a;
653
653
  border-radius: 4px;
654
654
  color: #adb5bd;
655
655
  border-color: #adb5bd;
@@ -659,11 +659,11 @@
659
659
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
660
660
  }
661
661
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
662
- color: #adb5bd;
662
+ color: #fff;
663
663
  }
664
664
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
665
665
  color: #fff;
666
- color: #adb5bd;
666
+ color: #fff;
667
667
  }
668
668
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
669
669
  background: #5c636a;
@@ -674,7 +674,7 @@
674
674
  color: #adb5bd;
675
675
  }
676
676
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
677
- color: #adb5bd;
677
+ color: #fff;
678
678
  color: #fff;
679
679
  }
680
680
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
@@ -697,10 +697,10 @@
697
697
  color: #ced4da;
698
698
  }
699
699
  .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
700
- color: #adb5bd;
700
+ color: #fff;
701
701
  }
702
702
  .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-tbar-btn-text {
703
- color: #ced4da;
703
+ color: #fff;
704
704
  }
705
705
  .e-toolbar .e-toolbar-item.e-separator {
706
706
  border: solid #444c54;
@@ -822,7 +822,7 @@
822
822
  border-width: 0;
823
823
  }
824
824
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
825
- background: transparent;
825
+ background: #565e64;
826
826
  -webkit-box-shadow: none;
827
827
  box-shadow: none;
828
828
  border-color: #444c54;
@@ -850,7 +850,7 @@
850
850
  border: none;
851
851
  }
852
852
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
853
- background: none;
853
+ background: #5c636a;
854
854
  border-radius: 4px;
855
855
  border-color: #adb5bd;
856
856
  border-style: solid;
package/styles/toolbar/bootstrap5.3.css CHANGED
@@ -346,7 +346,6 @@
346
346
  }
347
347
  .e-toolbar .e-popup-down-icon.e-icons,
348
348
  .e-toolbar .e-popup-up-icon.e-icons {
349
- color: var(--color-sf-icon-color);
350
349
  display: -webkit-box;
351
350
  display: -ms-flexbox;
352
351
  display: flex;
@@ -360,6 +359,7 @@
360
359
  justify-content: center;
361
360
  width: 100%;
362
361
  font-size: 18px;
362
+ color: var(--color-sf-icon-color);
363
363
  }
364
364
  .e-toolbar.e-toolpop {
365
365
  overflow: visible;
package/styles/toolbar/bootstrap5.css CHANGED
@@ -342,7 +342,6 @@
342
342
  }
343
343
  .e-toolbar .e-popup-down-icon.e-icons,
344
344
  .e-toolbar .e-popup-up-icon.e-icons {
345
- color: #6c757d;
346
345
  display: -webkit-box;
347
346
  display: -ms-flexbox;
348
347
  display: flex;
@@ -356,6 +355,7 @@
356
355
  justify-content: center;
357
356
  width: 100%;
358
357
  font-size: 18px;
358
+ color: #6c757d;
359
359
  }
360
360
  .e-toolbar.e-toolpop {
361
361
  overflow: visible;
@@ -649,7 +649,7 @@
649
649
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
650
650
  }
651
651
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
652
- background: none;
652
+ background: #5c636a;
653
653
  border-radius: 4px;
654
654
  color: #6c757d;
655
655
  border-color: #6c757d;
@@ -659,11 +659,11 @@
659
659
  box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
660
660
  }
661
661
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
662
- color: #6c757d;
662
+ color: #fff;
663
663
  }
664
664
  .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text {
665
665
  color: #fff;
666
- color: #6c757d;
666
+ color: #fff;
667
667
  }
668
668
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
669
669
  background: #5c636a;
@@ -674,7 +674,7 @@
674
674
  color: #6c757d;
675
675
  }
676
676
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
677
- color: #6c757d;
677
+ color: #fff;
678
678
  color: #fff;
679
679
  }
680
680
  .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text {
@@ -697,10 +697,10 @@
697
697
  color: #495057;
698
698
  }
699
699
  .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
700
- color: #6c757d;
700
+ color: #fff;
701
701
  }
702
702
  .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-tbar-btn-text {
703
- color: #495057;
703
+ color: #fff;
704
704
  }
705
705
  .e-toolbar .e-toolbar-item.e-separator {
706
706
  border: solid #dee2e6;
@@ -822,7 +822,7 @@
822
822
  border-width: 0;
823
823
  }
824
824
  .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
825
- background: transparent;
825
+ background: #565e64;
826
826
  -webkit-box-shadow: none;
827
827
  box-shadow: none;
828
828
  border-color: #dee2e6;
@@ -850,7 +850,7 @@
850
850
  border: none;
851
851
  }
852
852
  .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
853
- background: none;
853
+ background: #5c636a;
854
854
  border-radius: 4px;
855
855
  border-color: #6c757d;
856
856
  border-style: solid;
package/styles/toolbar/fabric-dark.css CHANGED
@@ -316,7 +316,6 @@
316
316
  }
317
317
  .e-toolbar .e-popup-down-icon.e-icons,
318
318
  .e-toolbar .e-popup-up-icon.e-icons {
319
- color: #dadada;
320
319
  display: -webkit-box;
321
320
  display: -ms-flexbox;
322
321
  display: flex;
@@ -330,6 +329,7 @@
330
329
  justify-content: center;
331
330
  width: 100%;
332
331
  font-size: 14px;
332
+ color: #dadada;
333
333
  }
334
334
  .e-toolbar.e-toolpop {
335
335
  overflow: visible;
package/styles/toolbar/fabric.css CHANGED
@@ -317,7 +317,6 @@
317
317
  }
318
318
  .e-toolbar .e-popup-down-icon.e-icons,
319
319
  .e-toolbar .e-popup-up-icon.e-icons {
320
- color: #333;
321
320
  display: -webkit-box;
322
321
  display: -ms-flexbox;
323
322
  display: flex;
@@ -331,6 +330,7 @@
331
330
  justify-content: center;
332
331
  width: 100%;
333
332
  font-size: 14px;
333
+ color: #333;
334
334
  }
335
335
  .e-toolbar.e-toolpop {
336
336
  overflow: visible;
package/styles/toolbar/fluent-dark.css CHANGED
@@ -341,7 +341,6 @@
341
341
  }
342
342
  .e-toolbar .e-popup-down-icon.e-icons,
343
343
  .e-toolbar .e-popup-up-icon.e-icons {
344
- color: #a19f9d;
345
344
  display: -webkit-box;
346
345
  display: -ms-flexbox;
347
346
  display: flex;
@@ -355,6 +354,7 @@
355
354
  justify-content: center;
356
355
  width: 100%;
357
356
  font-size: 12px;
357
+ color: #a19f9d;
358
358
  }
359
359
  .e-toolbar.e-toolpop {
360
360
  overflow: visible;
package/styles/toolbar/fluent.css CHANGED
@@ -341,7 +341,6 @@
341
341
  }
342
342
  .e-toolbar .e-popup-down-icon.e-icons,
343
343
  .e-toolbar .e-popup-up-icon.e-icons {
344
- color: #605e5c;
345
344
  display: -webkit-box;
346
345
  display: -ms-flexbox;
347
346
  display: flex;
@@ -355,6 +354,7 @@
355
354
  justify-content: center;
356
355
  width: 100%;
357
356
  font-size: 12px;
357
+ color: #605e5c;
358
358
  }
359
359
  .e-toolbar.e-toolpop {
360
360
  overflow: visible;
package/styles/toolbar/fluent2.css CHANGED
@@ -347,7 +347,6 @@
347
347
  }
348
348
  .e-toolbar .e-popup-down-icon.e-icons,
349
349
  .e-toolbar .e-popup-up-icon.e-icons {
350
- color: var(--color-sf-icon-color);
351
350
  display: -webkit-box;
352
351
  display: -ms-flexbox;
353
352
  display: flex;
@@ -361,6 +360,7 @@
361
360
  justify-content: center;
362
361
  width: 100%;
363
362
  font-size: 16px;
363
+ color: var(--color-sf-icon-color);
364
364
  }
365
365
  .e-toolbar.e-toolpop {
366
366
  overflow: visible;
package/styles/toolbar/highcontrast-light.css CHANGED
@@ -316,7 +316,6 @@
316
316
  }
317
317
  .e-toolbar .e-popup-down-icon.e-icons,
318
318
  .e-toolbar .e-popup-up-icon.e-icons {
319
- color: #000;
320
319
  display: -webkit-box;
321
320
  display: -ms-flexbox;
322
321
  display: flex;
@@ -330,6 +329,7 @@
330
329
  justify-content: center;
331
330
  width: 100%;
332
331
  font-size: 12px;
332
+ color: #000;
333
333
  }
334
334
  .e-toolbar.e-toolpop {
335
335
  overflow: visible;
package/styles/toolbar/highcontrast.css CHANGED
@@ -317,7 +317,6 @@
317
317
  }
318
318
  .e-toolbar .e-popup-down-icon.e-icons,
319
319
  .e-toolbar .e-popup-up-icon.e-icons {
320
- color: #fff;
321
320
  display: -webkit-box;
322
321
  display: -ms-flexbox;
323
322
  display: flex;
@@ -331,6 +330,7 @@
331
330
  justify-content: center;
332
331
  width: 100%;
333
332
  font-size: 12px;
333
+ color: #fff;
334
334
  }
335
335
  .e-toolbar.e-toolpop {
336
336
  overflow: visible;
package/styles/toolbar/icons/_tailwind3.scss ADDED
@@ -0,0 +1,14 @@
1
+ @include export-module('toolbar-tailwind3-icons') {
2
+ #{&}.e-toolbar {
3
+
4
+ .e-popup-down-icon::before {
5
+ content: '\e729';
6
+ line-height: normal;
7
+ }
8
+
9
+ .e-popup-up-icon::before {
10
+ content: '\e776';
11
+ line-height: normal;
12
+ }
13
+ }
14
+ }
package/styles/toolbar/material-dark.css CHANGED
@@ -382,7 +382,6 @@
382
382
  }
383
383
  .e-toolbar .e-popup-down-icon.e-icons,
384
384
  .e-toolbar .e-popup-up-icon.e-icons {
385
- color: #fff;
386
385
  display: -webkit-box;
387
386
  display: -ms-flexbox;
388
387
  display: flex;
@@ -396,6 +395,7 @@
396
395
  justify-content: center;
397
396
  width: 100%;
398
397
  font-size: 12px;
398
+ color: #fff;
399
399
  }
400
400
  .e-toolbar.e-toolpop {
401
401
  overflow: visible;
package/styles/toolbar/material.css CHANGED
@@ -384,7 +384,6 @@
384
384
  }
385
385
  .e-toolbar .e-popup-down-icon.e-icons,
386
386
  .e-toolbar .e-popup-up-icon.e-icons {
387
- color: rgba(0, 0, 0, 0.54);
388
387
  display: -webkit-box;
389
388
  display: -ms-flexbox;
390
389
  display: flex;
@@ -398,6 +397,7 @@
398
397
  justify-content: center;
399
398
  width: 100%;
400
399
  font-size: 12px;
400
+ color: rgba(0, 0, 0, 0.54);
401
401
  }
402
402
  .e-toolbar.e-toolpop {
403
403
  overflow: visible;
package/styles/toolbar/material3-dark.css CHANGED
@@ -344,7 +344,6 @@
344
344
  }
345
345
  .e-toolbar .e-popup-down-icon.e-icons,
346
346
  .e-toolbar .e-popup-up-icon.e-icons {
347
- color: rgba(var(--color-sf-on-surface-variant));
348
347
  display: -webkit-box;
349
348
  display: -ms-flexbox;
350
349
  display: flex;
@@ -358,6 +357,7 @@
358
357
  justify-content: center;
359
358
  width: 100%;
360
359
  font-size: 14px;
360
+ color: rgba(var(--color-sf-on-surface-variant));
361
361
  }
362
362
  .e-toolbar.e-toolpop {
363
363
  overflow: visible;
package/styles/toolbar/material3.css CHANGED
@@ -346,7 +346,6 @@
346
346
  }
347
347
  .e-toolbar .e-popup-down-icon.e-icons,
348
348
  .e-toolbar .e-popup-up-icon.e-icons {
349
- color: rgba(var(--color-sf-on-surface-variant));
350
349
  display: -webkit-box;
351
350
  display: -ms-flexbox;
352
351
  display: flex;
@@ -360,6 +359,7 @@
360
359
  justify-content: center;
361
360
  width: 100%;
362
361
  font-size: 14px;
362
+ color: rgba(var(--color-sf-on-surface-variant));
363
363
  }
364
364
  .e-toolbar.e-toolpop {
365
365
  overflow: visible;
package/styles/toolbar/tailwind-dark.css CHANGED
@@ -341,7 +341,6 @@
341
341
  }
342
342
  .e-toolbar .e-popup-down-icon.e-icons,
343
343
  .e-toolbar .e-popup-up-icon.e-icons {
344
- color: #d1d5db;
345
344
  display: -webkit-box;
346
345
  display: -ms-flexbox;
347
346
  display: flex;
@@ -355,6 +354,7 @@
355
354
  justify-content: center;
356
355
  width: 100%;
357
356
  font-size: 18px;
357
+ color: #d1d5db;
358
358
  }
359
359
  .e-toolbar.e-toolpop {
360
360
  overflow: visible;
package/styles/toolbar/tailwind.css CHANGED
@@ -341,7 +341,6 @@
341
341
  }
342
342
  .e-toolbar .e-popup-down-icon.e-icons,
343
343
  .e-toolbar .e-popup-up-icon.e-icons {
344
- color: #6b7280;
345
344
  display: -webkit-box;
346
345
  display: -ms-flexbox;
347
346
  display: flex;
@@ -355,6 +354,7 @@
355
354
  justify-content: center;
356
355
  width: 100%;
357
356
  font-size: 18px;
357
+ color: #6b7280;
358
358
  }
359
359
  .e-toolbar.e-toolpop {
360
360
  overflow: visible;