@syncfusion/ej2-angular-dropdowns 22.2.12 → 23.1.36-ngcc

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 (517) hide show
  1. package/@syncfusion/ej2-angular-dropdowns.es5.js +1475 -0
  2. package/@syncfusion/ej2-angular-dropdowns.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-dropdowns.js +1390 -0
  4. package/@syncfusion/ej2-angular-dropdowns.js.map +1 -0
  5. package/CHANGELOG.md +2362 -0
  6. package/dist/ej2-angular-dropdowns.umd.js +1545 -0
  7. package/dist/ej2-angular-dropdowns.umd.js.map +1 -0
  8. package/dist/ej2-angular-dropdowns.umd.min.js +11 -0
  9. package/dist/ej2-angular-dropdowns.umd.min.js.map +1 -0
  10. package/ej2-angular-dropdowns.d.ts +11 -0
  11. package/ej2-angular-dropdowns.metadata.json +1 -0
  12. package/package.json +15 -29
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/utils/lib-details.d.ts +2 -2
  15. package/schematics/utils/lib-details.js +2 -2
  16. package/schematics/utils/lib-details.ts +2 -2
  17. package/src/auto-complete/autocomplete-all.module.d.ts +0 -6
  18. package/src/auto-complete/autocomplete.component.d.ts +7 -9
  19. package/src/auto-complete/autocomplete.module.d.ts +0 -6
  20. package/src/combo-box/combobox-all.module.d.ts +0 -6
  21. package/src/combo-box/combobox.component.d.ts +7 -9
  22. package/src/combo-box/combobox.module.d.ts +0 -6
  23. package/src/drop-down-list/dropdownlist-all.module.d.ts +2 -6
  24. package/src/drop-down-list/dropdownlist.component.d.ts +5 -7
  25. package/src/drop-down-list/dropdownlist.module.d.ts +0 -6
  26. package/src/drop-down-tree/dropdowntree-all.module.d.ts +0 -6
  27. package/src/drop-down-tree/dropdowntree.component.d.ts +3 -5
  28. package/src/drop-down-tree/dropdowntree.module.d.ts +0 -6
  29. package/src/index.d.ts +1 -1
  30. package/src/list-box/listbox-all.module.d.ts +0 -6
  31. package/src/list-box/listbox.component.d.ts +4 -6
  32. package/src/list-box/listbox.module.d.ts +0 -6
  33. package/src/mention/mention-all.module.d.ts +0 -6
  34. package/src/mention/mention.component.d.ts +0 -3
  35. package/src/mention/mention.module.d.ts +0 -6
  36. package/src/multi-select/multiselect-all.module.d.ts +0 -6
  37. package/src/multi-select/multiselect.component.d.ts +3 -5
  38. package/src/multi-select/multiselect.module.d.ts +0 -6
  39. package/styles/auto-complete/bootstrap-dark.scss +1 -4
  40. package/styles/auto-complete/bootstrap.scss +1 -4
  41. package/styles/auto-complete/bootstrap4.scss +1 -4
  42. package/styles/auto-complete/bootstrap5-dark.scss +1 -4
  43. package/styles/auto-complete/bootstrap5.scss +1 -4
  44. package/styles/auto-complete/fabric-dark.scss +1 -4
  45. package/styles/auto-complete/fabric.scss +1 -4
  46. package/styles/auto-complete/fluent-dark.scss +1 -4
  47. package/styles/auto-complete/fluent.scss +1 -4
  48. package/styles/auto-complete/highcontrast-light.scss +1 -4
  49. package/styles/auto-complete/highcontrast.scss +1 -4
  50. package/styles/auto-complete/material-dark.css +0 -1
  51. package/styles/auto-complete/material-dark.scss +1 -4
  52. package/styles/auto-complete/material.css +0 -1
  53. package/styles/auto-complete/material.scss +1 -4
  54. package/styles/auto-complete/material3-dark.css +0 -1
  55. package/styles/auto-complete/material3-dark.scss +1 -4
  56. package/styles/auto-complete/material3.css +0 -1
  57. package/styles/auto-complete/material3.scss +1 -4
  58. package/styles/auto-complete/tailwind-dark.css +0 -1
  59. package/styles/auto-complete/tailwind-dark.scss +1 -4
  60. package/styles/auto-complete/tailwind.css +0 -1
  61. package/styles/auto-complete/tailwind.scss +1 -4
  62. package/styles/bootstrap-dark.css +0 -8
  63. package/styles/bootstrap.css +0 -8
  64. package/styles/bootstrap4.css +4 -12
  65. package/styles/bootstrap5-dark.css +0 -8
  66. package/styles/bootstrap5.css +0 -8
  67. package/styles/combo-box/bootstrap-dark.scss +1 -4
  68. package/styles/combo-box/bootstrap.scss +1 -4
  69. package/styles/combo-box/bootstrap4.scss +1 -4
  70. package/styles/combo-box/bootstrap5-dark.scss +1 -4
  71. package/styles/combo-box/bootstrap5.scss +1 -4
  72. package/styles/combo-box/fabric-dark.scss +1 -4
  73. package/styles/combo-box/fabric.scss +1 -4
  74. package/styles/combo-box/fluent-dark.scss +1 -4
  75. package/styles/combo-box/fluent.scss +1 -4
  76. package/styles/combo-box/highcontrast-light.scss +1 -4
  77. package/styles/combo-box/highcontrast.scss +1 -4
  78. package/styles/combo-box/material-dark.css +0 -1
  79. package/styles/combo-box/material-dark.scss +1 -4
  80. package/styles/combo-box/material.css +0 -1
  81. package/styles/combo-box/material.scss +1 -4
  82. package/styles/combo-box/material3-dark.css +0 -1
  83. package/styles/combo-box/material3-dark.scss +1 -4
  84. package/styles/combo-box/material3.css +0 -1
  85. package/styles/combo-box/material3.scss +1 -4
  86. package/styles/combo-box/tailwind-dark.css +0 -1
  87. package/styles/combo-box/tailwind-dark.scss +1 -4
  88. package/styles/combo-box/tailwind.css +0 -1
  89. package/styles/combo-box/tailwind.scss +1 -4
  90. package/styles/drop-down-base/bootstrap-dark.scss +1 -3
  91. package/styles/drop-down-base/bootstrap.scss +1 -3
  92. package/styles/drop-down-base/bootstrap4.scss +1 -3
  93. package/styles/drop-down-base/bootstrap5-dark.scss +1 -3
  94. package/styles/drop-down-base/bootstrap5.scss +1 -3
  95. package/styles/drop-down-base/fabric-dark.scss +1 -3
  96. package/styles/drop-down-base/fabric.scss +1 -3
  97. package/styles/drop-down-base/fluent-dark.scss +1 -3
  98. package/styles/drop-down-base/fluent.scss +1 -3
  99. package/styles/drop-down-base/highcontrast-light.scss +1 -3
  100. package/styles/drop-down-base/highcontrast.scss +1 -3
  101. package/styles/drop-down-base/material-dark.css +0 -1
  102. package/styles/drop-down-base/material-dark.scss +1 -3
  103. package/styles/drop-down-base/material.css +0 -1
  104. package/styles/drop-down-base/material.scss +1 -3
  105. package/styles/drop-down-base/material3-dark.css +0 -1
  106. package/styles/drop-down-base/material3-dark.scss +1 -3
  107. package/styles/drop-down-base/material3.css +0 -1
  108. package/styles/drop-down-base/material3.scss +1 -3
  109. package/styles/drop-down-base/tailwind-dark.css +0 -1
  110. package/styles/drop-down-base/tailwind-dark.scss +1 -3
  111. package/styles/drop-down-base/tailwind.css +0 -1
  112. package/styles/drop-down-base/tailwind.scss +1 -3
  113. package/styles/drop-down-list/bootstrap-dark.scss +1 -8
  114. package/styles/drop-down-list/bootstrap.scss +1 -8
  115. package/styles/drop-down-list/bootstrap4.scss +1 -8
  116. package/styles/drop-down-list/bootstrap5-dark.scss +1 -8
  117. package/styles/drop-down-list/bootstrap5.scss +1 -8
  118. package/styles/drop-down-list/fabric-dark.scss +1 -8
  119. package/styles/drop-down-list/fabric.scss +1 -8
  120. package/styles/drop-down-list/fluent-dark.scss +1 -8
  121. package/styles/drop-down-list/fluent.scss +1 -8
  122. package/styles/drop-down-list/highcontrast-light.scss +1 -8
  123. package/styles/drop-down-list/highcontrast.scss +1 -8
  124. package/styles/drop-down-list/material-dark.css +0 -1
  125. package/styles/drop-down-list/material-dark.scss +1 -8
  126. package/styles/drop-down-list/material.css +0 -1
  127. package/styles/drop-down-list/material.scss +1 -8
  128. package/styles/drop-down-list/material3-dark.css +0 -1
  129. package/styles/drop-down-list/material3-dark.scss +1 -8
  130. package/styles/drop-down-list/material3.css +0 -1
  131. package/styles/drop-down-list/material3.scss +1 -8
  132. package/styles/drop-down-list/tailwind-dark.css +0 -1
  133. package/styles/drop-down-list/tailwind-dark.scss +1 -8
  134. package/styles/drop-down-list/tailwind.css +0 -1
  135. package/styles/drop-down-list/tailwind.scss +1 -8
  136. package/styles/drop-down-tree/bootstrap-dark.scss +1 -9
  137. package/styles/drop-down-tree/bootstrap.scss +1 -9
  138. package/styles/drop-down-tree/bootstrap4.scss +1 -9
  139. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -9
  140. package/styles/drop-down-tree/bootstrap5.scss +1 -9
  141. package/styles/drop-down-tree/fabric-dark.scss +1 -9
  142. package/styles/drop-down-tree/fabric.scss +1 -9
  143. package/styles/drop-down-tree/fluent-dark.scss +1 -9
  144. package/styles/drop-down-tree/fluent.scss +1 -9
  145. package/styles/drop-down-tree/highcontrast-light.scss +1 -9
  146. package/styles/drop-down-tree/highcontrast.scss +1 -9
  147. package/styles/drop-down-tree/material-dark.css +0 -1
  148. package/styles/drop-down-tree/material-dark.scss +1 -9
  149. package/styles/drop-down-tree/material.css +0 -1
  150. package/styles/drop-down-tree/material.scss +1 -9
  151. package/styles/drop-down-tree/material3-dark.css +0 -1
  152. package/styles/drop-down-tree/material3-dark.scss +1 -9
  153. package/styles/drop-down-tree/material3.css +0 -1
  154. package/styles/drop-down-tree/material3.scss +1 -9
  155. package/styles/drop-down-tree/tailwind-dark.css +0 -1
  156. package/styles/drop-down-tree/tailwind-dark.scss +1 -9
  157. package/styles/drop-down-tree/tailwind.css +0 -1
  158. package/styles/drop-down-tree/tailwind.scss +1 -9
  159. package/styles/fabric-dark.css +0 -8
  160. package/styles/fabric.css +0 -8
  161. package/styles/fluent-dark.css +4 -12
  162. package/styles/fluent.css +4 -12
  163. package/styles/highcontrast-light.css +0 -8
  164. package/styles/highcontrast.css +0 -8
  165. package/styles/list-box/bootstrap-dark.css +0 -8
  166. package/styles/list-box/bootstrap-dark.scss +1 -5
  167. package/styles/list-box/bootstrap.css +0 -8
  168. package/styles/list-box/bootstrap.scss +1 -5
  169. package/styles/list-box/bootstrap4.css +4 -12
  170. package/styles/list-box/bootstrap4.scss +1 -5
  171. package/styles/list-box/bootstrap5-dark.css +0 -8
  172. package/styles/list-box/bootstrap5-dark.scss +1 -5
  173. package/styles/list-box/bootstrap5.css +0 -8
  174. package/styles/list-box/bootstrap5.scss +1 -5
  175. package/styles/list-box/fabric-dark.css +0 -8
  176. package/styles/list-box/fabric-dark.scss +1 -5
  177. package/styles/list-box/fabric.css +0 -8
  178. package/styles/list-box/fabric.scss +1 -5
  179. package/styles/list-box/fluent-dark.css +4 -12
  180. package/styles/list-box/fluent-dark.scss +1 -5
  181. package/styles/list-box/fluent.css +4 -12
  182. package/styles/list-box/fluent.scss +1 -5
  183. package/styles/list-box/highcontrast-light.css +0 -8
  184. package/styles/list-box/highcontrast-light.scss +1 -5
  185. package/styles/list-box/highcontrast.css +0 -8
  186. package/styles/list-box/highcontrast.scss +1 -5
  187. package/styles/list-box/material-dark.css +0 -9
  188. package/styles/list-box/material-dark.scss +1 -5
  189. package/styles/list-box/material.css +0 -9
  190. package/styles/list-box/material.scss +1 -5
  191. package/styles/list-box/material3-dark.css +4 -13
  192. package/styles/list-box/material3-dark.scss +1 -5
  193. package/styles/list-box/material3.css +4 -13
  194. package/styles/list-box/material3.scss +1 -5
  195. package/styles/list-box/tailwind-dark.css +3 -12
  196. package/styles/list-box/tailwind-dark.scss +1 -5
  197. package/styles/list-box/tailwind.css +3 -12
  198. package/styles/list-box/tailwind.scss +1 -5
  199. package/styles/material-dark.css +0 -9
  200. package/styles/material.css +0 -9
  201. package/styles/material3-dark.css +391 -14
  202. package/styles/material3-dark.scss +0 -1
  203. package/styles/material3.css +783 -14
  204. package/styles/material3.scss +0 -1
  205. package/styles/mention/bootstrap-dark.scss +1 -6
  206. package/styles/mention/bootstrap.scss +1 -6
  207. package/styles/mention/bootstrap4.scss +1 -6
  208. package/styles/mention/bootstrap5-dark.scss +1 -6
  209. package/styles/mention/bootstrap5.scss +1 -6
  210. package/styles/mention/fabric-dark.scss +1 -6
  211. package/styles/mention/fabric.scss +1 -6
  212. package/styles/mention/fluent-dark.scss +1 -6
  213. package/styles/mention/fluent.scss +1 -6
  214. package/styles/mention/highcontrast-light.scss +1 -6
  215. package/styles/mention/highcontrast.scss +1 -6
  216. package/styles/mention/material-dark.css +0 -1
  217. package/styles/mention/material-dark.scss +1 -6
  218. package/styles/mention/material.css +0 -1
  219. package/styles/mention/material.scss +1 -6
  220. package/styles/mention/material3-dark.css +0 -1
  221. package/styles/mention/material3-dark.scss +1 -6
  222. package/styles/mention/material3.css +0 -1
  223. package/styles/mention/material3.scss +1 -6
  224. package/styles/mention/tailwind-dark.css +0 -1
  225. package/styles/mention/tailwind-dark.scss +1 -6
  226. package/styles/mention/tailwind.css +0 -1
  227. package/styles/mention/tailwind.scss +1 -6
  228. package/styles/multi-select/bootstrap-dark.scss +1 -9
  229. package/styles/multi-select/bootstrap.scss +1 -9
  230. package/styles/multi-select/bootstrap4.scss +1 -9
  231. package/styles/multi-select/bootstrap5-dark.scss +1 -9
  232. package/styles/multi-select/bootstrap5.scss +1 -9
  233. package/styles/multi-select/fabric-dark.scss +1 -9
  234. package/styles/multi-select/fabric.scss +1 -9
  235. package/styles/multi-select/fluent-dark.scss +1 -9
  236. package/styles/multi-select/fluent.scss +1 -9
  237. package/styles/multi-select/highcontrast-light.scss +1 -9
  238. package/styles/multi-select/highcontrast.scss +1 -9
  239. package/styles/multi-select/material-dark.css +0 -1
  240. package/styles/multi-select/material-dark.scss +1 -9
  241. package/styles/multi-select/material.css +0 -1
  242. package/styles/multi-select/material.scss +1 -9
  243. package/styles/multi-select/material3-dark.css +0 -1
  244. package/styles/multi-select/material3-dark.scss +1 -9
  245. package/styles/multi-select/material3.css +0 -1
  246. package/styles/multi-select/material3.scss +1 -9
  247. package/styles/multi-select/tailwind-dark.css +0 -1
  248. package/styles/multi-select/tailwind-dark.scss +1 -9
  249. package/styles/multi-select/tailwind.css +0 -1
  250. package/styles/multi-select/tailwind.scss +1 -9
  251. package/styles/tailwind-dark.css +3 -19
  252. package/styles/tailwind.css +3 -19
  253. package/esm2020/public_api.mjs +0 -3
  254. package/esm2020/src/auto-complete/autocomplete-all.module.mjs +0 -23
  255. package/esm2020/src/auto-complete/autocomplete.component.mjs +0 -121
  256. package/esm2020/src/auto-complete/autocomplete.module.mjs +0 -25
  257. package/esm2020/src/combo-box/combobox-all.module.mjs +0 -23
  258. package/esm2020/src/combo-box/combobox.component.mjs +0 -121
  259. package/esm2020/src/combo-box/combobox.module.mjs +0 -25
  260. package/esm2020/src/drop-down-list/dropdownlist-all.module.mjs +0 -23
  261. package/esm2020/src/drop-down-list/dropdownlist.component.mjs +0 -127
  262. package/esm2020/src/drop-down-list/dropdownlist.module.mjs +0 -25
  263. package/esm2020/src/drop-down-tree/dropdowntree-all.module.mjs +0 -23
  264. package/esm2020/src/drop-down-tree/dropdowntree.component.mjs +0 -115
  265. package/esm2020/src/drop-down-tree/dropdowntree.module.mjs +0 -25
  266. package/esm2020/src/index.mjs +0 -23
  267. package/esm2020/src/list-box/listbox-all.module.mjs +0 -23
  268. package/esm2020/src/list-box/listbox.component.mjs +0 -103
  269. package/esm2020/src/list-box/listbox.module.mjs +0 -25
  270. package/esm2020/src/mention/mention-all.module.mjs +0 -23
  271. package/esm2020/src/mention/mention.component.mjs +0 -84
  272. package/esm2020/src/mention/mention.module.mjs +0 -25
  273. package/esm2020/src/multi-select/multiselect-all.module.mjs +0 -29
  274. package/esm2020/src/multi-select/multiselect.component.mjs +0 -134
  275. package/esm2020/src/multi-select/multiselect.module.mjs +0 -25
  276. package/esm2020/syncfusion-ej2-angular-dropdowns.mjs +0 -5
  277. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs +0 -1052
  278. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs.map +0 -1
  279. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs +0 -1052
  280. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs.map +0 -1
  281. package/styles/auto-complete/_all.scss +0 -1
  282. package/styles/auto-complete/_bootstrap-dark-definition.scss +0 -3
  283. package/styles/auto-complete/_bootstrap-definition.scss +0 -2
  284. package/styles/auto-complete/_bootstrap4-definition.scss +0 -11
  285. package/styles/auto-complete/_bootstrap5-dark-definition.scss +0 -1
  286. package/styles/auto-complete/_bootstrap5-definition.scss +0 -2
  287. package/styles/auto-complete/_fabric-dark-definition.scss +0 -2
  288. package/styles/auto-complete/_fabric-definition.scss +0 -2
  289. package/styles/auto-complete/_fluent-dark-definition.scss +0 -1
  290. package/styles/auto-complete/_fluent-definition.scss +0 -2
  291. package/styles/auto-complete/_fusionnew-definition.scss +0 -2
  292. package/styles/auto-complete/_highcontrast-definition.scss +0 -2
  293. package/styles/auto-complete/_highcontrast-light-definition.scss +0 -2
  294. package/styles/auto-complete/_material-dark-definition.scss +0 -2
  295. package/styles/auto-complete/_material-definition.scss +0 -2
  296. package/styles/auto-complete/_material3-dark-definition.scss +0 -1
  297. package/styles/auto-complete/_material3-definition.scss +0 -2
  298. package/styles/auto-complete/_tailwind-dark-definition.scss +0 -1
  299. package/styles/auto-complete/_tailwind-definition.scss +0 -2
  300. package/styles/combo-box/_all.scss +0 -1
  301. package/styles/combo-box/_bootstrap-dark-definition.scss +0 -2
  302. package/styles/combo-box/_bootstrap-definition.scss +0 -2
  303. package/styles/combo-box/_bootstrap4-definition.scss +0 -11
  304. package/styles/combo-box/_bootstrap5-dark-definition.scss +0 -1
  305. package/styles/combo-box/_bootstrap5-definition.scss +0 -2
  306. package/styles/combo-box/_fabric-dark-definition.scss +0 -2
  307. package/styles/combo-box/_fabric-definition.scss +0 -2
  308. package/styles/combo-box/_fluent-dark-definition.scss +0 -1
  309. package/styles/combo-box/_fluent-definition.scss +0 -2
  310. package/styles/combo-box/_fusionnew-definition.scss +0 -2
  311. package/styles/combo-box/_highcontrast-definition.scss +0 -2
  312. package/styles/combo-box/_highcontrast-light-definition.scss +0 -3
  313. package/styles/combo-box/_material-dark-definition.scss +0 -2
  314. package/styles/combo-box/_material-definition.scss +0 -2
  315. package/styles/combo-box/_material3-dark-definition.scss +0 -1
  316. package/styles/combo-box/_material3-definition.scss +0 -2
  317. package/styles/combo-box/_tailwind-dark-definition.scss +0 -1
  318. package/styles/combo-box/_tailwind-definition.scss +0 -2
  319. package/styles/drop-down-base/_all.scss +0 -2
  320. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -83
  321. package/styles/drop-down-base/_bootstrap-definition.scss +0 -83
  322. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -90
  323. package/styles/drop-down-base/_bootstrap5-dark-definition.scss +0 -1
  324. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -117
  325. package/styles/drop-down-base/_definition.scss +0 -23
  326. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -86
  327. package/styles/drop-down-base/_fabric-definition.scss +0 -84
  328. package/styles/drop-down-base/_fluent-dark-definition.scss +0 -1
  329. package/styles/drop-down-base/_fluent-definition.scss +0 -121
  330. package/styles/drop-down-base/_fusionnew-definition.scss +0 -117
  331. package/styles/drop-down-base/_highcontrast-definition.scss +0 -105
  332. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -105
  333. package/styles/drop-down-base/_layout.scss +0 -195
  334. package/styles/drop-down-base/_material-dark-definition.scss +0 -86
  335. package/styles/drop-down-base/_material-definition.scss +0 -85
  336. package/styles/drop-down-base/_material3-dark-definition.scss +0 -1
  337. package/styles/drop-down-base/_material3-definition.scss +0 -87
  338. package/styles/drop-down-base/_tailwind-dark-definition.scss +0 -1
  339. package/styles/drop-down-base/_tailwind-definition.scss +0 -129
  340. package/styles/drop-down-base/_theme.scss +0 -391
  341. package/styles/drop-down-list/_all.scss +0 -3
  342. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -157
  343. package/styles/drop-down-list/_bootstrap-definition.scss +0 -156
  344. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -191
  345. package/styles/drop-down-list/_bootstrap5-dark-definition.scss +0 -1
  346. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -201
  347. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -128
  348. package/styles/drop-down-list/_fabric-definition.scss +0 -124
  349. package/styles/drop-down-list/_fluent-dark-definition.scss +0 -1
  350. package/styles/drop-down-list/_fluent-definition.scss +0 -185
  351. package/styles/drop-down-list/_fusionnew-definition.scss +0 -201
  352. package/styles/drop-down-list/_highcontrast-definition.scss +0 -142
  353. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -144
  354. package/styles/drop-down-list/_layout.scss +0 -310
  355. package/styles/drop-down-list/_material-dark-definition.scss +0 -143
  356. package/styles/drop-down-list/_material-definition.scss +0 -167
  357. package/styles/drop-down-list/_material3-dark-definition.scss +0 -1
  358. package/styles/drop-down-list/_material3-definition.scss +0 -180
  359. package/styles/drop-down-list/_tailwind-dark-definition.scss +0 -1
  360. package/styles/drop-down-list/_tailwind-definition.scss +0 -134
  361. package/styles/drop-down-list/_theme.scss +0 -10
  362. package/styles/drop-down-list/icons/_bootstrap-dark.scss +0 -14
  363. package/styles/drop-down-list/icons/_bootstrap.scss +0 -14
  364. package/styles/drop-down-list/icons/_bootstrap4.scss +0 -14
  365. package/styles/drop-down-list/icons/_bootstrap5-dark.scss +0 -1
  366. package/styles/drop-down-list/icons/_bootstrap5.scss +0 -14
  367. package/styles/drop-down-list/icons/_fabric-dark.scss +0 -14
  368. package/styles/drop-down-list/icons/_fabric.scss +0 -14
  369. package/styles/drop-down-list/icons/_fluent-dark.scss +0 -1
  370. package/styles/drop-down-list/icons/_fluent.scss +0 -14
  371. package/styles/drop-down-list/icons/_fusionnew.scss +0 -14
  372. package/styles/drop-down-list/icons/_highcontrast-light.scss +0 -14
  373. package/styles/drop-down-list/icons/_highcontrast.scss +0 -14
  374. package/styles/drop-down-list/icons/_material-dark.scss +0 -14
  375. package/styles/drop-down-list/icons/_material.scss +0 -14
  376. package/styles/drop-down-list/icons/_material3-dark.scss +0 -1
  377. package/styles/drop-down-list/icons/_material3.scss +0 -14
  378. package/styles/drop-down-list/icons/_tailwind-dark.scss +0 -1
  379. package/styles/drop-down-list/icons/_tailwind.scss +0 -14
  380. package/styles/drop-down-tree/_all.scss +0 -2
  381. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +0 -72
  382. package/styles/drop-down-tree/_bootstrap-definition.scss +0 -71
  383. package/styles/drop-down-tree/_bootstrap4-definition.scss +0 -72
  384. package/styles/drop-down-tree/_bootstrap5-dark-definition.scss +0 -1
  385. package/styles/drop-down-tree/_bootstrap5-definition.scss +0 -60
  386. package/styles/drop-down-tree/_fabric-dark-definition.scss +0 -72
  387. package/styles/drop-down-tree/_fabric-definition.scss +0 -72
  388. package/styles/drop-down-tree/_fluent-dark-definition.scss +0 -1
  389. package/styles/drop-down-tree/_fluent-definition.scss +0 -66
  390. package/styles/drop-down-tree/_fusionnew-definition.scss +0 -60
  391. package/styles/drop-down-tree/_highcontrast-definition.scss +0 -72
  392. package/styles/drop-down-tree/_highcontrast-light-definition.scss +0 -72
  393. package/styles/drop-down-tree/_layout.scss +0 -1412
  394. package/styles/drop-down-tree/_material-dark-definition.scss +0 -73
  395. package/styles/drop-down-tree/_material-definition.scss +0 -73
  396. package/styles/drop-down-tree/_material3-dark-definition.scss +0 -1
  397. package/styles/drop-down-tree/_material3-definition.scss +0 -76
  398. package/styles/drop-down-tree/_tailwind-dark-definition.scss +0 -1
  399. package/styles/drop-down-tree/_tailwind-definition.scss +0 -61
  400. package/styles/drop-down-tree/_theme.scss +0 -132
  401. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +0 -11
  402. package/styles/drop-down-tree/icons/_bootstrap.scss +0 -11
  403. package/styles/drop-down-tree/icons/_bootstrap4.scss +0 -11
  404. package/styles/drop-down-tree/icons/_bootstrap5-dark.scss +0 -1
  405. package/styles/drop-down-tree/icons/_bootstrap5.scss +0 -11
  406. package/styles/drop-down-tree/icons/_fabric-dark.scss +0 -11
  407. package/styles/drop-down-tree/icons/_fabric.scss +0 -11
  408. package/styles/drop-down-tree/icons/_fluent-dark.scss +0 -1
  409. package/styles/drop-down-tree/icons/_fluent.scss +0 -11
  410. package/styles/drop-down-tree/icons/_fusionnew.scss +0 -11
  411. package/styles/drop-down-tree/icons/_highcontrast-light.scss +0 -11
  412. package/styles/drop-down-tree/icons/_highcontrast.scss +0 -11
  413. package/styles/drop-down-tree/icons/_material-dark.scss +0 -11
  414. package/styles/drop-down-tree/icons/_material.scss +0 -11
  415. package/styles/drop-down-tree/icons/_material3-dark.scss +0 -1
  416. package/styles/drop-down-tree/icons/_material3.scss +0 -11
  417. package/styles/drop-down-tree/icons/_tailwind-dark.scss +0 -11
  418. package/styles/drop-down-tree/icons/_tailwind.scss +0 -11
  419. package/styles/list-box/_all.scss +0 -2
  420. package/styles/list-box/_bootstrap-dark-definition.scss +0 -122
  421. package/styles/list-box/_bootstrap-definition.scss +0 -115
  422. package/styles/list-box/_bootstrap4-definition.scss +0 -120
  423. package/styles/list-box/_bootstrap5-dark-definition.scss +0 -1
  424. package/styles/list-box/_bootstrap5-definition.scss +0 -118
  425. package/styles/list-box/_fabric-dark-definition.scss +0 -122
  426. package/styles/list-box/_fabric-definition.scss +0 -115
  427. package/styles/list-box/_fluent-dark-definition.scss +0 -1
  428. package/styles/list-box/_fluent-definition.scss +0 -118
  429. package/styles/list-box/_fusionnew-definition.scss +0 -111
  430. package/styles/list-box/_highcontrast-definition.scss +0 -115
  431. package/styles/list-box/_highcontrast-light-definition.scss +0 -122
  432. package/styles/list-box/_layout.scss +0 -548
  433. package/styles/list-box/_material-dark-definition.scss +0 -122
  434. package/styles/list-box/_material-definition.scss +0 -115
  435. package/styles/list-box/_material3-dark-definition.scss +0 -1
  436. package/styles/list-box/_material3-definition.scss +0 -117
  437. package/styles/list-box/_tailwind-dark-definition.scss +0 -1
  438. package/styles/list-box/_tailwind-definition.scss +0 -117
  439. package/styles/list-box/_theme.scss +0 -317
  440. package/styles/list-box/icons/_bootstrap-dark.scss +0 -25
  441. package/styles/list-box/icons/_bootstrap.scss +0 -25
  442. package/styles/list-box/icons/_bootstrap4.scss +0 -25
  443. package/styles/list-box/icons/_bootstrap5-dark.scss +0 -1
  444. package/styles/list-box/icons/_bootstrap5.scss +0 -25
  445. package/styles/list-box/icons/_fabric-dark.scss +0 -25
  446. package/styles/list-box/icons/_fabric.scss +0 -25
  447. package/styles/list-box/icons/_fluent-dark.scss +0 -1
  448. package/styles/list-box/icons/_fluent.scss +0 -25
  449. package/styles/list-box/icons/_fusionnew.scss +0 -25
  450. package/styles/list-box/icons/_highcontrast-light.scss +0 -25
  451. package/styles/list-box/icons/_highcontrast.scss +0 -25
  452. package/styles/list-box/icons/_material-dark.scss +0 -25
  453. package/styles/list-box/icons/_material.scss +0 -25
  454. package/styles/list-box/icons/_material3-dark.scss +0 -1
  455. package/styles/list-box/icons/_material3.scss +0 -25
  456. package/styles/list-box/icons/_tailwind-dark.scss +0 -25
  457. package/styles/list-box/icons/_tailwind.scss +0 -25
  458. package/styles/mention/_all.scss +0 -1
  459. package/styles/mention/_bootstrap-dark-definition.scss +0 -3
  460. package/styles/mention/_bootstrap-definition.scss +0 -3
  461. package/styles/mention/_bootstrap4-definition.scss +0 -3
  462. package/styles/mention/_bootstrap5-dark-definition.scss +0 -1
  463. package/styles/mention/_bootstrap5-definition.scss +0 -1
  464. package/styles/mention/_fabric-dark-definition.scss +0 -2
  465. package/styles/mention/_fabric-definition.scss +0 -3
  466. package/styles/mention/_fluent-dark-definition.scss +0 -1
  467. package/styles/mention/_fluent-definition.scss +0 -1
  468. package/styles/mention/_fusionnew-definition.scss +0 -1
  469. package/styles/mention/_highcontrast-definition.scss +0 -3
  470. package/styles/mention/_highcontrast-light-definition.scss +0 -3
  471. package/styles/mention/_layout.scss +0 -6
  472. package/styles/mention/_material-dark-definition.scss +0 -3
  473. package/styles/mention/_material-definition.scss +0 -3
  474. package/styles/mention/_material3-dark-definition.scss +0 -1
  475. package/styles/mention/_material3-definition.scss +0 -1
  476. package/styles/mention/_tailwind-dark-definition.scss +0 -1
  477. package/styles/mention/_tailwind-definition.scss +0 -1
  478. package/styles/multi-select/_all.scss +0 -2
  479. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -196
  480. package/styles/multi-select/_bootstrap-definition.scss +0 -190
  481. package/styles/multi-select/_bootstrap4-definition.scss +0 -257
  482. package/styles/multi-select/_bootstrap5-dark-definition.scss +0 -1
  483. package/styles/multi-select/_bootstrap5-definition.scss +0 -227
  484. package/styles/multi-select/_fabric-dark-definition.scss +0 -185
  485. package/styles/multi-select/_fabric-definition.scss +0 -181
  486. package/styles/multi-select/_fluent-dark-definition.scss +0 -1
  487. package/styles/multi-select/_fluent-definition.scss +0 -238
  488. package/styles/multi-select/_fusionnew-definition.scss +0 -227
  489. package/styles/multi-select/_highcontrast-definition.scss +0 -296
  490. package/styles/multi-select/_highcontrast-light-definition.scss +0 -295
  491. package/styles/multi-select/_layout.scss +0 -2188
  492. package/styles/multi-select/_material-dark-definition.scss +0 -228
  493. package/styles/multi-select/_material-definition.scss +0 -221
  494. package/styles/multi-select/_material3-dark-definition.scss +0 -1
  495. package/styles/multi-select/_material3-definition.scss +0 -246
  496. package/styles/multi-select/_tailwind-dark-definition.scss +0 -1
  497. package/styles/multi-select/_tailwind-definition.scss +0 -232
  498. package/styles/multi-select/_theme.scss +0 -586
  499. package/styles/multi-select/icons/_bootstrap-dark.scss +0 -26
  500. package/styles/multi-select/icons/_bootstrap.scss +0 -26
  501. package/styles/multi-select/icons/_bootstrap4.scss +0 -37
  502. package/styles/multi-select/icons/_bootstrap5-dark.scss +0 -1
  503. package/styles/multi-select/icons/_bootstrap5.scss +0 -26
  504. package/styles/multi-select/icons/_fabric-dark.scss +0 -26
  505. package/styles/multi-select/icons/_fabric.scss +0 -26
  506. package/styles/multi-select/icons/_fluent-dark.scss +0 -1
  507. package/styles/multi-select/icons/_fluent.scss +0 -55
  508. package/styles/multi-select/icons/_fusionnew.scss +0 -26
  509. package/styles/multi-select/icons/_highcontrast-light.scss +0 -26
  510. package/styles/multi-select/icons/_highcontrast.scss +0 -26
  511. package/styles/multi-select/icons/_material-dark.scss +0 -693
  512. package/styles/multi-select/icons/_material.scss +0 -693
  513. package/styles/multi-select/icons/_material3-dark.scss +0 -1
  514. package/styles/multi-select/icons/_material3.scss +0 -692
  515. package/styles/multi-select/icons/_tailwind-dark.scss +0 -1
  516. package/styles/multi-select/icons/_tailwind.scss +0 -26
  517. package/syncfusion-ej2-angular-dropdowns.d.ts +0 -5
