@syncfusion/ej2-navigations 27.2.4 → 28.1.33-686179

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 (806) hide show
  1. package/.eslintrc.json +243 -260
  2. package/README.md +301 -301
  3. package/dist/ej2-navigations.umd.min.js +1 -10
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +573 -386
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +819 -626
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/license +10 -10
  10. package/package.json +167 -167
  11. package/src/accordion/accordion-model.d.ts +199 -199
  12. package/src/accordion/accordion.js +19 -19
  13. package/src/appbar/appbar-model.d.ts +51 -51
  14. package/src/appbar/appbar.js +19 -19
  15. package/src/breadcrumb/breadcrumb-model.d.ts +114 -114
  16. package/src/breadcrumb/breadcrumb.js +19 -19
  17. package/src/carousel/carousel-model.d.ts +206 -194
  18. package/src/carousel/carousel.d.ts +11 -0
  19. package/src/carousel/carousel.js +43 -22
  20. package/src/common/h-scroll-model.d.ts +6 -6
  21. package/src/common/h-scroll.js +19 -19
  22. package/src/common/menu-base-model.d.ts +236 -229
  23. package/src/common/menu-base.d.ts +7 -0
  24. package/src/common/menu-base.js +99 -38
  25. package/src/common/v-scroll-model.d.ts +6 -6
  26. package/src/common/v-scroll.js +19 -19
  27. package/src/context-menu/context-menu-model.d.ts +33 -18
  28. package/src/context-menu/context-menu.d.ts +13 -0
  29. package/src/context-menu/context-menu.js +29 -19
  30. package/src/menu/menu-model.d.ts +45 -45
  31. package/src/menu/menu.js +23 -19
  32. package/src/sidebar/sidebar-model.d.ts +189 -189
  33. package/src/sidebar/sidebar.js +19 -19
  34. package/src/stepper/stepper.d.ts +9 -0
  35. package/src/stepper/stepper.js +281 -256
  36. package/src/stepper-base/stepper-base.js +34 -30
  37. package/src/tab/tab-model.d.ts +306 -293
  38. package/src/tab/tab.d.ts +26 -2
  39. package/src/tab/tab.js +99 -32
  40. package/src/toolbar/toolbar-model.d.ts +209 -215
  41. package/src/toolbar/toolbar.d.ts +0 -6
  42. package/src/toolbar/toolbar.js +19 -19
  43. package/src/treeview/treeview-model.d.ts +520 -520
  44. package/src/treeview/treeview.d.ts +2 -10
  45. package/src/treeview/treeview.js +37 -36
  46. package/styles/accordion/_all.scss +2 -2
  47. package/styles/accordion/_bds-definition.scss +167 -167
  48. package/styles/accordion/_bigger.scss +121 -121
  49. package/styles/accordion/_bootstrap-dark-definition.scss +169 -167
  50. package/styles/accordion/_bootstrap-definition.scss +167 -167
  51. package/styles/accordion/_bootstrap4-definition.scss +177 -175
  52. package/styles/accordion/_bootstrap5-definition.scss +168 -168
  53. package/styles/accordion/_bootstrap5.3-definition.scss +168 -168
  54. package/styles/accordion/_fabric-dark-definition.scss +171 -171
  55. package/styles/accordion/_fabric-definition.scss +171 -171
  56. package/styles/accordion/_fluent-definition.scss +168 -168
  57. package/styles/accordion/_fluent2-definition.scss +167 -167
  58. package/styles/accordion/_fusionnew-definition.scss +168 -168
  59. package/styles/accordion/_highcontrast-definition.scss +193 -193
  60. package/styles/accordion/_highcontrast-light-definition.scss +193 -193
  61. package/styles/accordion/_layout.scss +236 -236
  62. package/styles/accordion/_material-dark-definition.scss +171 -171
  63. package/styles/accordion/_material-definition.scss +165 -165
  64. package/styles/accordion/_material3-definition.scss +168 -168
  65. package/styles/accordion/_tailwind-definition.scss +167 -167
  66. package/styles/accordion/_tailwind3-definition.scss +168 -0
  67. package/styles/accordion/_theme.scss +418 -418
  68. package/styles/accordion/bds.css +544 -0
  69. package/styles/accordion/bds.scss +5 -0
  70. package/styles/accordion/icons/_bds.scss +15 -15
  71. package/styles/accordion/icons/_bootstrap-dark.scss +15 -15
  72. package/styles/accordion/icons/_bootstrap.scss +15 -15
  73. package/styles/accordion/icons/_bootstrap4.scss +15 -15
  74. package/styles/accordion/icons/_bootstrap5.3.scss +15 -15
  75. package/styles/accordion/icons/_bootstrap5.scss +15 -15
  76. package/styles/accordion/icons/_fabric-dark.scss +15 -15
  77. package/styles/accordion/icons/_fabric.scss +15 -15
  78. package/styles/accordion/icons/_fluent.scss +15 -15
  79. package/styles/accordion/icons/_fluent2.scss +15 -15
  80. package/styles/accordion/icons/_fusionnew.scss +15 -15
  81. package/styles/accordion/icons/_highcontrast-light.scss +15 -15
  82. package/styles/accordion/icons/_highcontrast.scss +15 -15
  83. package/styles/accordion/icons/_material-dark.scss +15 -15
  84. package/styles/accordion/icons/_material.scss +15 -15
  85. package/styles/accordion/icons/_material3.scss +15 -15
  86. package/styles/accordion/icons/_tailwind.scss +15 -15
  87. package/styles/accordion/icons/_tailwind3.scss +15 -0
  88. package/styles/accordion/material3-dark.scss +1 -1
  89. package/styles/accordion/material3.scss +1 -1
  90. package/styles/accordion/tailwind-dark.css +2 -2
  91. package/styles/accordion/tailwind3.css +552 -0
  92. package/styles/accordion/tailwind3.scss +5 -0
  93. package/styles/appbar/_all.scss +2 -2
  94. package/styles/appbar/_bds-definition.scss +24 -24
  95. package/styles/appbar/_bigger.scss +15 -15
  96. package/styles/appbar/_bootstrap-dark-definition.scss +6 -6
  97. package/styles/appbar/_bootstrap-definition.scss +6 -6
  98. package/styles/appbar/_bootstrap4-definition.scss +6 -6
  99. package/styles/appbar/_bootstrap5-definition.scss +6 -6
  100. package/styles/appbar/_bootstrap5.3-definition.scss +6 -6
  101. package/styles/appbar/_fabric-dark-definition.scss +6 -6
  102. package/styles/appbar/_fabric-definition.scss +6 -6
  103. package/styles/appbar/_fluent-definition.scss +6 -6
  104. package/styles/appbar/_fluent2-definition.scss +23 -23
  105. package/styles/appbar/_fusionnew-definition.scss +6 -6
  106. package/styles/appbar/_highcontrast-definition.scss +6 -6
  107. package/styles/appbar/_highcontrast-light-definition.scss +6 -6
  108. package/styles/appbar/_layout.scss +76 -76
  109. package/styles/appbar/_material-dark-definition.scss +6 -6
  110. package/styles/appbar/_material-definition.scss +6 -6
  111. package/styles/appbar/_material3-definition.scss +6 -6
  112. package/styles/appbar/_tailwind-definition.scss +6 -6
  113. package/styles/appbar/_tailwind3-definition.scss +6 -0
  114. package/styles/appbar/_theme.scss +216 -216
  115. package/styles/appbar/bds.css +302 -0
  116. package/styles/appbar/bds.scss +4 -0
  117. package/styles/appbar/material3-dark.scss +1 -1
  118. package/styles/appbar/material3.scss +1 -1
  119. package/styles/appbar/tailwind3.css +285 -0
  120. package/styles/appbar/tailwind3.scss +4 -0
  121. package/styles/bds-lite.css +9233 -0
  122. package/styles/bds-lite.scss +47 -0
  123. package/styles/bds.css +11954 -0
  124. package/styles/bds.scss +59 -0
  125. package/styles/bootstrap-dark-lite.css +21 -13
  126. package/styles/bootstrap-dark.css +35 -14
  127. package/styles/bootstrap-lite.css +21 -13
  128. package/styles/bootstrap.css +35 -14
  129. package/styles/bootstrap4-lite.css +23 -15
  130. package/styles/bootstrap4.css +37 -16
  131. package/styles/bootstrap5-dark-lite.css +42 -34
  132. package/styles/bootstrap5-dark.css +56 -35
  133. package/styles/bootstrap5-lite.css +29 -21
  134. package/styles/bootstrap5.3-lite.css +29 -13
  135. package/styles/bootstrap5.3.css +43 -14
  136. package/styles/bootstrap5.css +43 -22
  137. package/styles/breadcrumb/_all.scss +2 -2
  138. package/styles/breadcrumb/_bds-definition.scss +60 -60
  139. package/styles/breadcrumb/_bigger.scss +168 -160
  140. package/styles/breadcrumb/_bootstrap-dark-definition.scss +54 -54
  141. package/styles/breadcrumb/_bootstrap-definition.scss +54 -54
  142. package/styles/breadcrumb/_bootstrap4-definition.scss +56 -54
  143. package/styles/breadcrumb/_bootstrap5-definition.scss +65 -63
  144. package/styles/breadcrumb/_bootstrap5.3-definition.scss +61 -61
  145. package/styles/breadcrumb/_fabric-dark-definition.scss +59 -59
  146. package/styles/breadcrumb/_fabric-definition.scss +59 -59
  147. package/styles/breadcrumb/_fluent-definition.scss +63 -63
  148. package/styles/breadcrumb/_fluent2-definition.scss +61 -61
  149. package/styles/breadcrumb/_fusionnew-definition.scss +65 -59
  150. package/styles/breadcrumb/_highcontrast-definition.scss +61 -61
  151. package/styles/breadcrumb/_highcontrast-light-definition.scss +61 -61
  152. package/styles/breadcrumb/_layout.scss +451 -431
  153. package/styles/breadcrumb/_material-dark-definition.scss +50 -50
  154. package/styles/breadcrumb/_material-definition.scss +50 -50
  155. package/styles/breadcrumb/_material3-definition.scss +60 -60
  156. package/styles/breadcrumb/_tailwind-definition.scss +60 -60
  157. package/styles/breadcrumb/_tailwind3-definition.scss +61 -0
  158. package/styles/breadcrumb/_theme.scss +296 -236
  159. package/styles/breadcrumb/bds.css +418 -0
  160. package/styles/breadcrumb/bds.scss +5 -0
  161. package/styles/breadcrumb/bootstrap4.css +2 -2
  162. package/styles/breadcrumb/fabric-dark.css +3 -3
  163. package/styles/breadcrumb/icons/_bds.scss +23 -23
  164. package/styles/breadcrumb/icons/_bootstrap-dark.scss +12 -12
  165. package/styles/breadcrumb/icons/_bootstrap.scss +12 -12
  166. package/styles/breadcrumb/icons/_bootstrap4.scss +12 -12
  167. package/styles/breadcrumb/icons/_bootstrap5.3.scss +23 -23
  168. package/styles/breadcrumb/icons/_bootstrap5.scss +23 -23
  169. package/styles/breadcrumb/icons/_fabric-dark.scss +12 -12
  170. package/styles/breadcrumb/icons/_fabric.scss +12 -12
  171. package/styles/breadcrumb/icons/_fluent.scss +23 -23
  172. package/styles/breadcrumb/icons/_fluent2.scss +23 -23
  173. package/styles/breadcrumb/icons/_fusionnew.scss +23 -23
  174. package/styles/breadcrumb/icons/_highcontrast-light.scss +12 -12
  175. package/styles/breadcrumb/icons/_highcontrast.scss +12 -12
  176. package/styles/breadcrumb/icons/_material-dark.scss +23 -23
  177. package/styles/breadcrumb/icons/_material.scss +23 -23
  178. package/styles/breadcrumb/icons/_material3.scss +12 -12
  179. package/styles/breadcrumb/icons/_tailwind-dark.scss +23 -23
  180. package/styles/breadcrumb/icons/_tailwind.scss +23 -23
  181. package/styles/breadcrumb/icons/_tailwind3.scss +23 -0
  182. package/styles/breadcrumb/material3-dark.scss +1 -1
  183. package/styles/breadcrumb/material3.scss +1 -1
  184. package/styles/breadcrumb/tailwind3.css +441 -0
  185. package/styles/breadcrumb/tailwind3.scss +5 -0
  186. package/styles/carousel/_all.scss +2 -2
  187. package/styles/carousel/_bds-definition.scss +20 -20
  188. package/styles/carousel/_bootstrap-dark-definition.scss +20 -20
  189. package/styles/carousel/_bootstrap-definition.scss +20 -20
  190. package/styles/carousel/_bootstrap4-definition.scss +20 -20
  191. package/styles/carousel/_bootstrap5-definition.scss +20 -20
  192. package/styles/carousel/_bootstrap5.3-definition.scss +20 -20
  193. package/styles/carousel/_fabric-dark-definition.scss +20 -20
  194. package/styles/carousel/_fabric-definition.scss +20 -20
  195. package/styles/carousel/_fluent-definition.scss +20 -20
  196. package/styles/carousel/_fluent2-definition.scss +23 -23
  197. package/styles/carousel/_fusionnew-definition.scss +20 -20
  198. package/styles/carousel/_highcontrast-definition.scss +20 -20
  199. package/styles/carousel/_highcontrast-light-definition.scss +20 -20
  200. package/styles/carousel/_layout.scss +257 -257
  201. package/styles/carousel/_material-dark-definition.scss +20 -20
  202. package/styles/carousel/_material-definition.scss +20 -20
  203. package/styles/carousel/_material3-definition.scss +21 -21
  204. package/styles/carousel/_tailwind-definition.scss +20 -20
  205. package/styles/carousel/_tailwind3-definition.scss +24 -0
  206. package/styles/carousel/_theme.scss +108 -102
  207. package/styles/carousel/bds.css +426 -0
  208. package/styles/carousel/bds.scss +5 -0
  209. package/styles/carousel/fluent2.css +5 -0
  210. package/styles/carousel/icons/_bds.scss +30 -30
  211. package/styles/carousel/icons/_bootstrap-dark.scss +30 -30
  212. package/styles/carousel/icons/_bootstrap.scss +30 -30
  213. package/styles/carousel/icons/_bootstrap4.scss +30 -30
  214. package/styles/carousel/icons/_bootstrap5.3.scss +30 -30
  215. package/styles/carousel/icons/_bootstrap5.scss +30 -30
  216. package/styles/carousel/icons/_fabric-dark.scss +30 -30
  217. package/styles/carousel/icons/_fabric.scss +30 -30
  218. package/styles/carousel/icons/_fluent.scss +30 -30
  219. package/styles/carousel/icons/_fluent2.scss +30 -30
  220. package/styles/carousel/icons/_fusionnew.scss +30 -30
  221. package/styles/carousel/icons/_highcontrast-light.scss +30 -30
  222. package/styles/carousel/icons/_highcontrast.scss +30 -30
  223. package/styles/carousel/icons/_material-dark.scss +30 -30
  224. package/styles/carousel/icons/_material.scss +30 -30
  225. package/styles/carousel/icons/_material3.scss +30 -30
  226. package/styles/carousel/icons/_tailwind.scss +30 -30
  227. package/styles/carousel/icons/_tailwind3.scss +30 -0
  228. package/styles/carousel/material3-dark.scss +1 -1
  229. package/styles/carousel/material3.scss +1 -1
  230. package/styles/carousel/tailwind3.css +396 -0
  231. package/styles/carousel/tailwind3.scss +5 -0
  232. package/styles/context-menu/_all.scss +2 -2
  233. package/styles/context-menu/_bds-definition.scss +67 -67
  234. package/styles/context-menu/_bigger.scss +111 -96
  235. package/styles/context-menu/_bootstrap-dark-definition.scss +50 -50
  236. package/styles/context-menu/_bootstrap-definition.scss +50 -50
  237. package/styles/context-menu/_bootstrap4-definition.scss +52 -50
  238. package/styles/context-menu/_bootstrap5-definition.scss +52 -52
  239. package/styles/context-menu/_bootstrap5.3-definition.scss +52 -52
  240. package/styles/context-menu/_fabric-dark-definition.scss +50 -50
  241. package/styles/context-menu/_fabric-definition.scss +50 -50
  242. package/styles/context-menu/_fluent-definition.scss +51 -51
  243. package/styles/context-menu/_fluent2-definition.scss +52 -52
  244. package/styles/context-menu/_fusionnew-definition.scss +52 -51
  245. package/styles/context-menu/_highcontrast-definition.scss +50 -50
  246. package/styles/context-menu/_highcontrast-light-definition.scss +50 -50
  247. package/styles/context-menu/_layout-mixin.scss +140 -140
  248. package/styles/context-menu/_layout.scss +174 -150
  249. package/styles/context-menu/_material-dark-definition.scss +50 -50
  250. package/styles/context-menu/_material-definition.scss +50 -50
  251. package/styles/context-menu/_material3-definition.scss +51 -51
  252. package/styles/context-menu/_tailwind-definition.scss +52 -52
  253. package/styles/context-menu/_tailwind3-definition.scss +55 -0
  254. package/styles/context-menu/_theme-mixin.scss +91 -91
  255. package/styles/context-menu/_theme.scss +69 -69
  256. package/styles/context-menu/bds.css +421 -0
  257. package/styles/context-menu/bds.scss +8 -0
  258. package/styles/context-menu/fluent2.css +1 -1
  259. package/styles/context-menu/icons/_bds.scss +31 -31
  260. package/styles/context-menu/icons/_bootstrap-dark.scss +31 -31
  261. package/styles/context-menu/icons/_bootstrap.scss +31 -31
  262. package/styles/context-menu/icons/_bootstrap4.scss +31 -31
  263. package/styles/context-menu/icons/_bootstrap5.3.scss +31 -31
  264. package/styles/context-menu/icons/_bootstrap5.scss +31 -31
  265. package/styles/context-menu/icons/_fabric-dark.scss +31 -31
  266. package/styles/context-menu/icons/_fabric.scss +31 -31
  267. package/styles/context-menu/icons/_fluent.scss +31 -31
  268. package/styles/context-menu/icons/_fluent2.scss +31 -31
  269. package/styles/context-menu/icons/_fusionnew.scss +31 -31
  270. package/styles/context-menu/icons/_highcontrast-light.scss +31 -31
  271. package/styles/context-menu/icons/_highcontrast.scss +31 -31
  272. package/styles/context-menu/icons/_material-dark.scss +31 -31
  273. package/styles/context-menu/icons/_material.scss +31 -31
  274. package/styles/context-menu/icons/_material3.scss +31 -31
  275. package/styles/context-menu/icons/_tailwind-dark.scss +31 -31
  276. package/styles/context-menu/icons/_tailwind.scss +31 -31
  277. package/styles/context-menu/icons/_tailwind3.scss +31 -0
  278. package/styles/context-menu/material3-dark.scss +1 -1
  279. package/styles/context-menu/material3.scss +1 -1
  280. package/styles/context-menu/tailwind3.css +449 -0
  281. package/styles/context-menu/tailwind3.scss +8 -0
  282. package/styles/fabric-dark-lite.css +25 -17
  283. package/styles/fabric-dark.css +39 -18
  284. package/styles/fabric-lite.css +21 -13
  285. package/styles/fabric.css +35 -14
  286. package/styles/fluent-dark-lite.css +23 -17
  287. package/styles/fluent-dark.css +37 -18
  288. package/styles/fluent-lite.css +23 -17
  289. package/styles/fluent.css +37 -18
  290. package/styles/fluent2-lite.css +52 -24
  291. package/styles/fluent2.css +66 -25
  292. package/styles/h-scroll/_all.scss +2 -2
  293. package/styles/h-scroll/_bds-definition.scss +83 -83
  294. package/styles/h-scroll/_bigger.scss +39 -39
  295. package/styles/h-scroll/_bootstrap-dark-definition.scss +57 -57
  296. package/styles/h-scroll/_bootstrap-definition.scss +56 -56
  297. package/styles/h-scroll/_bootstrap4-definition.scss +58 -56
  298. package/styles/h-scroll/_bootstrap5-definition.scss +83 -83
  299. package/styles/h-scroll/_bootstrap5.3-definition.scss +83 -83
  300. package/styles/h-scroll/_fabric-dark-definition.scss +58 -58
  301. package/styles/h-scroll/_fabric-definition.scss +55 -55
  302. package/styles/h-scroll/_fluent-definition.scss +83 -83
  303. package/styles/h-scroll/_fluent2-definition.scss +83 -83
  304. package/styles/h-scroll/_fusionnew-definition.scss +83 -83
  305. package/styles/h-scroll/_highcontrast-definition.scss +56 -56
  306. package/styles/h-scroll/_highcontrast-light-definition.scss +59 -59
  307. package/styles/h-scroll/_layout.scss +160 -160
  308. package/styles/h-scroll/_material-dark-definition.scss +85 -85
  309. package/styles/h-scroll/_material-definition.scss +82 -82
  310. package/styles/h-scroll/_material3-definition.scss +83 -83
  311. package/styles/h-scroll/_tailwind-definition.scss +83 -83
  312. package/styles/h-scroll/_tailwind3-definition.scss +83 -0
  313. package/styles/h-scroll/_theme.scss +146 -146
  314. package/styles/h-scroll/bds.css +311 -0
  315. package/styles/h-scroll/bds.scss +5 -0
  316. package/styles/h-scroll/icons/_bds.scss +49 -49
  317. package/styles/h-scroll/icons/_bootstrap-dark.scss +49 -49
  318. package/styles/h-scroll/icons/_bootstrap.scss +49 -49
  319. package/styles/h-scroll/icons/_bootstrap4.scss +49 -49
  320. package/styles/h-scroll/icons/_bootstrap5.3.scss +49 -49
  321. package/styles/h-scroll/icons/_bootstrap5.scss +49 -49
  322. package/styles/h-scroll/icons/_fabric-dark.scss +49 -49
  323. package/styles/h-scroll/icons/_fabric.scss +49 -49
  324. package/styles/h-scroll/icons/_fluent.scss +49 -49
  325. package/styles/h-scroll/icons/_fluent2.scss +49 -49
  326. package/styles/h-scroll/icons/_fusionnew.scss +49 -49
  327. package/styles/h-scroll/icons/_highcontrast-light.scss +49 -49
  328. package/styles/h-scroll/icons/_highcontrast.scss +49 -49
  329. package/styles/h-scroll/icons/_material-dark.scss +49 -49
  330. package/styles/h-scroll/icons/_material.scss +49 -49
  331. package/styles/h-scroll/icons/_material3.scss +49 -49
  332. package/styles/h-scroll/icons/_tailwind.scss +49 -49
  333. package/styles/h-scroll/icons/_tailwind3.scss +49 -0
  334. package/styles/h-scroll/material3-dark.scss +1 -1
  335. package/styles/h-scroll/material3.scss +1 -1
  336. package/styles/h-scroll/tailwind3.css +311 -0
  337. package/styles/h-scroll/tailwind3.scss +5 -0
  338. package/styles/highcontrast-light-lite.css +21 -13
  339. package/styles/highcontrast-light.css +35 -14
  340. package/styles/highcontrast-lite.css +24 -16
  341. package/styles/highcontrast.css +38 -17
  342. package/styles/material-dark-lite.css +21 -13
  343. package/styles/material-dark.css +35 -14
  344. package/styles/material-lite.css +21 -13
  345. package/styles/material.css +35 -14
  346. package/styles/material3-dark-lite.css +21 -13
  347. package/styles/material3-dark.css +45 -15
  348. package/styles/material3-dark.scss +1 -1
  349. package/styles/material3-lite.css +21 -13
  350. package/styles/material3.css +45 -15
  351. package/styles/material3.scss +1 -1
  352. package/styles/menu/_all.scss +2 -2
  353. package/styles/menu/_bds-definition.scss +65 -65
  354. package/styles/menu/_bigger.scss +381 -355
  355. package/styles/menu/_bootstrap-dark-definition.scss +61 -61
  356. package/styles/menu/_bootstrap-definition.scss +65 -65
  357. package/styles/menu/_bootstrap4-definition.scss +66 -64
  358. package/styles/menu/_bootstrap5-definition.scss +66 -66
  359. package/styles/menu/_bootstrap5.3-definition.scss +66 -66
  360. package/styles/menu/_fabric-dark-definition.scss +61 -61
  361. package/styles/menu/_fabric-definition.scss +64 -64
  362. package/styles/menu/_fluent-definition.scss +66 -66
  363. package/styles/menu/_fluent2-definition.scss +67 -67
  364. package/styles/menu/_fusionnew-definition.scss +66 -66
  365. package/styles/menu/_highcontrast-definition.scss +65 -65
  366. package/styles/menu/_highcontrast-light-definition.scss +61 -61
  367. package/styles/menu/_layout.scss +501 -466
  368. package/styles/menu/_material-dark-definition.scss +61 -61
  369. package/styles/menu/_material-definition.scss +64 -64
  370. package/styles/menu/_material3-definition.scss +66 -66
  371. package/styles/menu/_tailwind-definition.scss +65 -65
  372. package/styles/menu/_tailwind3-definition.scss +66 -0
  373. package/styles/menu/_theme.scss +428 -386
  374. package/styles/menu/bds.css +1155 -0
  375. package/styles/menu/bds.scss +9 -0
  376. package/styles/menu/bootstrap5-dark.css +2 -2
  377. package/styles/menu/fluent2.css +13 -4
  378. package/styles/menu/icons/_bds.scss +104 -104
  379. package/styles/menu/icons/_bootstrap-dark.scss +105 -105
  380. package/styles/menu/icons/_bootstrap.scss +104 -104
  381. package/styles/menu/icons/_bootstrap4.scss +104 -104
  382. package/styles/menu/icons/_bootstrap5.3.scss +104 -104
  383. package/styles/menu/icons/_bootstrap5.scss +104 -104
  384. package/styles/menu/icons/_fabric-dark.scss +104 -104
  385. package/styles/menu/icons/_fabric.scss +104 -104
  386. package/styles/menu/icons/_fluent.scss +104 -104
  387. package/styles/menu/icons/_fluent2.scss +104 -104
  388. package/styles/menu/icons/_fusionnew.scss +104 -104
  389. package/styles/menu/icons/_highcontrast-light.scss +104 -104
  390. package/styles/menu/icons/_highcontrast.scss +104 -104
  391. package/styles/menu/icons/_material-dark.scss +104 -104
  392. package/styles/menu/icons/_material.scss +104 -104
  393. package/styles/menu/icons/_material3.scss +104 -104
  394. package/styles/menu/icons/_tailwind-dark.scss +104 -104
  395. package/styles/menu/icons/_tailwind.scss +104 -104
  396. package/styles/menu/icons/_tailwind3.scss +104 -0
  397. package/styles/menu/material3-dark.scss +1 -1
  398. package/styles/menu/material3.scss +1 -1
  399. package/styles/menu/tailwind3.css +1238 -0
  400. package/styles/menu/tailwind3.scss +9 -0
  401. package/styles/pager/_all.scss +2 -2
  402. package/styles/pager/_bds-definition.scss +152 -152
  403. package/styles/pager/_bigger.scss +365 -304
  404. package/styles/pager/_bootstrap-dark-definition.scss +152 -151
  405. package/styles/pager/_bootstrap-definition.scss +151 -151
  406. package/styles/pager/_bootstrap4-definition.scss +152 -151
  407. package/styles/pager/_bootstrap5-definition.scss +166 -166
  408. package/styles/pager/_bootstrap5.3-definition.scss +166 -166
  409. package/styles/pager/_fabric-dark-definition.scss +149 -149
  410. package/styles/pager/_fabric-definition.scss +149 -149
  411. package/styles/pager/_fluent-definition.scss +153 -153
  412. package/styles/pager/_fluent2-definition.scss +152 -152
  413. package/styles/pager/_fusionnew-definition.scss +166 -166
  414. package/styles/pager/_highcontrast-definition.scss +149 -149
  415. package/styles/pager/_highcontrast-light-definition.scss +149 -149
  416. package/styles/pager/_layout.scss +768 -742
  417. package/styles/pager/_material-dark-definition.scss +150 -150
  418. package/styles/pager/_material-definition.scss +150 -150
  419. package/styles/pager/_material3-definition.scss +166 -166
  420. package/styles/pager/_tailwind-definition.scss +152 -152
  421. package/styles/pager/_tailwind3-definition.scss +166 -0
  422. package/styles/pager/_theme.scss +189 -189
  423. package/styles/pager/bds.css +915 -0
  424. package/styles/pager/bds.scss +5 -0
  425. package/styles/pager/bootstrap-dark.css +7 -0
  426. package/styles/pager/bootstrap.css +7 -0
  427. package/styles/pager/bootstrap4.css +7 -0
  428. package/styles/pager/bootstrap5-dark.css +7 -0
  429. package/styles/pager/bootstrap5.3.css +7 -0
  430. package/styles/pager/bootstrap5.css +7 -0
  431. package/styles/pager/fabric-dark.css +7 -0
  432. package/styles/pager/fabric.css +7 -0
  433. package/styles/pager/fluent-dark.css +7 -0
  434. package/styles/pager/fluent.css +7 -0
  435. package/styles/pager/fluent2.css +10 -0
  436. package/styles/pager/highcontrast-light.css +7 -0
  437. package/styles/pager/highcontrast.css +7 -0
  438. package/styles/pager/icons/_bds.scss +50 -50
  439. package/styles/pager/icons/_bootstrap-dark.scss +50 -50
  440. package/styles/pager/icons/_bootstrap.scss +50 -50
  441. package/styles/pager/icons/_bootstrap4.scss +50 -50
  442. package/styles/pager/icons/_bootstrap5.3.scss +50 -50
  443. package/styles/pager/icons/_bootstrap5.scss +50 -50
  444. package/styles/pager/icons/_fabric-dark.scss +50 -50
  445. package/styles/pager/icons/_fabric.scss +50 -50
  446. package/styles/pager/icons/_fluent.scss +50 -50
  447. package/styles/pager/icons/_fluent2.scss +50 -50
  448. package/styles/pager/icons/_fusionnew.scss +50 -50
  449. package/styles/pager/icons/_highcontrast-light.scss +50 -50
  450. package/styles/pager/icons/_highcontrast.scss +46 -46
  451. package/styles/pager/icons/_material-dark.scss +50 -50
  452. package/styles/pager/icons/_material.scss +46 -46
  453. package/styles/pager/icons/_material3.scss +50 -50
  454. package/styles/pager/icons/_tailwind.scss +50 -50
  455. package/styles/pager/icons/_tailwind3.scss +50 -0
  456. package/styles/pager/material-dark.css +7 -0
  457. package/styles/pager/material.css +7 -0
  458. package/styles/pager/material3-dark.css +15 -1
  459. package/styles/pager/material3-dark.scss +1 -1
  460. package/styles/pager/material3.css +15 -1
  461. package/styles/pager/material3.scss +1 -1
  462. package/styles/pager/tailwind-dark.css +17 -10
  463. package/styles/pager/tailwind.css +17 -10
  464. package/styles/pager/tailwind3.css +875 -0
  465. package/styles/pager/tailwind3.scss +5 -0
  466. package/styles/sidebar/_all.scss +3 -3
  467. package/styles/sidebar/_bds-definition.scss +53 -53
  468. package/styles/sidebar/_bootstrap-dark-definition.scss +4 -4
  469. package/styles/sidebar/_bootstrap-definition.scss +4 -4
  470. package/styles/sidebar/_bootstrap4-definition.scss +4 -4
  471. package/styles/sidebar/_bootstrap5-definition.scss +6 -6
  472. package/styles/sidebar/_bootstrap5.3-definition.scss +6 -6
  473. package/styles/sidebar/_fabric-dark-definition.scss +4 -4
  474. package/styles/sidebar/_fabric-definition.scss +4 -4
  475. package/styles/sidebar/_fluent-definition.scss +6 -6
  476. package/styles/sidebar/_fluent2-definition.scss +8 -8
  477. package/styles/sidebar/_fusionnew-definition.scss +6 -6
  478. package/styles/sidebar/_highcontrast-definition.scss +4 -4
  479. package/styles/sidebar/_highcontrast-light-definition.scss +4 -4
  480. package/styles/sidebar/_icons.scss +1 -1
  481. package/styles/sidebar/_layout.scss +1 -1
  482. package/styles/sidebar/_material-dark-definition.scss +4 -4
  483. package/styles/sidebar/_material-definition.scss +6 -6
  484. package/styles/sidebar/_material3-definition.scss +4 -4
  485. package/styles/sidebar/_tailwind-definition.scss +6 -6
  486. package/styles/sidebar/_tailwind3-definition.scss +6 -0
  487. package/styles/sidebar/_theme.scss +251 -251
  488. package/styles/sidebar/bds.css +263 -0
  489. package/styles/sidebar/bds.scss +3 -0
  490. package/styles/sidebar/bootstrap5-dark.css +1 -1
  491. package/styles/sidebar/material3-dark.scss +1 -1
  492. package/styles/sidebar/material3.scss +1 -1
  493. package/styles/sidebar/tailwind3.css +227 -0
  494. package/styles/sidebar/tailwind3.scss +3 -0
  495. package/styles/stepper/_bds-definition.scss +72 -72
  496. package/styles/stepper/_bigger.scss +53 -53
  497. package/styles/stepper/_bootstrap4-definition.scss +4 -2
  498. package/styles/stepper/_bootstrap5.3-definition.scss +72 -72
  499. package/styles/stepper/_fluent2-definition.scss +72 -72
  500. package/styles/stepper/_layout.scss +2 -0
  501. package/styles/stepper/_material-dark-definition.scss +4 -2
  502. package/styles/stepper/_material-definition.scss +7 -5
  503. package/styles/stepper/_tailwind3-definition.scss +72 -0
  504. package/styles/stepper/_theme.scss +2 -1
  505. package/styles/stepper/bds.css +724 -0
  506. package/styles/stepper/bds.scss +6 -0
  507. package/styles/stepper/bootstrap-dark.css +4 -1
  508. package/styles/stepper/bootstrap.css +4 -1
  509. package/styles/stepper/bootstrap4.css +4 -1
  510. package/styles/stepper/bootstrap5-dark.css +4 -1
  511. package/styles/stepper/bootstrap5.3.css +4 -1
  512. package/styles/stepper/bootstrap5.css +4 -1
  513. package/styles/stepper/fabric-dark.css +4 -1
  514. package/styles/stepper/fabric.css +4 -1
  515. package/styles/stepper/fluent-dark.css +4 -1
  516. package/styles/stepper/fluent.css +4 -1
  517. package/styles/stepper/fluent2.css +4 -1
  518. package/styles/stepper/highcontrast-light.css +4 -1
  519. package/styles/stepper/highcontrast.css +4 -1
  520. package/styles/stepper/icons/_bds.scss +5 -5
  521. package/styles/stepper/icons/_bootstrap5.3.scss +5 -5
  522. package/styles/stepper/icons/_fluent2.scss +5 -5
  523. package/styles/stepper/icons/_tailwind3.scss +5 -0
  524. package/styles/stepper/material-dark.css +4 -1
  525. package/styles/stepper/material.css +4 -1
  526. package/styles/stepper/material3-dark.css +4 -1
  527. package/styles/stepper/material3-dark.scss +1 -1
  528. package/styles/stepper/material3.css +4 -1
  529. package/styles/stepper/material3.scss +1 -1
  530. package/styles/stepper/tailwind-dark.css +4 -1
  531. package/styles/stepper/tailwind.css +4 -1
  532. package/styles/stepper/tailwind3.css +724 -0
  533. package/styles/stepper/tailwind3.scss +6 -0
  534. package/styles/tab/_all.scss +2 -2
  535. package/styles/tab/_bds-definition.scss +661 -661
  536. package/styles/tab/_bigger.scss +1276 -1260
  537. package/styles/tab/_bootstrap-dark-definition.scss +630 -630
  538. package/styles/tab/_bootstrap-definition.scss +629 -631
  539. package/styles/tab/_bootstrap4-definition.scss +637 -637
  540. package/styles/tab/_bootstrap5-definition.scss +635 -635
  541. package/styles/tab/_bootstrap5.3-definition.scss +636 -636
  542. package/styles/tab/_fabric-dark-definition.scss +641 -643
  543. package/styles/tab/_fabric-definition.scss +643 -645
  544. package/styles/tab/_fluent-definition.scss +637 -637
  545. package/styles/tab/_fluent2-definition.scss +664 -666
  546. package/styles/tab/_fusionnew-definition.scss +632 -634
  547. package/styles/tab/_highcontrast-definition.scss +667 -669
  548. package/styles/tab/_highcontrast-light-definition.scss +666 -668
  549. package/styles/tab/_icons.scss +34 -34
  550. package/styles/tab/_layout.scss +2187 -2187
  551. package/styles/tab/_material-dark-definition.scss +646 -648
  552. package/styles/tab/_material-definition.scss +645 -647
  553. package/styles/tab/_material3-definition.scss +634 -636
  554. package/styles/tab/_tailwind-definition.scss +648 -650
  555. package/styles/tab/_tailwind3-definition.scss +634 -0
  556. package/styles/tab/_theme.scss +1580 -1592
  557. package/styles/tab/bds.css +4190 -0
  558. package/styles/tab/bds.scss +6 -0
  559. package/styles/tab/bootstrap-dark.css +7 -11
  560. package/styles/tab/bootstrap.css +7 -11
  561. package/styles/tab/bootstrap4.css +7 -11
  562. package/styles/tab/bootstrap5-dark.css +7 -11
  563. package/styles/tab/bootstrap5.3.css +7 -11
  564. package/styles/tab/bootstrap5.css +7 -11
  565. package/styles/tab/fabric-dark.css +7 -11
  566. package/styles/tab/fabric.css +7 -11
  567. package/styles/tab/fluent-dark.css +7 -11
  568. package/styles/tab/fluent.css +7 -11
  569. package/styles/tab/fluent2.css +10 -14
  570. package/styles/tab/highcontrast-light.css +7 -11
  571. package/styles/tab/highcontrast.css +7 -11
  572. package/styles/tab/icons/_bds.scss +90 -90
  573. package/styles/tab/icons/_bootstrap-dark.scss +98 -98
  574. package/styles/tab/icons/_bootstrap.scss +98 -98
  575. package/styles/tab/icons/_bootstrap4.scss +101 -101
  576. package/styles/tab/icons/_bootstrap5.3.scss +90 -90
  577. package/styles/tab/icons/_bootstrap5.scss +90 -90
  578. package/styles/tab/icons/_fabric-dark.scss +98 -98
  579. package/styles/tab/icons/_fabric.scss +98 -98
  580. package/styles/tab/icons/_fluent.scss +98 -98
  581. package/styles/tab/icons/_fluent2.scss +98 -98
  582. package/styles/tab/icons/_fusionnew.scss +90 -90
  583. package/styles/tab/icons/_highcontrast-light.scss +90 -90
  584. package/styles/tab/icons/_highcontrast.scss +101 -101
  585. package/styles/tab/icons/_material-dark.scss +90 -90
  586. package/styles/tab/icons/_material.scss +90 -90
  587. package/styles/tab/icons/_material3.scss +90 -90
  588. package/styles/tab/icons/_tailwind.scss +90 -90
  589. package/styles/tab/icons/_tailwind3.scss +90 -0
  590. package/styles/tab/material-dark.css +7 -11
  591. package/styles/tab/material.css +7 -11
  592. package/styles/tab/material3-dark.css +9 -11
  593. package/styles/tab/material3-dark.scss +1 -1
  594. package/styles/tab/material3.css +9 -11
  595. package/styles/tab/material3.scss +1 -1
  596. package/styles/tab/tailwind-dark.css +11 -15
  597. package/styles/tab/tailwind.css +11 -15
  598. package/styles/tab/tailwind3.css +4125 -0
  599. package/styles/tab/tailwind3.scss +6 -0
  600. package/styles/tailwind-dark-lite.css +31 -23
  601. package/styles/tailwind-dark.css +52 -31
  602. package/styles/tailwind-lite.css +29 -21
  603. package/styles/tailwind.css +50 -29
  604. package/styles/tailwind3-lite.css +9055 -0
  605. package/styles/tailwind3-lite.scss +47 -0
  606. package/styles/tailwind3.css +11743 -0
  607. package/styles/tailwind3.scss +59 -0
  608. package/styles/toolbar/_all.scss +2 -2
  609. package/styles/toolbar/_bds-definition.scss +197 -197
  610. package/styles/toolbar/_bigger.scss +323 -309
  611. package/styles/toolbar/_bootstrap-dark-definition.scss +193 -193
  612. package/styles/toolbar/_bootstrap-definition.scss +203 -203
  613. package/styles/toolbar/_bootstrap4-definition.scss +200 -198
  614. package/styles/toolbar/_bootstrap5-definition.scss +198 -198
  615. package/styles/toolbar/_bootstrap5.3-definition.scss +198 -198
  616. package/styles/toolbar/_fabric-dark-definition.scss +207 -207
  617. package/styles/toolbar/_fabric-definition.scss +195 -195
  618. package/styles/toolbar/_fluent-definition.scss +197 -197
  619. package/styles/toolbar/_fluent2-definition.scss +198 -198
  620. package/styles/toolbar/_fusionnew-definition.scss +198 -198
  621. package/styles/toolbar/_highcontrast-definition.scss +204 -204
  622. package/styles/toolbar/_highcontrast-light-definition.scss +218 -218
  623. package/styles/toolbar/_layout.scss +748 -742
  624. package/styles/toolbar/_material-dark-definition.scss +233 -231
  625. package/styles/toolbar/_material-definition.scss +221 -219
  626. package/styles/toolbar/_material3-definition.scss +199 -199
  627. package/styles/toolbar/_tailwind-definition.scss +197 -197
  628. package/styles/toolbar/_tailwind3-definition.scss +199 -0
  629. package/styles/toolbar/_theme.scss +449 -436
  630. package/styles/toolbar/bds.css +1219 -0
  631. package/styles/toolbar/bds.scss +9 -0
  632. package/styles/toolbar/bootstrap-dark.css +1 -1
  633. package/styles/toolbar/bootstrap.css +1 -1
  634. package/styles/toolbar/bootstrap4.css +1 -1
  635. package/styles/toolbar/bootstrap5-dark.css +19 -19
  636. package/styles/toolbar/bootstrap5.3.css +9 -1
  637. package/styles/toolbar/bootstrap5.css +9 -9
  638. package/styles/toolbar/fabric-dark.css +1 -1
  639. package/styles/toolbar/fabric.css +1 -1
  640. package/styles/toolbar/fluent-dark.css +1 -1
  641. package/styles/toolbar/fluent.css +1 -1
  642. package/styles/toolbar/fluent2.css +1 -1
  643. package/styles/toolbar/highcontrast-light.css +1 -1
  644. package/styles/toolbar/highcontrast.css +1 -1
  645. package/styles/toolbar/icons/_bds.scss +14 -14
  646. package/styles/toolbar/icons/_bootstrap-dark.scss +14 -14
  647. package/styles/toolbar/icons/_bootstrap.scss +14 -14
  648. package/styles/toolbar/icons/_bootstrap4.scss +14 -14
  649. package/styles/toolbar/icons/_bootstrap5.3.scss +14 -14
  650. package/styles/toolbar/icons/_bootstrap5.scss +14 -14
  651. package/styles/toolbar/icons/_fabric-dark.scss +14 -14
  652. package/styles/toolbar/icons/_fabric.scss +14 -14
  653. package/styles/toolbar/icons/_fluent.scss +14 -14
  654. package/styles/toolbar/icons/_fluent2.scss +14 -14
  655. package/styles/toolbar/icons/_fusionnew.scss +14 -14
  656. package/styles/toolbar/icons/_highcontrast-light.scss +14 -14
  657. package/styles/toolbar/icons/_highcontrast.scss +14 -14
  658. package/styles/toolbar/icons/_material-dark.scss +14 -14
  659. package/styles/toolbar/icons/_material.scss +14 -14
  660. package/styles/toolbar/icons/_material3.scss +14 -14
  661. package/styles/toolbar/icons/_tailwind.scss +14 -14
  662. package/styles/toolbar/icons/_tailwind3.scss +14 -0
  663. package/styles/toolbar/material-dark.css +1 -1
  664. package/styles/toolbar/material.css +1 -1
  665. package/styles/toolbar/material3-dark.css +1 -1
  666. package/styles/toolbar/material3-dark.scss +1 -1
  667. package/styles/toolbar/material3.css +1 -1
  668. package/styles/toolbar/material3.scss +1 -1
  669. package/styles/toolbar/tailwind-dark.css +1 -1
  670. package/styles/toolbar/tailwind.css +1 -1
  671. package/styles/toolbar/tailwind3.css +1211 -0
  672. package/styles/toolbar/tailwind3.scss +9 -0
  673. package/styles/treeview/_all.scss +2 -2
  674. package/styles/treeview/_bds-definition.scss +131 -131
  675. package/styles/treeview/_bigger.scss +406 -393
  676. package/styles/treeview/_bootstrap-dark-definition.scss +118 -118
  677. package/styles/treeview/_bootstrap-definition.scss +113 -113
  678. package/styles/treeview/_bootstrap4-definition.scss +143 -141
  679. package/styles/treeview/_bootstrap5-definition.scss +122 -120
  680. package/styles/treeview/_bootstrap5.3-definition.scss +119 -119
  681. package/styles/treeview/_fabric-dark-definition.scss +116 -116
  682. package/styles/treeview/_fabric-definition.scss +112 -112
  683. package/styles/treeview/_fluent-definition.scss +122 -120
  684. package/styles/treeview/_fluent2-definition.scss +128 -128
  685. package/styles/treeview/_fusionnew-definition.scss +120 -120
  686. package/styles/treeview/_highcontrast-definition.scss +118 -118
  687. package/styles/treeview/_highcontrast-light-definition.scss +123 -123
  688. package/styles/treeview/_layout.scss +761 -724
  689. package/styles/treeview/_material-dark-definition.scss +114 -114
  690. package/styles/treeview/_material-definition.scss +112 -112
  691. package/styles/treeview/_material3-definition.scss +110 -110
  692. package/styles/treeview/_tailwind-definition.scss +126 -124
  693. package/styles/treeview/_tailwind3-definition.scss +126 -0
  694. package/styles/treeview/_theme.scss +352 -350
  695. package/styles/treeview/bds.css +1031 -0
  696. package/styles/treeview/bds.scss +7 -0
  697. package/styles/treeview/bootstrap-dark.css +16 -1
  698. package/styles/treeview/bootstrap.css +16 -1
  699. package/styles/treeview/bootstrap4.css +16 -1
  700. package/styles/treeview/bootstrap5-dark.css +16 -1
  701. package/styles/treeview/bootstrap5.3.css +16 -1
  702. package/styles/treeview/bootstrap5.css +16 -1
  703. package/styles/treeview/fabric-dark.css +16 -1
  704. package/styles/treeview/fabric.css +16 -1
  705. package/styles/treeview/fluent-dark.css +18 -5
  706. package/styles/treeview/fluent.css +18 -5
  707. package/styles/treeview/fluent2.css +22 -4
  708. package/styles/treeview/highcontrast-light.css +16 -1
  709. package/styles/treeview/highcontrast.css +19 -4
  710. package/styles/treeview/icons/_bds.scss +44 -44
  711. package/styles/treeview/icons/_bootstrap-dark.scss +40 -40
  712. package/styles/treeview/icons/_bootstrap.scss +40 -40
  713. package/styles/treeview/icons/_bootstrap4.scss +40 -40
  714. package/styles/treeview/icons/_bootstrap5.3.scss +44 -44
  715. package/styles/treeview/icons/_bootstrap5.scss +44 -44
  716. package/styles/treeview/icons/_fabric-dark.scss +44 -44
  717. package/styles/treeview/icons/_fabric.scss +44 -44
  718. package/styles/treeview/icons/_fluent.scss +44 -44
  719. package/styles/treeview/icons/_fluent2.scss +44 -44
  720. package/styles/treeview/icons/_fusionnew.scss +44 -44
  721. package/styles/treeview/icons/_highcontrast-light.scss +44 -44
  722. package/styles/treeview/icons/_highcontrast.scss +44 -44
  723. package/styles/treeview/icons/_material-dark.scss +44 -44
  724. package/styles/treeview/icons/_material.scss +44 -44
  725. package/styles/treeview/icons/_material3.scss +44 -44
  726. package/styles/treeview/icons/_tailwind-dark.scss +44 -44
  727. package/styles/treeview/icons/_tailwind.scss +44 -44
  728. package/styles/treeview/icons/_tailwind3.scss +44 -0
  729. package/styles/treeview/material-dark.css +16 -1
  730. package/styles/treeview/material.css +16 -1
  731. package/styles/treeview/material3-dark.css +16 -1
  732. package/styles/treeview/material3-dark.scss +1 -1
  733. package/styles/treeview/material3.css +16 -1
  734. package/styles/treeview/material3.scss +1 -1
  735. package/styles/treeview/tailwind-dark.css +17 -2
  736. package/styles/treeview/tailwind.css +17 -2
  737. package/styles/treeview/tailwind3.css +806 -0
  738. package/styles/treeview/tailwind3.scss +7 -0
  739. package/styles/v-scroll/_all.scss +2 -2
  740. package/styles/v-scroll/_bds-definition.scss +49 -49
  741. package/styles/v-scroll/_bigger.scss +28 -28
  742. package/styles/v-scroll/_bootstrap-dark-definition.scss +51 -51
  743. package/styles/v-scroll/_bootstrap-definition.scss +49 -49
  744. package/styles/v-scroll/_bootstrap4-definition.scss +49 -49
  745. package/styles/v-scroll/_bootstrap5-definition.scss +49 -49
  746. package/styles/v-scroll/_bootstrap5.3-definition.scss +49 -49
  747. package/styles/v-scroll/_fabric-dark-definition.scss +52 -52
  748. package/styles/v-scroll/_fabric-definition.scss +50 -50
  749. package/styles/v-scroll/_fluent-definition.scss +49 -49
  750. package/styles/v-scroll/_fluent2-definition.scss +49 -49
  751. package/styles/v-scroll/_fusionnew-definition.scss +49 -49
  752. package/styles/v-scroll/_highcontrast-definition.scss +50 -50
  753. package/styles/v-scroll/_highcontrast-light-definition.scss +52 -52
  754. package/styles/v-scroll/_layout.scss +135 -135
  755. package/styles/v-scroll/_material-dark-definition.scss +79 -79
  756. package/styles/v-scroll/_material-definition.scss +77 -77
  757. package/styles/v-scroll/_material3-definition.scss +49 -49
  758. package/styles/v-scroll/_tailwind-definition.scss +49 -49
  759. package/styles/v-scroll/_tailwind3-definition.scss +49 -0
  760. package/styles/v-scroll/_theme.scss +114 -114
  761. package/styles/v-scroll/bds.css +218 -0
  762. package/styles/v-scroll/bds.scss +5 -0
  763. package/styles/v-scroll/fabric-dark.css +1 -1
  764. package/styles/v-scroll/icons/_bds.scss +27 -27
  765. package/styles/v-scroll/icons/_bootstrap-dark.scss +27 -27
  766. package/styles/v-scroll/icons/_bootstrap.scss +27 -27
  767. package/styles/v-scroll/icons/_bootstrap4.scss +27 -27
  768. package/styles/v-scroll/icons/_bootstrap5.3.scss +27 -27
  769. package/styles/v-scroll/icons/_bootstrap5.scss +27 -27
  770. package/styles/v-scroll/icons/_fabric-dark.scss +27 -27
  771. package/styles/v-scroll/icons/_fabric.scss +27 -27
  772. package/styles/v-scroll/icons/_fluent.scss +27 -27
  773. package/styles/v-scroll/icons/_fluent2.scss +27 -27
  774. package/styles/v-scroll/icons/_fusionnew.scss +27 -27
  775. package/styles/v-scroll/icons/_highcontrast-light.scss +27 -27
  776. package/styles/v-scroll/icons/_highcontrast.scss +27 -27
  777. package/styles/v-scroll/icons/_material-dark.scss +27 -27
  778. package/styles/v-scroll/icons/_material.scss +27 -27
  779. package/styles/v-scroll/icons/_material3.scss +27 -27
  780. package/styles/v-scroll/icons/_tailwind.scss +27 -27
  781. package/styles/v-scroll/icons/_tailwind3.scss +27 -0
  782. package/styles/v-scroll/material3-dark.scss +1 -1
  783. package/styles/v-scroll/material3.scss +1 -1
  784. package/styles/v-scroll/tailwind3.css +218 -0
  785. package/styles/v-scroll/tailwind3.scss +5 -0
  786. package/tslint.json +111 -111
  787. package/dist/ej2-navigations.min.js +0 -10
  788. package/dist/global/ej2-navigations.min.js +0 -11
  789. package/dist/global/ej2-navigations.min.js.map +0 -1
  790. package/dist/global/index.d.ts +0 -14
  791. package/helpers/e2e/accordionHelper.d.ts +0 -56
  792. package/helpers/e2e/accordionHelper.js +0 -71
  793. package/helpers/e2e/contextmenuHelper.d.ts +0 -37
  794. package/helpers/e2e/contextmenuHelper.js +0 -53
  795. package/helpers/e2e/index.d.ts +0 -7
  796. package/helpers/e2e/index.js +0 -14
  797. package/helpers/e2e/menuHelper.d.ts +0 -37
  798. package/helpers/e2e/menuHelper.js +0 -53
  799. package/helpers/e2e/sidebarHelper.d.ts +0 -94
  800. package/helpers/e2e/sidebarHelper.js +0 -110
  801. package/helpers/e2e/tabHelper.d.ts +0 -60
  802. package/helpers/e2e/tabHelper.js +0 -74
  803. package/helpers/e2e/toolbarHelper.d.ts +0 -60
  804. package/helpers/e2e/toolbarHelper.js +0 -74
  805. package/helpers/e2e/treeview.d.ts +0 -50
  806. package/helpers/e2e/treeview.js +0 -80