package/styles/material3.css CHANGED
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -494,6 +493,117 @@
494
493
  background-color: rgba(var(--color-sf-on-surface), 0.05);
495
494
  }
496
495
 
496
+ :root {
497
+ --color-sf-black: 0, 0, 0;
498
+ --color-sf-white: 255, 255, 255;
499
+ --color-sf-primary: 103, 80, 164;
500
+ --color-sf-primary-container: 234, 221, 255;
501
+ --color-sf-secondary: 98, 91, 113;
502
+ --color-sf-secondary-container: 232, 222, 248;
503
+ --color-sf-tertiary: 125, 82, 96;
504
+ --color-sf-tertiary-container: 255, 216, 228;
505
+ --color-sf-surface: 255, 255, 255;
506
+ --color-sf-surface-variant: 231, 224, 236;
507
+ --color-sf-background: var(--color-sf-surface);
508
+ --color-sf-on-primary: 255, 255, 255;
509
+ --color-sf-on-primary-container: 33, 0, 94;
510
+ --color-sf-on-secondary: 255, 255, 255;
511
+ --color-sf-on-secondary-container: 30, 25, 43;
512
+ --color-sf-on-tertiary: 255, 255, 255;
513
+ --color-sf-on-tertiary-containe: 55, 11, 30;
514
+ --color-sf-on-surface: 28, 27, 31;
515
+ --color-sf-on-surface-variant: 73, 69, 78;
516
+ --color-sf-on-background: 28, 27, 31;
517
+ --color-sf-outline: 121, 116, 126;
518
+ --color-sf-outline-variant: 196, 199, 197;
519
+ --color-sf-shadow: 0, 0, 0;
520
+ --color-sf-surface-tint-color: 103, 80, 164;
521
+ --color-sf-inverse-surface: 49, 48, 51;
522
+ --color-sf-inverse-on-surface: 244, 239, 244;
523
+ --color-sf-inverse-primary: 208, 188, 255;
524
+ --color-sf-scrim: 0, 0, 0;
525
+ --color-sf-error: 179, 38, 30;
526
+ --color-sf-error-container: 249, 222, 220;
527
+ --color-sf-on-error: 255, 250, 250;
528
+ --color-sf-on-error-container: 65, 14, 11;
529
+ --color-sf-success: 32, 81, 7;
530
+ --color-sf-success-container: 209, 255, 186;
531
+ --color-sf-on-success: 244, 255, 239;
532
+ --color-sf-on-success-container: 13, 39, 0;
533
+ --color-sf-info: 1, 87, 155;
534
+ --color-sf-info-container: 233, 245, 255;
535
+ --color-sf-on-info: 250, 253, 255;
536
+ --color-sf-on-info-container: 0, 51, 91;
537
+ --color-sf-warning: 145, 76, 0;
538
+ --color-sf-warning-container: 254, 236, 222;
539
+ --color-sf-on-warning: 255, 255, 255;
540
+ --color-sf-on-warning-container: 47, 21, 0;
541
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
542
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
543
+ --color-sf-diagram-palette-background: --color-sf-white;
544
+ --color-sf-success-text: 255, 255, 255;
545
+ --color-sf-warning-text: 255, 255, 255;
546
+ --color-sf-danger-text: 255, 255, 255;
547
+ --color-sf-info-text: 255, 255, 255;
548
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
549
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
550
+ }
551
+
552
+ .e-dark-mode {
553
+ --color-sf-black: 0, 0, 0;
554
+ --color-sf-white: 255, 255, 255;
555
+ --color-sf-primary: 208, 188, 255;
556
+ --color-sf-primary-container: 79, 55, 139;
557
+ --color-sf-secondary: 204, 194, 220;
558
+ --color-sf-secondary-container: 74, 68, 88;
559
+ --color-sf-tertiary: 239, 184, 200;
560
+ --color-sf-tertiary-container: 99, 59, 72;
561
+ --color-sf-surface: 28, 27, 31;
562
+ --color-sf-surface-variant: 28, 27, 31;
563
+ --color-sf-background: var(--color-sf-surface);
564
+ --color-sf-on-primary: 55, 30, 115;
565
+ --color-sf-on-primary-container: 234, 221, 255;
566
+ --color-sf-on-secondary: 51, 45, 65;
567
+ --color-sf-on-secondary-container: 232, 222, 248;
568
+ --color-sf-on-tertiary: 73, 37, 50;
569
+ --color-sf-on-tertiary-containe: 255, 216, 228;
570
+ --color-sf-on-surface: 230, 225, 229;
571
+ --color-sf-on-surface-variant: 202, 196, 208;
572
+ --color-sf-on-background: 230, 225, 229;
573
+ --color-sf-outline: 147, 143, 153;
574
+ --color-sf-outline-variant: 68, 71, 70;
575
+ --color-sf-shadow: 0, 0, 0;
576
+ --color-sf-surface-tint-color: 208, 188, 255;
577
+ --color-sf-inverse-surface: 230, 225, 229;
578
+ --color-sf-inverse-on-surface: 49, 48, 51;
579
+ --color-sf-inverse-primary: 103, 80, 164;
580
+ --color-sf-scrim: 0, 0, 0;
581
+ --color-sf-error: 242, 184, 181;
582
+ --color-sf-error-container: 140, 29, 24;
583
+ --color-sf-on-error: 96, 20, 16;
584
+ --color-sf-on-error-container: 249, 222, 220;
585
+ --color-sf-success: 83, 202, 23;
586
+ --color-sf-success-container: 22, 62, 2;
587
+ --color-sf-on-success: 13, 39, 0;
588
+ --color-sf-on-success-container: 183, 250, 150;
589
+ --color-sf-info: 71, 172, 251;
590
+ --color-sf-info-container: 0, 67, 120;
591
+ --color-sf-on-info: 0, 51, 91;
592
+ --color-sf-on-info-container: 173, 219, 255;
593
+ --color-sf-warning: 245, 180, 130;
594
+ --color-sf-warning-container: 123, 65, 0;
595
+ --color-sf-on-warning: 99, 52, 0;
596
+ --color-sf-on-warning-container: 255, 220, 193;
597
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
598
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
599
+ --color-sf-success-text: 0, 0, 0;
600
+ --color-sf-warning-text: 0, 0, 0;
601
+ --color-sf-info-text: 0, 0, 0;
602
+ --color-sf-danger-text: 0, 0, 0;
603
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
604
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
605
+ }
606
+
497
607
  /* stylelint-disable property-no-vendor-prefix */