package/styles/treeview/_bootstrap4-definition.scss CHANGED
@@ -1,141 +1,143 @@
1
- //default
2
- /* stylelint-disable */
3
- $treeview-font-size: 14px !default;
4
- $treeview-icon-font-size: 8px !default;
5
-
6
- $treeview-image-font-size: 14px !default;
7
- $treeview-big-font-size: 16px !default;
8
- $treeview-big-text-color: $gray-900 !default;
9
- $treeview-big-icon-font-size: 10px !default;
10
- $treeview-big-image-font-size: 16px !default;
11
-
12
- $treeview-icon-color: $gray-700 !default;
13
- $treeview-text-color: $gray-900 !default;
14
- $treeview-item-border-color: transparent !default;
15
- $treeview-item-active-bg: $primary !default;
16
- $treeview-icon-active-color: $primary-font !default;
17
- $treeview-text-active-color: $primary-font !default;
18
- $treeview-item-active-border-color: $primary !default;
19
- $treeview-item-hover-bg: darken($gray-100,2%) !default;
20
- $treeview-icon-hover-color: $gray-700 !default;
21
- $treeview-text-hover-color: $gray-900 !default;
22
- $treeview-item-hover-border-color: darken( $gray-100, 2%)!default;
23
- $treeview-item-active-hover-bg: darken($primary,7.5%)!default;
24
- $treeview-icon-active-hover-color: $primary-font !default;
25
- $treeview-text-active-hover-color: $primary-font !default;
26
- $treeview-item-active-hover-border-color: darken($primary,7.5%) !default;
27
- $treeview-text-disable-color: $gray-600 !default;
28
- $treeview-icon-disable-color: $gray-600 !default;
29
- $treeview-drag-line-bg: $primary !default;
30
- $treeview-drag-line-color: $gray-500 !default;
31
- $treeview-popup-bg-color: transparent !default;
32
- $treeview-popup-border-color: transparent !default;
33
- $treeview-drop-count-bg: $primary !default;
34
- $treeview-drop-count-border: $primary !default;
35
- $treeview-drop-count-color: $primary-font !default;
36
- $treeview-drag-item-bg: $gray-200 !default;
37
- $treeview-drag-item-color: $gray-900 !default ;
38
- $treeview-drag-icon-color: $gray-700 !default;
39
- $treeview-item-active-check-bg: $primary-font !default;
40
- $treeview-item-active-check-border-color: $primary-font !default;
41
- $treeview-item-active-check-color: $primary !default;
42
- //enddefault
43
- //dimensions
44
- $treeview-skin-name: 'bootstrap4';
45
- $treeview-item-height: 32px !default;
46
- $treeview-text-height: 30px !default;
47
- $treeview-input-height: 30px !default;
48
- $treeview-root-ul-padding: 0 0 0 14px !default;
49
- $treeview-rtl-root-ul-padding: 0 14px 0 0 !default;
50
- $treeview-child-ul-padding: 0 0 0 14px !default;
51
- $treeview-rtl-child-ul-padding: 0 14px 0 0 !default;
52
- $treeview-text-wrap-padding: 0 0 0 24px !default;
53
- $treeview-rtl-text-wrap-padding: 0 24px 0 0 !default;
54
- $treeview-icon-size: 20px !default;
55
- $treeview-big-icon-size: 24px !default;
56
- $treeview-icon-margin: 0 4px 0 -24px !default;
57
- $treeview-drag-icon-margin: 0 8px 8px -24px;
58
- $treeview-big-icon-margin: 0 0 0 -24px !default;
59
- $treeview-rtl-icon-margin: -0.5px -20px 0 0 !default;
60
- $treeview-rtl-drag-margin: 10px -13px -1px 0;
61
- $treeview-icon-padding: 6px !default;
62
- $treeview-text-padding: 0 8px 0 6px !default;
63
- $treeview-text-margin: 0 !default;
64
- $treeview-image-size: 18px !default;
65
- $treeview-icon-size: 16px !default;
66
- $treeview-image-margin: 2.5px 0 0 5px !default;
67
- $treeview-navigable-image-icon-margin: 0 8px 0 12px !default;
68
- $treeview-navigable-uncheck-image-margin: 0 8px 0 2px !default;
69
- $treeview-navigable-image-icon-rtl-margin: 0 12px 0 8px !default;
70
- $treeview-navigable-uncheck-image-rtl-margin: 0 2px 0 8px !default;
71
- $treeview-navigable-icon-image-margin: 0 8px 0 0 !default;
72
- $treeview-navigable-icon-image-margin-reverse: 0 0 0 8px !default;
73
- $treeview-navigable-check-margin-bigger: 0 0 0 10px !default;
74
- $treeview-navigable-check-margin-bigger-reverse: 0 10px 0 0 !default;
75
- $treeview-navigable-icon-image-anchor-margin-bigger: 0 12px 0 4px !default;
76
- $treeview-navigable-icon-image-anchor-margin-reverse-bigger: 0 4px 0 12px !default;
77
- $treeview-navigable-icon-image-anchor-margin: 0 8px 0 4px !default;
78
- $treeview-navigable-icon-image-anchor-margin-reverse: 0 4px 0 8px !default;
79
- $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
80
- $treeview-rtl-image-margin: 2px 4px 0 0 !default;
81
- $treeview-input-padding: 0 7px !default;
82
- $treeview-image-text-padding: 0 8px !default;
83
- $treeview-icon-image-margin: 0 0 0 10px !default;
84
- $treeview-rtl-icon-image-margin: 0 10px 0 0 !default;
85
- $treeview-check-margin: 0 0 0 5px !default;
86
- $treeview-rtl-check-margin: 0 5px 0 0 !default;
87
- $treeview-check-text-padding: 0 8px !default;
88
- $treeview-check-image-margin: 0 0 0 12px !default;
89
- $treeview-rtl-check-image-margin: 5px 12px 0 0 !default;
90
- $treeview-drop-count-border-size: 0px !default;
91
- $treeview-big-drop-count-border-size: 1px !default;
92
- $treeview-drop-count-font-size: 14px !default;
93
- $treeview-drag-item-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.25) !default;
94
- $treeview-edit-wrap-width: calc(100% - 2px) !default;
95
- $treeview-check-wrap-width: calc(100% - 18px) !default;
96
- $treeview-check-icon-wrap-width: calc(100% - 55px) !default;
97
- $treeview-check-icon-img-wrap-width: calc(100% - 83px) !default;
98
- $treeview-icon-wrap-width: calc(100% - 29px) !default;
99
- $treeview-icon-img-wrap-width: calc(100% - 57px) !default;
100
-
101
- $treeview-big-item-height: 40px !default;
102
- $treeview-big-text-height: 36px !default;
103
- $treeview-big-input-height: 38px !default;
104
- $treeview-big-text-padding: 0 12px 0 8px !default;
105
- $treeview-big-drag-text-padding: 2px 12px 0 4px !default;
106
- $treeview-big-drag-icon-margin:-6px 0px 5px -14px !default;
107
- $treeview-big-drag-icon-padding: 0px 12px 0px 4px !default;
108
- $treeview-big-drag-before-icon-padding: 12px !default;
109
- $treeview-big-drag-item-text-padding-left: 12px !default;
110
- $treeview-drag-text-padding: 0px 8px 0px 4px !default;
111
- $treeview-big-input-padding: 0 9px !default;
112
- $treeview-big-icon-padding: 7px !default;
113
- $treeview-big-image-text-padding: 0 12px !default;
114
- $treeview-big-image-margin: 4px 0 0 10px !default;
115
- $treeview-big-rtl-icon-margin: 0 -24px 1px 0;
116
- $treeview-big-rtl-image-margin: 2px 10px 0 0 !default;
117
- $treeview-big-icon-image-margin: 0 0 0 10px !default;
118
- $treeview-big-rtl-icon-image-margin: 0 10px 0 0 !default;
119
- $treeview-big-check-margin: 0 0 0 10px !default;
120
- $treeview-big-check-text-padding: 0 12px !default;
121
- $treeview-big-rtl-check-margin: 0 10px 0 0 !default;
122
- $treeview-big-check-image-margin: 0 0 0 16px !default;
123
- $treeview-big-rtl-check-image-margin: 4px 16px 2px 0 !default;
124
- $treeview-big-check-wrap-width: calc(100% - 24px) !default;
125
- $treeview-big-check-icon-wrap-width: calc(100% - 65px) !default;
126
- $treeview-big-check-icon-img-wrap-width: calc(100% - 93px) !default;
127
- $treeview-big-icon-wrap-width: calc(100% - 34px) !default;
128
- $treeview-big-icon-img-wrap-width: calc(100% - 62px) !default;
129
- $treeview-drag-icon-padding: 8px !default;
130
- $treeview-drag-icon-padding-right: 4px !default;
131
- $treeview-drag-icon-font-size: 14px;
132
- $treeview-font-family: $font-family !default;
133
- $treeview-drag-icon-font-size: 12px !default;
134
-
135
- $treeview-font-family: $font-family !default;
136
- $treeview-drag-icon-font-size: 12px !default;
137
- $treeview-big-drag-icon-padding: 6px 4px 6px 12px !default;
138
- $treeview-big-drag-icon-font-size: 16px;
139
- $ripple-size: -7px !default;
140
- $ripple-height: 32px !default;
141
- $ripple-width: 32px !default;
1
+ @use 'sass:color';
2
+
3
+ //default
4
+ /* stylelint-disable */
5
+ $treeview-font-size: 14px !default;
6
+ $treeview-icon-font-size: 8px !default;
7
+
8
+ $treeview-image-font-size: 14px !default;
9
+ $treeview-big-font-size: 16px !default;
10
+ $treeview-big-text-color: $gray-900 !default;
11
+ $treeview-big-icon-font-size: 10px !default;
12
+ $treeview-big-image-font-size: 16px !default;
13
+
14
+ $treeview-icon-color: $gray-700 !default;
15
+ $treeview-text-color: $gray-900 !default;
16
+ $treeview-item-border-color: transparent !default;
17
+ $treeview-item-active-bg: $primary !default;
18
+ $treeview-icon-active-color: $primary-font !default;
19
+ $treeview-text-active-color: $primary-font !default;
20
+ $treeview-item-active-border-color: $primary !default;
21
+ $treeview-item-hover-bg: color.adjust($gray-100, $lightness: -2%) !default;
22
+ $treeview-icon-hover-color: $gray-700 !default;
23
+ $treeview-text-hover-color: $gray-900 !default;
24
+ $treeview-item-hover-border-color: color.adjust( $gray-100, $lightness: -2%)!default;
25
+ $treeview-item-active-hover-bg: color.adjust($primary, $lightness: -7.5%)!default;
26
+ $treeview-icon-active-hover-color: $primary-font !default;
27
+ $treeview-text-active-hover-color: $primary-font !default;
28
+ $treeview-item-active-hover-border-color: color.adjust($primary, $lightness: -7.5%) !default;
29
+ $treeview-text-disable-color: $gray-600 !default;
30
+ $treeview-icon-disable-color: $gray-600 !default;
31
+ $treeview-drag-line-bg: $primary !default;
32
+ $treeview-drag-line-color: $gray-500 !default;
33
+ $treeview-popup-bg-color: transparent !default;
34
+ $treeview-popup-border-color: transparent !default;
35
+ $treeview-drop-count-bg: $primary !default;
36
+ $treeview-drop-count-border: $primary !default;
37
+ $treeview-drop-count-color: $primary-font !default;
38
+ $treeview-drag-item-bg: $gray-200 !default;
39
+ $treeview-drag-item-color: $gray-900 !default ;
40
+ $treeview-drag-icon-color: $gray-700 !default;
41
+ $treeview-item-active-check-bg: $primary-font !default;
42
+ $treeview-item-active-check-border-color: $primary-font !default;
43
+ $treeview-item-active-check-color: $primary !default;
44
+ //enddefault
45
+ //dimensions
46
+ $treeview-skin-name: 'bootstrap4';
47
+ $treeview-item-height: 32px !default;
48
+ $treeview-text-height: 30px !default;
49
+ $treeview-input-height: 30px !default;
50
+ $treeview-root-ul-padding: 0 0 0 14px !default;
51
+ $treeview-rtl-root-ul-padding: 0 14px 0 0 !default;
52
+ $treeview-child-ul-padding: 0 0 0 14px !default;
53
+ $treeview-rtl-child-ul-padding: 0 14px 0 0 !default;
54
+ $treeview-text-wrap-padding: 0 0 0 24px !default;
55
+ $treeview-rtl-text-wrap-padding: 0 24px 0 0 !default;
56
+ $treeview-icon-size: 20px !default;
57
+ $treeview-big-icon-size: 24px !default;
58
+ $treeview-icon-margin: 0 4px 0 -24px !default;
59
+ $treeview-drag-icon-margin: 0 8px 8px -24px;
60
+ $treeview-big-icon-margin: 0 0 0 -24px !default;
61
+ $treeview-rtl-icon-margin: -0.5px -20px 0 0 !default;
62
+ $treeview-rtl-drag-margin: 10px -13px -1px 0;
63
+ $treeview-icon-padding: 6px !default;
64
+ $treeview-text-padding: 0 8px 0 6px !default;
65
+ $treeview-text-margin: 0 !default;
66
+ $treeview-image-size: 18px !default;
67
+ $treeview-icon-size: 16px !default;
68
+ $treeview-image-margin: 2.5px 0 0 5px !default;
69
+ $treeview-navigable-image-icon-margin: 0 8px 0 12px !default;
70
+ $treeview-navigable-uncheck-image-margin: 0 8px 0 2px !default;
71
+ $treeview-navigable-image-icon-rtl-margin: 0 12px 0 8px !default;
72
+ $treeview-navigable-uncheck-image-rtl-margin: 0 2px 0 8px !default;
73
+ $treeview-navigable-icon-image-margin: 0 8px 0 0 !default;
74
+ $treeview-navigable-icon-image-margin-reverse: 0 0 0 8px !default;
75
+ $treeview-navigable-check-margin-bigger: 0 0 0 10px !default;
76
+ $treeview-navigable-check-margin-bigger-reverse: 0 10px 0 0 !default;
77
+ $treeview-navigable-icon-image-anchor-margin-bigger: 0 12px 0 4px !default;
78
+ $treeview-navigable-icon-image-anchor-margin-reverse-bigger: 0 4px 0 12px !default;
79
+ $treeview-navigable-icon-image-anchor-margin: 0 8px 0 4px !default;
80
+ $treeview-navigable-icon-image-anchor-margin-reverse: 0 4px 0 8px !default;
81
+ $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
82
+ $treeview-rtl-image-margin: 2px 4px 0 0 !default;
83
+ $treeview-input-padding: 0 7px !default;
84
+ $treeview-image-text-padding: 0 8px !default;
85
+ $treeview-icon-image-margin: 0 0 0 10px !default;
86
+ $treeview-rtl-icon-image-margin: 0 10px 0 0 !default;
87
+ $treeview-check-margin: 0 0 0 5px !default;
88
+ $treeview-rtl-check-margin: 0 5px 0 0 !default;
89
+ $treeview-check-text-padding: 0 8px !default;
90
+ $treeview-check-image-margin: 0 0 0 12px !default;
91
+ $treeview-rtl-check-image-margin: 5px 12px 0 0 !default;
92
+ $treeview-drop-count-border-size: 0px !default;
93
+ $treeview-big-drop-count-border-size: 1px !default;
94
+ $treeview-drop-count-font-size: 14px !default;
95
+ $treeview-drag-item-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.25) !default;
96
+ $treeview-edit-wrap-width: calc(100% - 2px) !default;
97
+ $treeview-check-wrap-width: calc(100% - 18px) !default;
98
+ $treeview-check-icon-wrap-width: calc(100% - 55px) !default;
99
+ $treeview-check-icon-img-wrap-width: calc(100% - 83px) !default;
100
+ $treeview-icon-wrap-width: calc(100% - 29px) !default;
101
+ $treeview-icon-img-wrap-width: calc(100% - 57px) !default;
102
+
103
+ $treeview-big-item-height: 40px !default;
104
+ $treeview-big-text-height: 36px !default;
105
+ $treeview-big-input-height: 38px !default;
106
+ $treeview-big-text-padding: 0 12px 0 8px !default;
107
+ $treeview-big-drag-text-padding: 2px 12px 0 4px !default;
108
+ $treeview-big-drag-icon-margin:-6px 0px 5px -14px !default;
109
+ $treeview-big-drag-icon-padding: 0px 12px 0px 4px !default;
110
+ $treeview-big-drag-before-icon-padding: 12px !default;
111
+ $treeview-big-drag-item-text-padding-left: 12px !default;
112
+ $treeview-drag-text-padding: 0px 8px 0px 4px !default;
113
+ $treeview-big-input-padding: 0 9px !default;
114
+ $treeview-big-icon-padding: 7px !default;
115
+ $treeview-big-image-text-padding: 0 12px !default;
116
+ $treeview-big-image-margin: 4px 0 0 10px !default;
117
+ $treeview-big-rtl-icon-margin: 0 -24px 1px 0;
118
+ $treeview-big-rtl-image-margin: 2px 10px 0 0 !default;
119
+ $treeview-big-icon-image-margin: 0 0 0 10px !default;
120
+ $treeview-big-rtl-icon-image-margin: 0 10px 0 0 !default;
121
+ $treeview-big-check-margin: 0 0 0 10px !default;
122
+ $treeview-big-check-text-padding: 0 12px !default;
123
+ $treeview-big-rtl-check-margin: 0 10px 0 0 !default;
124
+ $treeview-big-check-image-margin: 0 0 0 16px !default;
125
+ $treeview-big-rtl-check-image-margin: 4px 16px 2px 0 !default;
126
+ $treeview-big-check-wrap-width: calc(100% - 24px) !default;
127
+ $treeview-big-check-icon-wrap-width: calc(100% - 65px) !default;
128
+ $treeview-big-check-icon-img-wrap-width: calc(100% - 93px) !default;
129
+ $treeview-big-icon-wrap-width: calc(100% - 34px) !default;
130
+ $treeview-big-icon-img-wrap-width: calc(100% - 62px) !default;
131
+ $treeview-drag-icon-padding: 8px !default;
132
+ $treeview-drag-icon-padding-right: 4px !default;
133
+ $treeview-drag-icon-font-size: 14px;
134
+ $treeview-font-family: $font-family !default;
135
+ $treeview-drag-icon-font-size: 12px !default;
136
+
137
+ $treeview-font-family: $font-family !default;
138
+ $treeview-drag-icon-font-size: 12px !default;
139
+ $treeview-big-drag-icon-padding: 6px 4px 6px 12px !default;
140
+ $treeview-big-drag-icon-font-size: 16px;
141
+ $ripple-size: -7px !default;
142
+ $ripple-height: 32px !default;
143
+ $ripple-width: 32px !default;
package/styles/treeview/_bootstrap5-definition.scss CHANGED
@@ -1,120 +1,122 @@
1
- /*! TreeView's bootstrap5 theme wise override definitions and variables */
2
- /* stylelint-disable */
3
- $treeview-font-size: $text-sm !default;
4
- $treeview-icon-font-size: $text-xl !default;
5
- $treeview-image-font-size: $text-xl !default;
6
- $treeview-item-height: 36px !default;
7
- $treeview-text-height: 34px !default;
8
- $treeview-input-height: 30px !default;
9
- $treeview-root-ul-padding: 0 0 0 12px !default;
10
- $treeview-rtl-root-ul-padding: 0 12px 0 0 !default;
11
- $treeview-child-ul-padding: 0 0 0 20px !default;
12
- $treeview-rtl-child-ul-padding: 0 20px 0 0 !default;
13
- $treeview-text-wrap-padding: 0 0 0 20px !default;
14
- $treeview-rtl-text-wrap-padding: 0 20px 0 0 !default;
15
- $treeview-icon-size: 20px !default;
16
- $treeview-icon-margin: 0 4px 0 -25px !default;
17
- $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
18
- $treeview-icon-padding: 0px !default;
19
- $treeview-text-padding: 0 8px !default;
20
- $treeview-text-margin: 0 !default;
21
- $treeview-image-size: 20px !default;
22
- $treeview-image-margin: 0 0 0 8px !default;
23
- $treeview-navigable-icon-image-anchor-margin-bigger: 0 12px 0 8px !default;
24
- $treeview-navigable-icon-image-anchor-margin-reverse-bigger: 0 6px 0 10px !default;
25
- $treeview-navigable-icon-image-anchor-margin: 0 8px 0 0 !default;
26
- $treeview-navigable-icon-image-anchor-margin-reverse: 0 0 0 8px !default;
27
- $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
28
- $treeview-rtl-image-margin: 0 8px 0 0 !default;
29
- $treeview-image-text-padding: 0 8px !default;
30
- $treeview-icon-image-margin: 0 0 0 8px !default;
31
- $treeview-rtl-icon-image-margin: 0 8px 0 0 !default;
32
- $treeview-check-margin: 0 0 0 12px !default;
33
- $treeview-rtl-check-margin: 0 12px 0 0 !default;
34
- $treeview-check-text-padding: 0 8px !default;
35
- $treeview-check-image-margin: 0 0 0 8px !default;
36
- $treeview-rtl-check-image-margin: 0 8px 0 0 !default;
37
- $treeview-drop-count-border-size: 1px !default;
38
- $treeview-drop-count-font-size: $text-xs !default;
39
- $treeview-edit-wrap-width: calc(100% - 2px) !default;
40
- $treeview-check-wrap-width: calc(100% - 21px) !default;
41
- $treeview-check-icon-wrap-width: calc(100% - 54px) !default;
42
- $treeview-check-icon-img-wrap-width: calc(100% - 82px) !default;
43
- $treeview-icon-wrap-width: calc(100% - 32px) !default;
44
- $treeview-icon-img-wrap-width: calc(100% - 60px) !default;
45
-
46
- $treeview-big-font-size: $text-base !default;
47
- $treeview-big-icon-font-size: $text-2xl !default;
48
- $treeview-big-item-height: 42px !default;
49
- $treeview-big-text-height: 40px !default;
50
- $treeview-big-input-height: 40px !default;
51
- $treeview-big-text-padding: 0 12px !default;
52
- $treeview-big-input-padding: 0 9px !default;
53
- $treeview-big-icon-padding: 0px !default;
54
- $treeview-big-image-margin: 0 0 0 12px !default;
55
- $treeview-big-rtl-image-margin: 0 12px 0 0 !default;
56
- $treeview-big-icon-image-margin: 0 0 0 12px !default;
57
- $treeview-big-rtl-icon-image-margin: 0 12px 0 0 !default;
58
- $treeview-big-check-margin: 0 0 0 12px !default;
59
- $treeview-big-rtl-check-margin: 0 12px 0 0 !default;
60
- $treeview-big-check-image-margin: 0 0 0 12px !default;
61
- $treeview-big-rtl-check-image-margin: 0 12px 0 0 !default;
62
- $treeview-big-root-ul-padding: 0 0 0 16px !default;
63
- $treeview-big-rtl-root-ul-padding: 0 16px 0 0 !default;
64
- $treeview-big-child-ul-padding: 0 0 0 20px !default;
65
- $treeview-big-rtl-child-ul-padding: 0 20px 0 0 !default;
66
- $treeview-big-image-text-padding: 0 12px !default;
67
- $treeview-big-icon-margin: 0 0 0 -24px !default;
68
- $treeview-big-rtl-icon-margin: 0 -24px 0 0 !default;
69
- $treeview-big-text-wrap-padding: 0 0 0 24px !default;
70
- $treeview-big-rtl-text-wrap-padding: 0 24px 0 0 !default;
71
- $treeview-big-drag-icon-font-size: $text-2xl !default;
72
- $treeview-big-drag-item-text-padding-left: 24px !default;
73
- $treeview-big-drag-before-icon-padding: 6px !default;
74
- $treeview-big-check-text-padding: 0 12px !default;
75
- $treeview-big-check-wrap-width: calc(100% - 29px) !default;
76
- $treeview-big-check-icon-wrap-width: calc(100% - 65px) !default;
77
- $treeview-big-check-icon-img-wrap-width: calc(100% - 101px) !default;
78
- $treeview-big-icon-wrap-width: calc(100% - 35px) !default;
79
- $treeview-big-icon-img-wrap-width: calc(100% - 71px) !default;
80
-
81
- $treeview-font-family: $font-family !default;
82
- $treeview-drag-icon-font-size: $text-xl !default;
83
- $treeview-drag-icon-padding: 12px !default;
84
-
85
- //treeview ripple effect variables
86
- $ripple-size: -7px !default;
87
- $ripple-height: 32px !default;
88
- $ripple-width: 32px !default;
89
-
90
- //color variables
91
- $treeview-icon-color: $icon-color !default;
92
- $treeview-text-color: $content-text-color !default;
93
- $treeview-item-border-color: $transparent !default;
94
- $treeview-item-active-bg: $content-bg-color-selected !default;
95
- $treeview-icon-active-color: $content-text-color-selected !default;
96
- $treeview-text-active-color: $content-text-color-selected !default;
97
- $treeview-item-active-border-color: $content-bg-color-selected !default;
98
- $treeview-item-hover-bg: $content-bg-color-hover !default;
99
- $treeview-icon-hover-color: $icon-color-hover !default;
100
- $treeview-text-hover-color: $content-text-color-hover !default;
101
- $treeview-item-hover-border-color: $content-bg-color-hover !default;
102
- $treeview-item-active-hover-bg: darken($treeview-item-active-bg, 5%) !default;
103
- $treeview-icon-active-hover-color: $content-text-color-selected !default;
104
- $treeview-text-active-hover-color: $content-text-color-selected !default;
105
- $treeview-item-active-hover-border-color: $content-bg-color-selected !default;
106
- $treeview-text-disable-color: $content-text-color-disabled !default;
107
- $treeview-icon-disable-color: $icon-color-disabled !default;
108
- $treeview-drag-line-bg: $primary !default;
109
- $treeview-drag-line-color: $primary !default;
110
- $treeview-popup-bg-color: $content-bg-color-hover !default;
111
- $treeview-popup-border-color: $content-bg-color-hover !default;
112
- $treeview-drop-count-bg: $primary !default;
113
- $treeview-drop-count-border: $primary-text-color !default;
114
- $treeview-drop-count-color: $primary-text-color !default;
115
- $treeview-drag-item-bg: $content-bg-color-alt3 !default;
116
- $treeview-drag-item-color: $content-text-color-alt1 !default;
117
- $treeview-drag-icon-color: $content-text-color-alt1 !default;
118
- $treeview-item-active-check-bg: $primary-text-color !default;
119
- $treeview-item-active-check-border-color: $primary-text-color !default;
120
- $treeview-item-active-check-color: $primary !default;
1
+ @use 'sass:color';
2
+
3
+ /*! TreeView's bootstrap5 theme wise override definitions and variables */
4
+ /* stylelint-disable */
5
+ $treeview-font-size: $text-sm !default;
6
+ $treeview-icon-font-size: $text-xl !default;
7
+ $treeview-image-font-size: $text-xl !default;
8
+ $treeview-item-height: 36px !default;
9
+ $treeview-text-height: 34px !default;
10
+ $treeview-input-height: 30px !default;
11
+ $treeview-root-ul-padding: 0 0 0 12px !default;
12
+ $treeview-rtl-root-ul-padding: 0 12px 0 0 !default;
13
+ $treeview-child-ul-padding: 0 0 0 20px !default;
14
+ $treeview-rtl-child-ul-padding: 0 20px 0 0 !default;
15
+ $treeview-text-wrap-padding: 0 0 0 20px !default;
16
+ $treeview-rtl-text-wrap-padding: 0 20px 0 0 !default;
17
+ $treeview-icon-size: 20px !default;
18
+ $treeview-icon-margin: 0 4px 0 -25px !default;
19
+ $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
20
+ $treeview-icon-padding: 0px !default;
21
+ $treeview-text-padding: 0 8px !default;
22
+ $treeview-text-margin: 0 !default;
23
+ $treeview-image-size: 20px !default;
24
+ $treeview-image-margin: 0 0 0 8px !default;
25
+ $treeview-navigable-icon-image-anchor-margin-bigger: 0 12px 0 8px !default;
26
+ $treeview-navigable-icon-image-anchor-margin-reverse-bigger: 0 6px 0 10px !default;
27
+ $treeview-navigable-icon-image-anchor-margin: 0 8px 0 0 !default;
28
+ $treeview-navigable-icon-image-anchor-margin-reverse: 0 0 0 8px !default;
29
+ $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
30
+ $treeview-rtl-image-margin: 0 8px 0 0 !default;
31
+ $treeview-image-text-padding: 0 8px !default;
32
+ $treeview-icon-image-margin: 0 0 0 8px !default;
33
+ $treeview-rtl-icon-image-margin: 0 8px 0 0 !default;
34
+ $treeview-check-margin: 0 0 0 12px !default;
35
+ $treeview-rtl-check-margin: 0 12px 0 0 !default;
36
+ $treeview-check-text-padding: 0 8px !default;
37
+ $treeview-check-image-margin: 0 0 0 8px !default;
38
+ $treeview-rtl-check-image-margin: 0 8px 0 0 !default;
39
+ $treeview-drop-count-border-size: 1px !default;
40
+ $treeview-drop-count-font-size: $text-xs !default;
41
+ $treeview-edit-wrap-width: calc(100% - 2px) !default;
42
+ $treeview-check-wrap-width: calc(100% - 21px) !default;
43
+ $treeview-check-icon-wrap-width: calc(100% - 54px) !default;
44
+ $treeview-check-icon-img-wrap-width: calc(100% - 82px) !default;
45
+ $treeview-icon-wrap-width: calc(100% - 32px) !default;
46
+ $treeview-icon-img-wrap-width: calc(100% - 60px) !default;
47
+
48
+ $treeview-big-font-size: $text-base !default;
49
+ $treeview-big-icon-font-size: $text-2xl !default;
50
+ $treeview-big-item-height: 42px !default;
51
+ $treeview-big-text-height: 40px !default;
52
+ $treeview-big-input-height: 40px !default;
53
+ $treeview-big-text-padding: 0 12px !default;
54
+ $treeview-big-input-padding: 0 9px !default;
55
+ $treeview-big-icon-padding: 0px !default;
56
+ $treeview-big-image-margin: 0 0 0 12px !default;
57
+ $treeview-big-rtl-image-margin: 0 12px 0 0 !default;
58
+ $treeview-big-icon-image-margin: 0 0 0 12px !default;
59
+ $treeview-big-rtl-icon-image-margin: 0 12px 0 0 !default;
60
+ $treeview-big-check-margin: 0 0 0 12px !default;
61
+ $treeview-big-rtl-check-margin: 0 12px 0 0 !default;
62
+ $treeview-big-check-image-margin: 0 0 0 12px !default;
63
+ $treeview-big-rtl-check-image-margin: 0 12px 0 0 !default;
64
+ $treeview-big-root-ul-padding: 0 0 0 16px !default;
65
+ $treeview-big-rtl-root-ul-padding: 0 16px 0 0 !default;
66
+ $treeview-big-child-ul-padding: 0 0 0 20px !default;
67
+ $treeview-big-rtl-child-ul-padding: 0 20px 0 0 !default;
68
+ $treeview-big-image-text-padding: 0 12px !default;
69
+ $treeview-big-icon-margin: 0 0 0 -24px !default;
70
+ $treeview-big-rtl-icon-margin: 0 -24px 0 0 !default;
71
+ $treeview-big-text-wrap-padding: 0 0 0 24px !default;
72
+ $treeview-big-rtl-text-wrap-padding: 0 24px 0 0 !default;
73
+ $treeview-big-drag-icon-font-size: $text-2xl !default;
74
+ $treeview-big-drag-item-text-padding-left: 24px !default;
75
+ $treeview-big-drag-before-icon-padding: 6px !default;
76
+ $treeview-big-check-text-padding: 0 12px !default;
77
+ $treeview-big-check-wrap-width: calc(100% - 29px) !default;
78
+ $treeview-big-check-icon-wrap-width: calc(100% - 65px) !default;
79
+ $treeview-big-check-icon-img-wrap-width: calc(100% - 101px) !default;
80
+ $treeview-big-icon-wrap-width: calc(100% - 35px) !default;
81
+ $treeview-big-icon-img-wrap-width: calc(100% - 71px) !default;
82
+
83
+ $treeview-font-family: $font-family !default;
84
+ $treeview-drag-icon-font-size: $text-xl !default;
85
+ $treeview-drag-icon-padding: 12px !default;
86
+
87
+ //treeview ripple effect variables
88
+ $ripple-size: -7px !default;
89
+ $ripple-height: 32px !default;
90
+ $ripple-width: 32px !default;
91
+
92
+ //color variables
93
+ $treeview-icon-color: $icon-color !default;
94
+ $treeview-text-color: $content-text-color !default;
95
+ $treeview-item-border-color: $transparent !default;
96
+ $treeview-item-active-bg: $content-bg-color-selected !default;
97
+ $treeview-icon-active-color: $content-text-color-selected !default;
98
+ $treeview-text-active-color: $content-text-color-selected !default;
99
+ $treeview-item-active-border-color: $content-bg-color-selected !default;
100
+ $treeview-item-hover-bg: $content-bg-color-hover !default;
101
+ $treeview-icon-hover-color: $icon-color-hover !default;
102
+ $treeview-text-hover-color: $content-text-color-hover !default;
103
+ $treeview-item-hover-border-color: $content-bg-color-hover !default;
104
+ $treeview-item-active-hover-bg: color.adjust($treeview-item-active-bg, $lightness: -5%) !default;
105
+ $treeview-icon-active-hover-color: $content-text-color-selected !default;
106
+ $treeview-text-active-hover-color: $content-text-color-selected !default;
107
+ $treeview-item-active-hover-border-color: $content-bg-color-selected !default;
108
+ $treeview-text-disable-color: $content-text-color-disabled !default;
109
+ $treeview-icon-disable-color: $icon-color-disabled !default;
110
+ $treeview-drag-line-bg: $primary !default;
111
+ $treeview-drag-line-color: $primary !default;
112
+ $treeview-popup-bg-color: $content-bg-color-hover !default;
113
+ $treeview-popup-border-color: $content-bg-color-hover !default;
114
+ $treeview-drop-count-bg: $primary !default;
115
+ $treeview-drop-count-border: $primary-text-color !default;
116
+ $treeview-drop-count-color: $primary-text-color !default;
117
+ $treeview-drag-item-bg: $content-bg-color-alt3 !default;
118
+ $treeview-drag-item-color: $content-text-color-alt1 !default;
119
+ $treeview-drag-icon-color: $content-text-color-alt1 !default;
120
+ $treeview-item-active-check-bg: $primary-text-color !default;
121
+ $treeview-item-active-check-border-color: $primary-text-color !default;
122
+ $treeview-item-active-check-color: $primary !default;