498
608
  @keyframes e-input-ripple {
499
609
  100% {
@@ -930,6 +1040,117 @@ ejs-dropdownlist {
930
1040
  color: rgba(var(--color-sf-on-surface));
931
1041
  }
932
1042
 
1043
+ :root {
1044
+ --color-sf-black: 0, 0, 0;
1045
+ --color-sf-white: 255, 255, 255;
1046
+ --color-sf-primary: 103, 80, 164;
1047
+ --color-sf-primary-container: 234, 221, 255;
1048
+ --color-sf-secondary: 98, 91, 113;
1049
+ --color-sf-secondary-container: 232, 222, 248;
1050
+ --color-sf-tertiary: 125, 82, 96;
1051
+ --color-sf-tertiary-container: 255, 216, 228;
1052
+ --color-sf-surface: 255, 255, 255;
1053
+ --color-sf-surface-variant: 231, 224, 236;
1054
+ --color-sf-background: var(--color-sf-surface);
1055
+ --color-sf-on-primary: 255, 255, 255;
1056
+ --color-sf-on-primary-container: 33, 0, 94;
1057
+ --color-sf-on-secondary: 255, 255, 255;
1058
+ --color-sf-on-secondary-container: 30, 25, 43;
1059
+ --color-sf-on-tertiary: 255, 255, 255;
1060
+ --color-sf-on-tertiary-containe: 55, 11, 30;
1061
+ --color-sf-on-surface: 28, 27, 31;
1062
+ --color-sf-on-surface-variant: 73, 69, 78;
1063
+ --color-sf-on-background: 28, 27, 31;
1064
+ --color-sf-outline: 121, 116, 126;
1065
+ --color-sf-outline-variant: 196, 199, 197;
1066
+ --color-sf-shadow: 0, 0, 0;
1067
+ --color-sf-surface-tint-color: 103, 80, 164;
1068
+ --color-sf-inverse-surface: 49, 48, 51;
1069
+ --color-sf-inverse-on-surface: 244, 239, 244;
1070
+ --color-sf-inverse-primary: 208, 188, 255;
1071
+ --color-sf-scrim: 0, 0, 0;
1072
+ --color-sf-error: 179, 38, 30;
1073
+ --color-sf-error-container: 249, 222, 220;
1074
+ --color-sf-on-error: 255, 250, 250;
1075
+ --color-sf-on-error-container: 65, 14, 11;
1076
+ --color-sf-success: 32, 81, 7;
1077
+ --color-sf-success-container: 209, 255, 186;
1078
+ --color-sf-on-success: 244, 255, 239;
1079
+ --color-sf-on-success-container: 13, 39, 0;
1080
+ --color-sf-info: 1, 87, 155;
1081
+ --color-sf-info-container: 233, 245, 255;
1082
+ --color-sf-on-info: 250, 253, 255;
1083
+ --color-sf-on-info-container: 0, 51, 91;
1084
+ --color-sf-warning: 145, 76, 0;
1085
+ --color-sf-warning-container: 254, 236, 222;
1086
+ --color-sf-on-warning: 255, 255, 255;
1087
+ --color-sf-on-warning-container: 47, 21, 0;
1088
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
1089
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
1090
+ --color-sf-diagram-palette-background: --color-sf-white;
1091
+ --color-sf-success-text: 255, 255, 255;
1092
+ --color-sf-warning-text: 255, 255, 255;
1093
+ --color-sf-danger-text: 255, 255, 255;
1094
+ --color-sf-info-text: 255, 255, 255;
1095
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
1096
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
1097
+ }
1098
+
1099
+ .e-dark-mode {
1100
+ --color-sf-black: 0, 0, 0;
1101
+ --color-sf-white: 255, 255, 255;
1102
+ --color-sf-primary: 208, 188, 255;
1103
+ --color-sf-primary-container: 79, 55, 139;
1104
+ --color-sf-secondary: 204, 194, 220;
1105
+ --color-sf-secondary-container: 74, 68, 88;
1106
+ --color-sf-tertiary: 239, 184, 200;
1107
+ --color-sf-tertiary-container: 99, 59, 72;
1108
+ --color-sf-surface: 28, 27, 31;
1109
+ --color-sf-surface-variant: 28, 27, 31;
1110
+ --color-sf-background: var(--color-sf-surface);
1111
+ --color-sf-on-primary: 55, 30, 115;
1112
+ --color-sf-on-primary-container: 234, 221, 255;
1113
+ --color-sf-on-secondary: 51, 45, 65;
1114
+ --color-sf-on-secondary-container: 232, 222, 248;
1115
+ --color-sf-on-tertiary: 73, 37, 50;
1116
+ --color-sf-on-tertiary-containe: 255, 216, 228;
1117
+ --color-sf-on-surface: 230, 225, 229;
1118
+ --color-sf-on-surface-variant: 202, 196, 208;
1119
+ --color-sf-on-background: 230, 225, 229;
1120
+ --color-sf-outline: 147, 143, 153;
1121
+ --color-sf-outline-variant: 68, 71, 70;
1122
+ --color-sf-shadow: 0, 0, 0;
1123
+ --color-sf-surface-tint-color: 208, 188, 255;
1124
+ --color-sf-inverse-surface: 230, 225, 229;
1125
+ --color-sf-inverse-on-surface: 49, 48, 51;
1126
+ --color-sf-inverse-primary: 103, 80, 164;
1127
+ --color-sf-scrim: 0, 0, 0;
1128
+ --color-sf-error: 242, 184, 181;
1129
+ --color-sf-error-container: 140, 29, 24;
1130
+ --color-sf-on-error: 96, 20, 16;
1131
+ --color-sf-on-error-container: 249, 222, 220;
1132
+ --color-sf-success: 83, 202, 23;
1133
+ --color-sf-success-container: 22, 62, 2;
1134
+ --color-sf-on-success: 13, 39, 0;
1135
+ --color-sf-on-success-container: 183, 250, 150;
1136
+ --color-sf-info: 71, 172, 251;
1137
+ --color-sf-info-container: 0, 67, 120;
1138
+ --color-sf-on-info: 0, 51, 91;
1139
+ --color-sf-on-info-container: 173, 219, 255;
1140
+ --color-sf-warning: 245, 180, 130;
1141
+ --color-sf-warning-container: 123, 65, 0;
1142
+ --color-sf-on-warning: 99, 52, 0;
1143
+ --color-sf-on-warning-container: 255, 220, 193;
1144
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
1145
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
1146
+ --color-sf-success-text: 0, 0, 0;
1147
+ --color-sf-warning-text: 0, 0, 0;
1148
+ --color-sf-info-text: 0, 0, 0;
1149
+ --color-sf-danger-text: 0, 0, 0;
1150
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1151
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1152
+ }
1153
+
933
1154
  /* stylelint-disable property-no-vendor-prefix */
934
1155
  @keyframes e-input-ripple {
935
1156
  100% {
@@ -1329,7 +1550,341 @@ ejs-dropdownlist {
1329
1550
  color: rgba(var(--color-sf-on-surface));
1330
1551
  }
1331
1552
 
1332
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1553
+ :root {
1554
+ --color-sf-black: 0, 0, 0;
1555
+ --color-sf-white: 255, 255, 255;
1556
+ --color-sf-primary: 103, 80, 164;
1557
+ --color-sf-primary-container: 234, 221, 255;
1558
+ --color-sf-secondary: 98, 91, 113;
1559
+ --color-sf-secondary-container: 232, 222, 248;
1560
+ --color-sf-tertiary: 125, 82, 96;
1561
+ --color-sf-tertiary-container: 255, 216, 228;
1562
+ --color-sf-surface: 255, 255, 255;
1563
+ --color-sf-surface-variant: 231, 224, 236;
1564
+ --color-sf-background: var(--color-sf-surface);
1565
+ --color-sf-on-primary: 255, 255, 255;
1566
+ --color-sf-on-primary-container: 33, 0, 94;
1567
+ --color-sf-on-secondary: 255, 255, 255;
1568
+ --color-sf-on-secondary-container: 30, 25, 43;
1569
+ --color-sf-on-tertiary: 255, 255, 255;
1570
+ --color-sf-on-tertiary-containe: 55, 11, 30;
1571
+ --color-sf-on-surface: 28, 27, 31;
1572
+ --color-sf-on-surface-variant: 73, 69, 78;
1573
+ --color-sf-on-background: 28, 27, 31;
1574
+ --color-sf-outline: 121, 116, 126;
1575
+ --color-sf-outline-variant: 196, 199, 197;
1576
+ --color-sf-shadow: 0, 0, 0;
1577
+ --color-sf-surface-tint-color: 103, 80, 164;
1578
+ --color-sf-inverse-surface: 49, 48, 51;
1579
+ --color-sf-inverse-on-surface: 244, 239, 244;
1580
+ --color-sf-inverse-primary: 208, 188, 255;
1581
+ --color-sf-scrim: 0, 0, 0;
1582
+ --color-sf-error: 179, 38, 30;
1583
+ --color-sf-error-container: 249, 222, 220;
1584
+ --color-sf-on-error: 255, 250, 250;
1585
+ --color-sf-on-error-container: 65, 14, 11;
1586
+ --color-sf-success: 32, 81, 7;
1587
+ --color-sf-success-container: 209, 255, 186;
1588
+ --color-sf-on-success: 244, 255, 239;
1589
+ --color-sf-on-success-container: 13, 39, 0;
1590
+ --color-sf-info: 1, 87, 155;
1591
+ --color-sf-info-container: 233, 245, 255;
1592
+ --color-sf-on-info: 250, 253, 255;
1593
+ --color-sf-on-info-container: 0, 51, 91;
1594
+ --color-sf-warning: 145, 76, 0;
1595
+ --color-sf-warning-container: 254, 236, 222;
1596
+ --color-sf-on-warning: 255, 255, 255;
1597
+ --color-sf-on-warning-container: 47, 21, 0;
1598
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
1599
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
1600
+ --color-sf-diagram-palette-background: --color-sf-white;
1601
+ --color-sf-success-text: 255, 255, 255;
1602
+ --color-sf-warning-text: 255, 255, 255;
1603
+ --color-sf-danger-text: 255, 255, 255;
1604
+ --color-sf-info-text: 255, 255, 255;
1605
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
1606
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
1607
+ }
1608
+
1609
+ .e-dark-mode {
1610
+ --color-sf-black: 0, 0, 0;
1611
+ --color-sf-white: 255, 255, 255;
1612
+ --color-sf-primary: 208, 188, 255;
1613
+ --color-sf-primary-container: 79, 55, 139;
1614
+ --color-sf-secondary: 204, 194, 220;
1615
+ --color-sf-secondary-container: 74, 68, 88;
1616
+ --color-sf-tertiary: 239, 184, 200;
1617
+ --color-sf-tertiary-container: 99, 59, 72;
1618
+ --color-sf-surface: 28, 27, 31;
1619
+ --color-sf-surface-variant: 28, 27, 31;
1620
+ --color-sf-background: var(--color-sf-surface);
1621
+ --color-sf-on-primary: 55, 30, 115;
1622
+ --color-sf-on-primary-container: 234, 221, 255;
1623
+ --color-sf-on-secondary: 51, 45, 65;
1624
+ --color-sf-on-secondary-container: 232, 222, 248;
1625
+ --color-sf-on-tertiary: 73, 37, 50;
1626
+ --color-sf-on-tertiary-containe: 255, 216, 228;
1627
+ --color-sf-on-surface: 230, 225, 229;
1628
+ --color-sf-on-surface-variant: 202, 196, 208;
1629
+ --color-sf-on-background: 230, 225, 229;
1630
+ --color-sf-outline: 147, 143, 153;
1631
+ --color-sf-outline-variant: 68, 71, 70;
1632
+ --color-sf-shadow: 0, 0, 0;
1633
+ --color-sf-surface-tint-color: 208, 188, 255;
1634
+ --color-sf-inverse-surface: 230, 225, 229;
1635
+ --color-sf-inverse-on-surface: 49, 48, 51;
1636
+ --color-sf-inverse-primary: 103, 80, 164;
1637
+ --color-sf-scrim: 0, 0, 0;
1638
+ --color-sf-error: 242, 184, 181;
1639
+ --color-sf-error-container: 140, 29, 24;
1640
+ --color-sf-on-error: 96, 20, 16;
1641
+ --color-sf-on-error-container: 249, 222, 220;
1642
+ --color-sf-success: 83, 202, 23;
1643
+ --color-sf-success-container: 22, 62, 2;
1644
+ --color-sf-on-success: 13, 39, 0;
1645
+ --color-sf-on-success-container: 183, 250, 150;
1646
+ --color-sf-info: 71, 172, 251;
1647
+ --color-sf-info-container: 0, 67, 120;
1648
+ --color-sf-on-info: 0, 51, 91;
1649
+ --color-sf-on-info-container: 173, 219, 255;
1650
+ --color-sf-warning: 245, 180, 130;
1651
+ --color-sf-warning-container: 123, 65, 0;
1652
+ --color-sf-on-warning: 99, 52, 0;
1653
+ --color-sf-on-warning-container: 255, 220, 193;
1654
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
1655
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
1656
+ --color-sf-success-text: 0, 0, 0;
1657
+ --color-sf-warning-text: 0, 0, 0;
1658
+ --color-sf-info-text: 0, 0, 0;
1659
+ --color-sf-danger-text: 0, 0, 0;
1660
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1661
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1662
+ }
1663
+
1664
+ /* stylelint-disable-line no-empty-source */
1665
+ :root {
1666
+ --color-sf-black: 0, 0, 0;
1667
+ --color-sf-white: 255, 255, 255;
1668
+ --color-sf-primary: 103, 80, 164;
1669
+ --color-sf-primary-container: 234, 221, 255;
1670
+ --color-sf-secondary: 98, 91, 113;
1671
+ --color-sf-secondary-container: 232, 222, 248;
1672
+ --color-sf-tertiary: 125, 82, 96;
1673
+ --color-sf-tertiary-container: 255, 216, 228;
1674
+ --color-sf-surface: 255, 255, 255;
1675
+ --color-sf-surface-variant: 231, 224, 236;
1676
+ --color-sf-background: var(--color-sf-surface);
1677
+ --color-sf-on-primary: 255, 255, 255;
1678
+ --color-sf-on-primary-container: 33, 0, 94;
1679
+ --color-sf-on-secondary: 255, 255, 255;
1680
+ --color-sf-on-secondary-container: 30, 25, 43;
1681
+ --color-sf-on-tertiary: 255, 255, 255;
1682
+ --color-sf-on-tertiary-containe: 55, 11, 30;
1683
+ --color-sf-on-surface: 28, 27, 31;
1684
+ --color-sf-on-surface-variant: 73, 69, 78;
1685
+ --color-sf-on-background: 28, 27, 31;
1686
+ --color-sf-outline: 121, 116, 126;
1687
+ --color-sf-outline-variant: 196, 199, 197;
1688
+ --color-sf-shadow: 0, 0, 0;
1689
+ --color-sf-surface-tint-color: 103, 80, 164;
1690
+ --color-sf-inverse-surface: 49, 48, 51;
1691
+ --color-sf-inverse-on-surface: 244, 239, 244;
1692
+ --color-sf-inverse-primary: 208, 188, 255;
1693
+ --color-sf-scrim: 0, 0, 0;
1694
+ --color-sf-error: 179, 38, 30;
1695
+ --color-sf-error-container: 249, 222, 220;
1696
+ --color-sf-on-error: 255, 250, 250;
1697
+ --color-sf-on-error-container: 65, 14, 11;
1698
+ --color-sf-success: 32, 81, 7;
1699
+ --color-sf-success-container: 209, 255, 186;
1700
+ --color-sf-on-success: 244, 255, 239;
1701
+ --color-sf-on-success-container: 13, 39, 0;
1702
+ --color-sf-info: 1, 87, 155;
1703
+ --color-sf-info-container: 233, 245, 255;
1704
+ --color-sf-on-info: 250, 253, 255;
1705
+ --color-sf-on-info-container: 0, 51, 91;
1706
+ --color-sf-warning: 145, 76, 0;
1707
+ --color-sf-warning-container: 254, 236, 222;
1708
+ --color-sf-on-warning: 255, 255, 255;
1709
+ --color-sf-on-warning-container: 47, 21, 0;
1710
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
1711
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
1712
+ --color-sf-diagram-palette-background: --color-sf-white;
1713
+ --color-sf-success-text: 255, 255, 255;
1714
+ --color-sf-warning-text: 255, 255, 255;
1715
+ --color-sf-danger-text: 255, 255, 255;
1716
+ --color-sf-info-text: 255, 255, 255;
1717
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
1718
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
1719
+ }
1720
+
1721
+ .e-dark-mode {
1722
+ --color-sf-black: 0, 0, 0;
1723
+ --color-sf-white: 255, 255, 255;
1724
+ --color-sf-primary: 208, 188, 255;
1725
+ --color-sf-primary-container: 79, 55, 139;
1726
+ --color-sf-secondary: 204, 194, 220;
1727
+ --color-sf-secondary-container: 74, 68, 88;
1728
+ --color-sf-tertiary: 239, 184, 200;
1729
+ --color-sf-tertiary-container: 99, 59, 72;
1730
+ --color-sf-surface: 28, 27, 31;
1731
+ --color-sf-surface-variant: 28, 27, 31;
1732
+ --color-sf-background: var(--color-sf-surface);
1733
+ --color-sf-on-primary: 55, 30, 115;
1734
+ --color-sf-on-primary-container: 234, 221, 255;
1735
+ --color-sf-on-secondary: 51, 45, 65;
1736
+ --color-sf-on-secondary-container: 232, 222, 248;
1737
+ --color-sf-on-tertiary: 73, 37, 50;
1738
+ --color-sf-on-tertiary-containe: 255, 216, 228;
1739
+ --color-sf-on-surface: 230, 225, 229;
1740
+ --color-sf-on-surface-variant: 202, 196, 208;
1741
+ --color-sf-on-background: 230, 225, 229;
1742
+ --color-sf-outline: 147, 143, 153;
1743
+ --color-sf-outline-variant: 68, 71, 70;
1744
+ --color-sf-shadow: 0, 0, 0;
1745
+ --color-sf-surface-tint-color: 208, 188, 255;
1746
+ --color-sf-inverse-surface: 230, 225, 229;
1747
+ --color-sf-inverse-on-surface: 49, 48, 51;
1748
+ --color-sf-inverse-primary: 103, 80, 164;
1749
+ --color-sf-scrim: 0, 0, 0;
1750
+ --color-sf-error: 242, 184, 181;
1751
+ --color-sf-error-container: 140, 29, 24;
1752
+ --color-sf-on-error: 96, 20, 16;
1753
+ --color-sf-on-error-container: 249, 222, 220;
1754
+ --color-sf-success: 83, 202, 23;
1755
+ --color-sf-success-container: 22, 62, 2;
1756
+ --color-sf-on-success: 13, 39, 0;
1757
+ --color-sf-on-success-container: 183, 250, 150;
1758
+ --color-sf-info: 71, 172, 251;
1759
+ --color-sf-info-container: 0, 67, 120;
1760
+ --color-sf-on-info: 0, 51, 91;
1761
+ --color-sf-on-info-container: 173, 219, 255;
1762
+ --color-sf-warning: 245, 180, 130;
1763
+ --color-sf-warning-container: 123, 65, 0;
1764
+ --color-sf-on-warning: 99, 52, 0;
1765
+ --color-sf-on-warning-container: 255, 220, 193;
1766
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
1767
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
1768
+ --color-sf-success-text: 0, 0, 0;
1769
+ --color-sf-warning-text: 0, 0, 0;
1770
+ --color-sf-info-text: 0, 0, 0;
1771
+ --color-sf-danger-text: 0, 0, 0;
1772
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1773
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1774
+ }
1775
+
1776
+ /* stylelint-disable-line no-empty-source */
1777
+ :root {
1778
+ --color-sf-black: 0, 0, 0;
1779
+ --color-sf-white: 255, 255, 255;
1780
+ --color-sf-primary: 103, 80, 164;
1781
+ --color-sf-primary-container: 234, 221, 255;
1782
+ --color-sf-secondary: 98, 91, 113;
1783
+ --color-sf-secondary-container: 232, 222, 248;
1784
+ --color-sf-tertiary: 125, 82, 96;
1785
+ --color-sf-tertiary-container: 255, 216, 228;
1786
+ --color-sf-surface: 255, 255, 255;
1787
+ --color-sf-surface-variant: 231, 224, 236;
1788
+ --color-sf-background: var(--color-sf-surface);
1789
+ --color-sf-on-primary: 255, 255, 255;
1790
+ --color-sf-on-primary-container: 33, 0, 94;
1791
+ --color-sf-on-secondary: 255, 255, 255;
1792
+ --color-sf-on-secondary-container: 30, 25, 43;
1793
+ --color-sf-on-tertiary: 255, 255, 255;
1794
+ --color-sf-on-tertiary-containe: 55, 11, 30;
1795
+ --color-sf-on-surface: 28, 27, 31;
1796
+ --color-sf-on-surface-variant: 73, 69, 78;
1797
+ --color-sf-on-background: 28, 27, 31;
1798
+ --color-sf-outline: 121, 116, 126;
1799
+ --color-sf-outline-variant: 196, 199, 197;
1800
+ --color-sf-shadow: 0, 0, 0;
1801
+ --color-sf-surface-tint-color: 103, 80, 164;
1802
+ --color-sf-inverse-surface: 49, 48, 51;
1803
+ --color-sf-inverse-on-surface: 244, 239, 244;
1804
+ --color-sf-inverse-primary: 208, 188, 255;
1805
+ --color-sf-scrim: 0, 0, 0;
1806
+ --color-sf-error: 179, 38, 30;
1807
+ --color-sf-error-container: 249, 222, 220;
1808
+ --color-sf-on-error: 255, 250, 250;
1809
+ --color-sf-on-error-container: 65, 14, 11;
1810
+ --color-sf-success: 32, 81, 7;
1811
+ --color-sf-success-container: 209, 255, 186;
1812
+ --color-sf-on-success: 244, 255, 239;
1813
+ --color-sf-on-success-container: 13, 39, 0;
1814
+ --color-sf-info: 1, 87, 155;
1815
+ --color-sf-info-container: 233, 245, 255;
1816
+ --color-sf-on-info: 250, 253, 255;
1817
+ --color-sf-on-info-container: 0, 51, 91;
1818
+ --color-sf-warning: 145, 76, 0;
1819
+ --color-sf-warning-container: 254, 236, 222;
1820
+ --color-sf-on-warning: 255, 255, 255;
1821
+ --color-sf-on-warning-container: 47, 21, 0;
1822
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
1823
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
1824
+ --color-sf-diagram-palette-background: --color-sf-white;
1825
+ --color-sf-success-text: 255, 255, 255;
1826
+ --color-sf-warning-text: 255, 255, 255;
1827
+ --color-sf-danger-text: 255, 255, 255;
1828
+ --color-sf-info-text: 255, 255, 255;
1829
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
1830
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
1831
+ }
1832
+
1833
+ .e-dark-mode {
1834
+ --color-sf-black: 0, 0, 0;
1835
+ --color-sf-white: 255, 255, 255;
1836
+ --color-sf-primary: 208, 188, 255;
1837
+ --color-sf-primary-container: 79, 55, 139;
1838
+ --color-sf-secondary: 204, 194, 220;
1839
+ --color-sf-secondary-container: 74, 68, 88;
1840
+ --color-sf-tertiary: 239, 184, 200;
1841
+ --color-sf-tertiary-container: 99, 59, 72;
1842
+ --color-sf-surface: 28, 27, 31;
1843
+ --color-sf-surface-variant: 28, 27, 31;
1844
+ --color-sf-background: var(--color-sf-surface);
1845
+ --color-sf-on-primary: 55, 30, 115;
1846
+ --color-sf-on-primary-container: 234, 221, 255;
1847
+ --color-sf-on-secondary: 51, 45, 65;
1848
+ --color-sf-on-secondary-container: 232, 222, 248;
1849
+ --color-sf-on-tertiary: 73, 37, 50;
1850
+ --color-sf-on-tertiary-containe: 255, 216, 228;
1851
+ --color-sf-on-surface: 230, 225, 229;
1852
+ --color-sf-on-surface-variant: 202, 196, 208;
1853
+ --color-sf-on-background: 230, 225, 229;
1854
+ --color-sf-outline: 147, 143, 153;
1855
+ --color-sf-outline-variant: 68, 71, 70;
1856
+ --color-sf-shadow: 0, 0, 0;
1857
+ --color-sf-surface-tint-color: 208, 188, 255;
1858
+ --color-sf-inverse-surface: 230, 225, 229;
1859
+ --color-sf-inverse-on-surface: 49, 48, 51;
1860
+ --color-sf-inverse-primary: 103, 80, 164;
1861
+ --color-sf-scrim: 0, 0, 0;
1862
+ --color-sf-error: 242, 184, 181;
1863
+ --color-sf-error-container: 140, 29, 24;
1864
+ --color-sf-on-error: 96, 20, 16;
1865
+ --color-sf-on-error-container: 249, 222, 220;
1866
+ --color-sf-success: 83, 202, 23;
1867
+ --color-sf-success-container: 22, 62, 2;
1868
+ --color-sf-on-success: 13, 39, 0;
1869
+ --color-sf-on-success-container: 183, 250, 150;
1870
+ --color-sf-info: 71, 172, 251;
1871
+ --color-sf-info-container: 0, 67, 120;
1872
+ --color-sf-on-info: 0, 51, 91;
1873
+ --color-sf-on-info-container: 173, 219, 255;
1874
+ --color-sf-warning: 245, 180, 130;
1875
+ --color-sf-warning-container: 123, 65, 0;
1876
+ --color-sf-on-warning: 99, 52, 0;
1877
+ --color-sf-on-warning-container: 255, 220, 193;
1878
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
1879
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
1880
+ --color-sf-success-text: 0, 0, 0;
1881
+ --color-sf-warning-text: 0, 0, 0;
1882
+ --color-sf-info-text: 0, 0, 0;
1883
+ --color-sf-danger-text: 0, 0, 0;
1884
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1885
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1886
+ }
1887
+
1333
1888
  /* stylelint-disable property-no-vendor-prefix */
1334
1889
  @keyframes e-input-ripple {
1335
1890
  100% {
@@ -3804,6 +4359,117 @@ ejs-multiselect {
3804
4359
  color: #fff;
3805
4360
  }
3806
4361
 
4362
+ :root {
4363
+ --color-sf-black: 0, 0, 0;
4364
+ --color-sf-white: 255, 255, 255;
4365
+ --color-sf-primary: 103, 80, 164;
4366
+ --color-sf-primary-container: 234, 221, 255;
4367
+ --color-sf-secondary: 98, 91, 113;
4368
+ --color-sf-secondary-container: 232, 222, 248;
4369
+ --color-sf-tertiary: 125, 82, 96;
4370
+ --color-sf-tertiary-container: 255, 216, 228;
4371
+ --color-sf-surface: 255, 255, 255;
4372
+ --color-sf-surface-variant: 231, 224, 236;
4373
+ --color-sf-background: var(--color-sf-surface);
4374
+ --color-sf-on-primary: 255, 255, 255;
4375
+ --color-sf-on-primary-container: 33, 0, 94;
4376
+ --color-sf-on-secondary: 255, 255, 255;
4377
+ --color-sf-on-secondary-container: 30, 25, 43;
4378
+ --color-sf-on-tertiary: 255, 255, 255;
4379
+ --color-sf-on-tertiary-containe: 55, 11, 30;
4380
+ --color-sf-on-surface: 28, 27, 31;
4381
+ --color-sf-on-surface-variant: 73, 69, 78;
4382
+ --color-sf-on-background: 28, 27, 31;
4383
+ --color-sf-outline: 121, 116, 126;
4384
+ --color-sf-outline-variant: 196, 199, 197;
4385
+ --color-sf-shadow: 0, 0, 0;
4386
+ --color-sf-surface-tint-color: 103, 80, 164;
4387
+ --color-sf-inverse-surface: 49, 48, 51;
4388
+ --color-sf-inverse-on-surface: 244, 239, 244;
4389
+ --color-sf-inverse-primary: 208, 188, 255;
4390
+ --color-sf-scrim: 0, 0, 0;
4391
+ --color-sf-error: 179, 38, 30;
4392
+ --color-sf-error-container: 249, 222, 220;
4393
+ --color-sf-on-error: 255, 250, 250;
4394
+ --color-sf-on-error-container: 65, 14, 11;
4395
+ --color-sf-success: 32, 81, 7;
4396
+ --color-sf-success-container: 209, 255, 186;
4397
+ --color-sf-on-success: 244, 255, 239;
4398
+ --color-sf-on-success-container: 13, 39, 0;
4399
+ --color-sf-info: 1, 87, 155;
4400
+ --color-sf-info-container: 233, 245, 255;
4401
+ --color-sf-on-info: 250, 253, 255;
4402
+ --color-sf-on-info-container: 0, 51, 91;
4403
+ --color-sf-warning: 145, 76, 0;
4404
+ --color-sf-warning-container: 254, 236, 222;
4405
+ --color-sf-on-warning: 255, 255, 255;
4406
+ --color-sf-on-warning-container: 47, 21, 0;
4407
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
4408
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
4409
+ --color-sf-diagram-palette-background: --color-sf-white;
4410
+ --color-sf-success-text: 255, 255, 255;
4411
+ --color-sf-warning-text: 255, 255, 255;
4412
+ --color-sf-danger-text: 255, 255, 255;
4413
+ --color-sf-info-text: 255, 255, 255;
4414
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
4415
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
4416
+ }
4417
+
4418
+ .e-dark-mode {
4419
+ --color-sf-black: 0, 0, 0;
4420
+ --color-sf-white: 255, 255, 255;
4421
+ --color-sf-primary: 208, 188, 255;
4422
+ --color-sf-primary-container: 79, 55, 139;
4423
+ --color-sf-secondary: 204, 194, 220;
4424
+ --color-sf-secondary-container: 74, 68, 88;
4425
+ --color-sf-tertiary: 239, 184, 200;
4426
+ --color-sf-tertiary-container: 99, 59, 72;
4427
+ --color-sf-surface: 28, 27, 31;
4428
+ --color-sf-surface-variant: 28, 27, 31;
4429
+ --color-sf-background: var(--color-sf-surface);
4430
+ --color-sf-on-primary: 55, 30, 115;
4431
+ --color-sf-on-primary-container: 234, 221, 255;
4432
+ --color-sf-on-secondary: 51, 45, 65;
4433
+ --color-sf-on-secondary-container: 232, 222, 248;
4434
+ --color-sf-on-tertiary: 73, 37, 50;
4435
+ --color-sf-on-tertiary-containe: 255, 216, 228;
4436
+ --color-sf-on-surface: 230, 225, 229;
4437
+ --color-sf-on-surface-variant: 202, 196, 208;
4438
+ --color-sf-on-background: 230, 225, 229;
4439
+ --color-sf-outline: 147, 143, 153;
4440
+ --color-sf-outline-variant: 68, 71, 70;
4441
+ --color-sf-shadow: 0, 0, 0;
4442
+ --color-sf-surface-tint-color: 208, 188, 255;
4443
+ --color-sf-inverse-surface: 230, 225, 229;
4444
+ --color-sf-inverse-on-surface: 49, 48, 51;
4445
+ --color-sf-inverse-primary: 103, 80, 164;
4446
+ --color-sf-scrim: 0, 0, 0;
4447
+ --color-sf-error: 242, 184, 181;
4448
+ --color-sf-error-container: 140, 29, 24;
4449
+ --color-sf-on-error: 96, 20, 16;
4450
+ --color-sf-on-error-container: 249, 222, 220;
4451
+ --color-sf-success: 83, 202, 23;
4452
+ --color-sf-success-container: 22, 62, 2;
4453
+ --color-sf-on-success: 13, 39, 0;
4454
+ --color-sf-on-success-container: 183, 250, 150;
4455
+ --color-sf-info: 71, 172, 251;
4456
+ --color-sf-info-container: 0, 67, 120;
4457
+ --color-sf-on-info: 0, 51, 91;
4458
+ --color-sf-on-info-container: 173, 219, 255;
4459
+ --color-sf-warning: 245, 180, 130;
4460
+ --color-sf-warning-container: 123, 65, 0;
4461
+ --color-sf-on-warning: 99, 52, 0;
4462
+ --color-sf-on-warning-container: 255, 220, 193;
4463
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
4464
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
4465
+ --color-sf-success-text: 0, 0, 0;
4466
+ --color-sf-warning-text: 0, 0, 0;
4467
+ --color-sf-info-text: 0, 0, 0;
4468
+ --color-sf-danger-text: 0, 0, 0;
4469
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
4470
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
4471
+ }
4472
+
3807
4473
  .e-listbox-tool .e-moveup::before {
3808
4474
  content: "\e776";
3809
4475
  }
@@ -3877,11 +4543,6 @@ ejs-multiselect {
3877
4543
  padding: 10px 16px;
3878
4544
  position: relative;
3879
4545
  }
3880
- .e-listbox-wrapper.e-filter-list,
3881
- .e-listbox-container.e-filter-list,
3882
- .e-listboxtool-wrapper.e-filter-list {
3883
- overflow: inherit;
3884
- }
3885
4546
  .e-listbox-wrapper .e-list-parent,
3886
4547
  .e-listbox-container .e-list-parent,
3887
4548
  .e-listboxtool-wrapper .e-list-parent {
@@ -4166,9 +4827,6 @@ ejs-listbox {
4166
4827
  overflow: auto;
4167
4828
  }
4168
4829
 
4169
- .e-listbox-wrapper.e-filter-list {
4170
- overflow: inherit;
4171
- }
4172
4830
  .e-listbox-wrapper.e-filter-list .e-list-parent {
4173
4831
  overflow: auto;
4174
4832
  }
@@ -4364,12 +5022,12 @@ ejs-listbox {
4364
5022
  }
4365
5023
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4366
5024
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4367
- height: calc(100% - 45px);
5025
+ height: calc(100% - 35px);
4368
5026
  }
4369
5027
 
4370
5028
  .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4371
5029
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4372
- height: calc(100% - 55px);
5030
+ height: calc(100% - 48px);
4373
5031
  }
4374
5032
 
4375
5033
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -4384,7 +5042,7 @@ ejs-listbox {
4384
5042
 
4385
5043
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4386
5044
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4387
- height: calc(100% - 45px);
5045
+ height: calc(100% - 37px);
4388
5046
  }
4389
5047
 
4390
5048
  .e-listbox-wrapper,
@@ -4411,7 +5069,7 @@ ejs-listbox {
4411
5069
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4412
5070
  .e-listbox-container.e-filter-list .e-list-parent,
4413
5071
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4414
- height: calc(100% - 47px);
5072
+ height: calc(100% - 40px);
4415
5073
  }
4416
5074
 
4417
5075
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
@@ -4693,6 +5351,117 @@ ejs-listbox {
4693
5351
  padding-right: 16px;
4694
5352
  }
4695
5353
 
5354
+ :root {
5355
+ --color-sf-black: 0, 0, 0;
5356
+ --color-sf-white: 255, 255, 255;
5357
+ --color-sf-primary: 103, 80, 164;
5358
+ --color-sf-primary-container: 234, 221, 255;
5359
+ --color-sf-secondary: 98, 91, 113;
5360
+ --color-sf-secondary-container: 232, 222, 248;
5361
+ --color-sf-tertiary: 125, 82, 96;
5362
+ --color-sf-tertiary-container: 255, 216, 228;
5363
+ --color-sf-surface: 255, 255, 255;
5364
+ --color-sf-surface-variant: 231, 224, 236;
5365
+ --color-sf-background: var(--color-sf-surface);
5366
+ --color-sf-on-primary: 255, 255, 255;
5367
+ --color-sf-on-primary-container: 33, 0, 94;
5368
+ --color-sf-on-secondary: 255, 255, 255;
5369
+ --color-sf-on-secondary-container: 30, 25, 43;
5370
+ --color-sf-on-tertiary: 255, 255, 255;
5371
+ --color-sf-on-tertiary-containe: 55, 11, 30;
5372
+ --color-sf-on-surface: 28, 27, 31;
5373
+ --color-sf-on-surface-variant: 73, 69, 78;
5374
+ --color-sf-on-background: 28, 27, 31;
5375
+ --color-sf-outline: 121, 116, 126;
5376
+ --color-sf-outline-variant: 196, 199, 197;
5377
+ --color-sf-shadow: 0, 0, 0;
5378
+ --color-sf-surface-tint-color: 103, 80, 164;
5379
+ --color-sf-inverse-surface: 49, 48, 51;
5380
+ --color-sf-inverse-on-surface: 244, 239, 244;
5381
+ --color-sf-inverse-primary: 208, 188, 255;
5382
+ --color-sf-scrim: 0, 0, 0;
5383
+ --color-sf-error: 179, 38, 30;
5384
+ --color-sf-error-container: 249, 222, 220;
5385
+ --color-sf-on-error: 255, 250, 250;
5386
+ --color-sf-on-error-container: 65, 14, 11;
5387
+ --color-sf-success: 32, 81, 7;
5388
+ --color-sf-success-container: 209, 255, 186;
5389
+ --color-sf-on-success: 244, 255, 239;
5390
+ --color-sf-on-success-container: 13, 39, 0;
5391
+ --color-sf-info: 1, 87, 155;
5392
+ --color-sf-info-container: 233, 245, 255;
5393
+ --color-sf-on-info: 250, 253, 255;
5394
+ --color-sf-on-info-container: 0, 51, 91;
5395
+ --color-sf-warning: 145, 76, 0;
5396
+ --color-sf-warning-container: 254, 236, 222;
5397
+ --color-sf-on-warning: 255, 255, 255;
5398
+ --color-sf-on-warning-container: 47, 21, 0;
5399
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
5400
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
5401
+ --color-sf-diagram-palette-background: --color-sf-white;
5402
+ --color-sf-success-text: 255, 255, 255;
5403
+ --color-sf-warning-text: 255, 255, 255;
5404
+ --color-sf-danger-text: 255, 255, 255;
5405
+ --color-sf-info-text: 255, 255, 255;
5406
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
5407
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
5408
+ }
5409
+
5410
+ .e-dark-mode {
5411
+ --color-sf-black: 0, 0, 0;
5412
+ --color-sf-white: 255, 255, 255;
5413
+ --color-sf-primary: 208, 188, 255;
5414
+ --color-sf-primary-container: 79, 55, 139;
5415
+ --color-sf-secondary: 204, 194, 220;
5416
+ --color-sf-secondary-container: 74, 68, 88;
5417
+ --color-sf-tertiary: 239, 184, 200;
5418
+ --color-sf-tertiary-container: 99, 59, 72;
5419
+ --color-sf-surface: 28, 27, 31;
5420
+ --color-sf-surface-variant: 28, 27, 31;
5421
+ --color-sf-background: var(--color-sf-surface);
5422
+ --color-sf-on-primary: 55, 30, 115;
5423
+ --color-sf-on-primary-container: 234, 221, 255;
5424
+ --color-sf-on-secondary: 51, 45, 65;
5425
+ --color-sf-on-secondary-container: 232, 222, 248;
5426
+ --color-sf-on-tertiary: 73, 37, 50;
5427
+ --color-sf-on-tertiary-containe: 255, 216, 228;
5428
+ --color-sf-on-surface: 230, 225, 229;
5429
+ --color-sf-on-surface-variant: 202, 196, 208;
5430
+ --color-sf-on-background: 230, 225, 229;
5431
+ --color-sf-outline: 147, 143, 153;
5432
+ --color-sf-outline-variant: 68, 71, 70;
5433
+ --color-sf-shadow: 0, 0, 0;
5434
+ --color-sf-surface-tint-color: 208, 188, 255;
5435
+ --color-sf-inverse-surface: 230, 225, 229;
5436
+ --color-sf-inverse-on-surface: 49, 48, 51;
5437
+ --color-sf-inverse-primary: 103, 80, 164;
5438
+ --color-sf-scrim: 0, 0, 0;
5439
+ --color-sf-error: 242, 184, 181;
5440
+ --color-sf-error-container: 140, 29, 24;
5441
+ --color-sf-on-error: 96, 20, 16;
5442
+ --color-sf-on-error-container: 249, 222, 220;
5443
+ --color-sf-success: 83, 202, 23;
5444
+ --color-sf-success-container: 22, 62, 2;
5445
+ --color-sf-on-success: 13, 39, 0;
5446
+ --color-sf-on-success-container: 183, 250, 150;
5447
+ --color-sf-info: 71, 172, 251;
5448
+ --color-sf-info-container: 0, 67, 120;
5449
+ --color-sf-on-info: 0, 51, 91;
5450
+ --color-sf-on-info-container: 173, 219, 255;
5451
+ --color-sf-warning: 245, 180, 130;
5452
+ --color-sf-warning-container: 123, 65, 0;
5453
+ --color-sf-on-warning: 99, 52, 0;
5454
+ --color-sf-on-warning-container: 255, 220, 193;
5455
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
5456
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
5457
+ --color-sf-success-text: 0, 0, 0;
5458
+ --color-sf-warning-text: 0, 0, 0;
5459
+ --color-sf-info-text: 0, 0, 0;
5460
+ --color-sf-danger-text: 0, 0, 0;
5461
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
5462
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
5463
+ }
5464
+
4696
5465
  /* stylelint-disable-line no-empty-source */
4697
5466
  /* stylelint-disable property-no-vendor-prefix */
4698
5467
  @keyframes material-spinner-rotate {