@syncfusion/ej2-angular-dropdowns 23.1.44 → 23.2.4-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 (460) 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 +2450 -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 +4 -7
  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 +4 -7
  22. package/src/combo-box/combobox.module.d.ts +0 -6
  23. package/src/drop-down-list/dropdownlist-all.module.d.ts +0 -6
  24. package/src/drop-down-list/dropdownlist.component.d.ts +2 -5
  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 +0 -3
  28. package/src/drop-down-tree/dropdowntree.module.d.ts +0 -6
  29. package/src/list-box/listbox-all.module.d.ts +0 -6
  30. package/src/list-box/listbox.component.d.ts +1 -4
  31. package/src/list-box/listbox.module.d.ts +0 -6
  32. package/src/mention/mention-all.module.d.ts +0 -6
  33. package/src/mention/mention.component.d.ts +0 -3
  34. package/src/mention/mention.module.d.ts +0 -6
  35. package/src/multi-select/multiselect-all.module.d.ts +0 -6
  36. package/src/multi-select/multiselect.component.d.ts +0 -3
  37. package/src/multi-select/multiselect.module.d.ts +0 -6
  38. package/styles/auto-complete/bootstrap-dark.scss +1 -4
  39. package/styles/auto-complete/bootstrap.scss +1 -4
  40. package/styles/auto-complete/bootstrap4.scss +1 -4
  41. package/styles/auto-complete/bootstrap5-dark.scss +1 -4
  42. package/styles/auto-complete/bootstrap5.scss +1 -4
  43. package/styles/auto-complete/fabric-dark.scss +1 -4
  44. package/styles/auto-complete/fabric.scss +1 -4
  45. package/styles/auto-complete/fluent-dark.scss +1 -4
  46. package/styles/auto-complete/fluent.scss +1 -4
  47. package/styles/auto-complete/highcontrast-light.scss +1 -4
  48. package/styles/auto-complete/highcontrast.scss +1 -4
  49. package/styles/auto-complete/material-dark.scss +1 -4
  50. package/styles/auto-complete/material.scss +1 -4
  51. package/styles/auto-complete/material3-dark.scss +1 -4
  52. package/styles/auto-complete/material3.scss +1 -4
  53. package/styles/auto-complete/tailwind-dark.scss +1 -4
  54. package/styles/auto-complete/tailwind.scss +1 -4
  55. package/styles/bootstrap-dark.css +5 -0
  56. package/styles/bootstrap5-dark.css +2 -1
  57. package/styles/bootstrap5.css +2 -1
  58. package/styles/combo-box/bootstrap-dark.scss +1 -4
  59. package/styles/combo-box/bootstrap.scss +1 -4
  60. package/styles/combo-box/bootstrap4.scss +1 -4
  61. package/styles/combo-box/bootstrap5-dark.scss +1 -4
  62. package/styles/combo-box/bootstrap5.scss +1 -4
  63. package/styles/combo-box/fabric-dark.scss +1 -4
  64. package/styles/combo-box/fabric.scss +1 -4
  65. package/styles/combo-box/fluent-dark.scss +1 -4
  66. package/styles/combo-box/fluent.scss +1 -4
  67. package/styles/combo-box/highcontrast-light.scss +1 -4
  68. package/styles/combo-box/highcontrast.scss +1 -4
  69. package/styles/combo-box/material-dark.scss +1 -4
  70. package/styles/combo-box/material.scss +1 -4
  71. package/styles/combo-box/material3-dark.scss +1 -4
  72. package/styles/combo-box/material3.scss +1 -4
  73. package/styles/combo-box/tailwind-dark.scss +1 -4
  74. package/styles/combo-box/tailwind.scss +1 -4
  75. package/styles/drop-down-base/bootstrap-dark.scss +1 -3
  76. package/styles/drop-down-base/bootstrap.scss +1 -3
  77. package/styles/drop-down-base/bootstrap4.scss +1 -3
  78. package/styles/drop-down-base/bootstrap5-dark.scss +1 -3
  79. package/styles/drop-down-base/bootstrap5.scss +1 -3
  80. package/styles/drop-down-base/fabric-dark.scss +1 -3
  81. package/styles/drop-down-base/fabric.scss +1 -3
  82. package/styles/drop-down-base/fluent-dark.scss +1 -3
  83. package/styles/drop-down-base/fluent.scss +1 -3
  84. package/styles/drop-down-base/highcontrast-light.scss +1 -3
  85. package/styles/drop-down-base/highcontrast.scss +1 -3
  86. package/styles/drop-down-base/material-dark.scss +1 -3
  87. package/styles/drop-down-base/material.scss +1 -3
  88. package/styles/drop-down-base/material3-dark.scss +1 -3
  89. package/styles/drop-down-base/material3.scss +1 -3
  90. package/styles/drop-down-base/tailwind-dark.scss +1 -3
  91. package/styles/drop-down-base/tailwind.scss +1 -3
  92. package/styles/drop-down-list/bootstrap-dark.scss +1 -9
  93. package/styles/drop-down-list/bootstrap.scss +1 -9
  94. package/styles/drop-down-list/bootstrap4.scss +1 -9
  95. package/styles/drop-down-list/bootstrap5-dark.scss +1 -9
  96. package/styles/drop-down-list/bootstrap5.scss +1 -9
  97. package/styles/drop-down-list/fabric-dark.scss +1 -9
  98. package/styles/drop-down-list/fabric.scss +1 -9
  99. package/styles/drop-down-list/fluent-dark.scss +1 -9
  100. package/styles/drop-down-list/fluent.scss +1 -9
  101. package/styles/drop-down-list/highcontrast-light.scss +1 -9
  102. package/styles/drop-down-list/highcontrast.scss +1 -9
  103. package/styles/drop-down-list/material-dark.scss +1 -9
  104. package/styles/drop-down-list/material.scss +1 -9
  105. package/styles/drop-down-list/material3-dark.scss +1 -9
  106. package/styles/drop-down-list/material3.scss +1 -9
  107. package/styles/drop-down-list/tailwind-dark.scss +1 -9
  108. package/styles/drop-down-list/tailwind.scss +1 -9
  109. package/styles/drop-down-tree/bootstrap-dark.scss +1 -9
  110. package/styles/drop-down-tree/bootstrap.scss +1 -9
  111. package/styles/drop-down-tree/bootstrap4.scss +1 -9
  112. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -9
  113. package/styles/drop-down-tree/bootstrap5.scss +1 -9
  114. package/styles/drop-down-tree/fabric-dark.scss +1 -9
  115. package/styles/drop-down-tree/fabric.scss +1 -9
  116. package/styles/drop-down-tree/fluent-dark.scss +1 -9
  117. package/styles/drop-down-tree/fluent.scss +1 -9
  118. package/styles/drop-down-tree/highcontrast-light.scss +1 -9
  119. package/styles/drop-down-tree/highcontrast.scss +1 -9
  120. package/styles/drop-down-tree/material-dark.scss +1 -9
  121. package/styles/drop-down-tree/material.scss +1 -9
  122. package/styles/drop-down-tree/material3-dark.scss +1 -9
  123. package/styles/drop-down-tree/material3.scss +1 -9
  124. package/styles/drop-down-tree/tailwind-dark.scss +1 -9
  125. package/styles/drop-down-tree/tailwind.scss +1 -9
  126. package/styles/fabric-dark.css +5 -0
  127. package/styles/fluent-dark.css +2 -1
  128. package/styles/fluent.css +2 -1
  129. package/styles/highcontrast.css +5 -0
  130. package/styles/list-box/bootstrap-dark.scss +1 -5
  131. package/styles/list-box/bootstrap.scss +1 -5
  132. package/styles/list-box/bootstrap4.scss +1 -5
  133. package/styles/list-box/bootstrap5-dark.scss +1 -5
  134. package/styles/list-box/bootstrap5.scss +1 -5
  135. package/styles/list-box/fabric-dark.scss +1 -5
  136. package/styles/list-box/fabric.scss +1 -5
  137. package/styles/list-box/fluent-dark.scss +1 -5
  138. package/styles/list-box/fluent.scss +1 -5
  139. package/styles/list-box/highcontrast-light.scss +1 -5
  140. package/styles/list-box/highcontrast.scss +1 -5
  141. package/styles/list-box/material-dark.scss +1 -5
  142. package/styles/list-box/material.scss +1 -5
  143. package/styles/list-box/material3-dark.scss +1 -5
  144. package/styles/list-box/material3.scss +1 -5
  145. package/styles/list-box/tailwind-dark.scss +1 -5
  146. package/styles/list-box/tailwind.scss +1 -5
  147. package/styles/material3-dark.css +387 -1
  148. package/styles/material3-dark.scss +0 -1
  149. package/styles/material3.css +779 -1
  150. package/styles/material3.scss +0 -1
  151. package/styles/mention/bootstrap-dark.scss +1 -6
  152. package/styles/mention/bootstrap.scss +1 -6
  153. package/styles/mention/bootstrap4.scss +1 -6
  154. package/styles/mention/bootstrap5-dark.scss +1 -6
  155. package/styles/mention/bootstrap5.scss +1 -6
  156. package/styles/mention/fabric-dark.scss +1 -6
  157. package/styles/mention/fabric.scss +1 -6
  158. package/styles/mention/fluent-dark.scss +1 -6
  159. package/styles/mention/fluent.scss +1 -6
  160. package/styles/mention/highcontrast-light.scss +1 -6
  161. package/styles/mention/highcontrast.scss +1 -6
  162. package/styles/mention/material-dark.scss +1 -6
  163. package/styles/mention/material.scss +1 -6
  164. package/styles/mention/material3-dark.scss +1 -6
  165. package/styles/mention/material3.scss +1 -6
  166. package/styles/mention/tailwind-dark.scss +1 -6
  167. package/styles/mention/tailwind.scss +1 -6
  168. package/styles/multi-select/bootstrap-dark.css +5 -0
  169. package/styles/multi-select/bootstrap-dark.scss +1 -9
  170. package/styles/multi-select/bootstrap.scss +1 -9
  171. package/styles/multi-select/bootstrap4.scss +1 -9
  172. package/styles/multi-select/bootstrap5-dark.css +2 -1
  173. package/styles/multi-select/bootstrap5-dark.scss +1 -9
  174. package/styles/multi-select/bootstrap5.css +2 -1
  175. package/styles/multi-select/bootstrap5.scss +1 -9
  176. package/styles/multi-select/fabric-dark.css +5 -0
  177. package/styles/multi-select/fabric-dark.scss +1 -9
  178. package/styles/multi-select/fabric.scss +1 -9
  179. package/styles/multi-select/fluent-dark.css +2 -1
  180. package/styles/multi-select/fluent-dark.scss +1 -9
  181. package/styles/multi-select/fluent.css +2 -1
  182. package/styles/multi-select/fluent.scss +1 -9
  183. package/styles/multi-select/highcontrast-light.scss +1 -9
  184. package/styles/multi-select/highcontrast.css +5 -0
  185. package/styles/multi-select/highcontrast.scss +1 -9
  186. package/styles/multi-select/material-dark.scss +1 -9
  187. package/styles/multi-select/material.scss +1 -9
  188. package/styles/multi-select/material3-dark.scss +1 -9
  189. package/styles/multi-select/material3.scss +1 -9
  190. package/styles/multi-select/tailwind-dark.css +2 -1
  191. package/styles/multi-select/tailwind-dark.scss +1 -9
  192. package/styles/multi-select/tailwind.css +2 -1
  193. package/styles/multi-select/tailwind.scss +1 -9
  194. package/styles/tailwind-dark.css +2 -1
  195. package/styles/tailwind.css +2 -1
  196. package/esm2020/public_api.mjs +0 -3
  197. package/esm2020/src/auto-complete/autocomplete-all.module.mjs +0 -23
  198. package/esm2020/src/auto-complete/autocomplete.component.mjs +0 -129
  199. package/esm2020/src/auto-complete/autocomplete.module.mjs +0 -25
  200. package/esm2020/src/combo-box/combobox-all.module.mjs +0 -23
  201. package/esm2020/src/combo-box/combobox.component.mjs +0 -129
  202. package/esm2020/src/combo-box/combobox.module.mjs +0 -25
  203. package/esm2020/src/drop-down-list/dropdownlist-all.module.mjs +0 -29
  204. package/esm2020/src/drop-down-list/dropdownlist.component.mjs +0 -135
  205. package/esm2020/src/drop-down-list/dropdownlist.module.mjs +0 -25
  206. package/esm2020/src/drop-down-tree/dropdowntree-all.module.mjs +0 -23
  207. package/esm2020/src/drop-down-tree/dropdowntree.component.mjs +0 -116
  208. package/esm2020/src/drop-down-tree/dropdowntree.module.mjs +0 -25
  209. package/esm2020/src/index.mjs +0 -23
  210. package/esm2020/src/list-box/listbox-all.module.mjs +0 -23
  211. package/esm2020/src/list-box/listbox.component.mjs +0 -104
  212. package/esm2020/src/list-box/listbox.module.mjs +0 -25
  213. package/esm2020/src/mention/mention-all.module.mjs +0 -23
  214. package/esm2020/src/mention/mention.component.mjs +0 -84
  215. package/esm2020/src/mention/mention.module.mjs +0 -25
  216. package/esm2020/src/multi-select/multiselect-all.module.mjs +0 -29
  217. package/esm2020/src/multi-select/multiselect.component.mjs +0 -135
  218. package/esm2020/src/multi-select/multiselect.module.mjs +0 -25
  219. package/esm2020/syncfusion-ej2-angular-dropdowns.mjs +0 -5
  220. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs +0 -1084
  221. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs.map +0 -1
  222. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs +0 -1084
  223. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs.map +0 -1
  224. package/styles/auto-complete/_all.scss +0 -1
  225. package/styles/auto-complete/_bootstrap-dark-definition.scss +0 -3
  226. package/styles/auto-complete/_bootstrap-definition.scss +0 -2
  227. package/styles/auto-complete/_bootstrap4-definition.scss +0 -11
  228. package/styles/auto-complete/_bootstrap5-dark-definition.scss +0 -1
  229. package/styles/auto-complete/_bootstrap5-definition.scss +0 -2
  230. package/styles/auto-complete/_fabric-dark-definition.scss +0 -2
  231. package/styles/auto-complete/_fabric-definition.scss +0 -2
  232. package/styles/auto-complete/_fluent-dark-definition.scss +0 -1
  233. package/styles/auto-complete/_fluent-definition.scss +0 -2
  234. package/styles/auto-complete/_fusionnew-definition.scss +0 -2
  235. package/styles/auto-complete/_highcontrast-definition.scss +0 -2
  236. package/styles/auto-complete/_highcontrast-light-definition.scss +0 -2
  237. package/styles/auto-complete/_material-dark-definition.scss +0 -2
  238. package/styles/auto-complete/_material-definition.scss +0 -2
  239. package/styles/auto-complete/_material3-dark-definition.scss +0 -1
  240. package/styles/auto-complete/_material3-definition.scss +0 -2
  241. package/styles/auto-complete/_tailwind-dark-definition.scss +0 -1
  242. package/styles/auto-complete/_tailwind-definition.scss +0 -2
  243. package/styles/combo-box/_all.scss +0 -1
  244. package/styles/combo-box/_bootstrap-dark-definition.scss +0 -2
  245. package/styles/combo-box/_bootstrap-definition.scss +0 -2
  246. package/styles/combo-box/_bootstrap4-definition.scss +0 -11
  247. package/styles/combo-box/_bootstrap5-dark-definition.scss +0 -1
  248. package/styles/combo-box/_bootstrap5-definition.scss +0 -2
  249. package/styles/combo-box/_fabric-dark-definition.scss +0 -2
  250. package/styles/combo-box/_fabric-definition.scss +0 -2
  251. package/styles/combo-box/_fluent-dark-definition.scss +0 -1
  252. package/styles/combo-box/_fluent-definition.scss +0 -2
  253. package/styles/combo-box/_fusionnew-definition.scss +0 -2
  254. package/styles/combo-box/_highcontrast-definition.scss +0 -2
  255. package/styles/combo-box/_highcontrast-light-definition.scss +0 -3
  256. package/styles/combo-box/_material-dark-definition.scss +0 -2
  257. package/styles/combo-box/_material-definition.scss +0 -2
  258. package/styles/combo-box/_material3-dark-definition.scss +0 -1
  259. package/styles/combo-box/_material3-definition.scss +0 -2
  260. package/styles/combo-box/_tailwind-dark-definition.scss +0 -1
  261. package/styles/combo-box/_tailwind-definition.scss +0 -2
  262. package/styles/drop-down-base/_all.scss +0 -2
  263. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -83
  264. package/styles/drop-down-base/_bootstrap-definition.scss +0 -83
  265. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -90
  266. package/styles/drop-down-base/_bootstrap5-dark-definition.scss +0 -1
  267. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -117
  268. package/styles/drop-down-base/_definition.scss +0 -23
  269. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -86
  270. package/styles/drop-down-base/_fabric-definition.scss +0 -84
  271. package/styles/drop-down-base/_fluent-dark-definition.scss +0 -1
  272. package/styles/drop-down-base/_fluent-definition.scss +0 -121
  273. package/styles/drop-down-base/_fusionnew-definition.scss +0 -117
  274. package/styles/drop-down-base/_highcontrast-definition.scss +0 -105
  275. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -105
  276. package/styles/drop-down-base/_layout.scss +0 -195
  277. package/styles/drop-down-base/_material-dark-definition.scss +0 -86
  278. package/styles/drop-down-base/_material-definition.scss +0 -85
  279. package/styles/drop-down-base/_material3-dark-definition.scss +0 -1
  280. package/styles/drop-down-base/_material3-definition.scss +0 -87
  281. package/styles/drop-down-base/_tailwind-dark-definition.scss +0 -1
  282. package/styles/drop-down-base/_tailwind-definition.scss +0 -129
  283. package/styles/drop-down-base/_theme.scss +0 -391
  284. package/styles/drop-down-list/_all.scss +0 -3
  285. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -157
  286. package/styles/drop-down-list/_bootstrap-definition.scss +0 -156
  287. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -202
  288. package/styles/drop-down-list/_bootstrap5-dark-definition.scss +0 -1
  289. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -201
  290. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -128
  291. package/styles/drop-down-list/_fabric-definition.scss +0 -124
  292. package/styles/drop-down-list/_fluent-dark-definition.scss +0 -1
  293. package/styles/drop-down-list/_fluent-definition.scss +0 -185
  294. package/styles/drop-down-list/_fusionnew-definition.scss +0 -201
  295. package/styles/drop-down-list/_highcontrast-definition.scss +0 -142
  296. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -144
  297. package/styles/drop-down-list/_layout.scss +0 -310
  298. package/styles/drop-down-list/_material-dark-definition.scss +0 -143
  299. package/styles/drop-down-list/_material-definition.scss +0 -167
  300. package/styles/drop-down-list/_material3-dark-definition.scss +0 -1
  301. package/styles/drop-down-list/_material3-definition.scss +0 -180
  302. package/styles/drop-down-list/_tailwind-dark-definition.scss +0 -1
  303. package/styles/drop-down-list/_tailwind-definition.scss +0 -134
  304. package/styles/drop-down-list/_theme.scss +0 -10
  305. package/styles/drop-down-list/icons/_bootstrap-dark.scss +0 -14
  306. package/styles/drop-down-list/icons/_bootstrap.scss +0 -14
  307. package/styles/drop-down-list/icons/_bootstrap4.scss +0 -14
  308. package/styles/drop-down-list/icons/_bootstrap5-dark.scss +0 -1
  309. package/styles/drop-down-list/icons/_bootstrap5.scss +0 -14
  310. package/styles/drop-down-list/icons/_fabric-dark.scss +0 -14
  311. package/styles/drop-down-list/icons/_fabric.scss +0 -14
  312. package/styles/drop-down-list/icons/_fluent-dark.scss +0 -1
  313. package/styles/drop-down-list/icons/_fluent.scss +0 -14
  314. package/styles/drop-down-list/icons/_fusionnew.scss +0 -14
  315. package/styles/drop-down-list/icons/_highcontrast-light.scss +0 -14
  316. package/styles/drop-down-list/icons/_highcontrast.scss +0 -14
  317. package/styles/drop-down-list/icons/_material-dark.scss +0 -14
  318. package/styles/drop-down-list/icons/_material.scss +0 -14
  319. package/styles/drop-down-list/icons/_material3-dark.scss +0 -1
  320. package/styles/drop-down-list/icons/_material3.scss +0 -14
  321. package/styles/drop-down-list/icons/_tailwind-dark.scss +0 -1
  322. package/styles/drop-down-list/icons/_tailwind.scss +0 -14
  323. package/styles/drop-down-tree/_all.scss +0 -2
  324. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +0 -72
  325. package/styles/drop-down-tree/_bootstrap-definition.scss +0 -71
  326. package/styles/drop-down-tree/_bootstrap4-definition.scss +0 -72
  327. package/styles/drop-down-tree/_bootstrap5-dark-definition.scss +0 -1
  328. package/styles/drop-down-tree/_bootstrap5-definition.scss +0 -60
  329. package/styles/drop-down-tree/_fabric-dark-definition.scss +0 -72
  330. package/styles/drop-down-tree/_fabric-definition.scss +0 -72
  331. package/styles/drop-down-tree/_fluent-dark-definition.scss +0 -1
  332. package/styles/drop-down-tree/_fluent-definition.scss +0 -66
  333. package/styles/drop-down-tree/_fusionnew-definition.scss +0 -60
  334. package/styles/drop-down-tree/_highcontrast-definition.scss +0 -72
  335. package/styles/drop-down-tree/_highcontrast-light-definition.scss +0 -72
  336. package/styles/drop-down-tree/_layout.scss +0 -1412
  337. package/styles/drop-down-tree/_material-dark-definition.scss +0 -73
  338. package/styles/drop-down-tree/_material-definition.scss +0 -73
  339. package/styles/drop-down-tree/_material3-dark-definition.scss +0 -1
  340. package/styles/drop-down-tree/_material3-definition.scss +0 -76
  341. package/styles/drop-down-tree/_tailwind-dark-definition.scss +0 -1
  342. package/styles/drop-down-tree/_tailwind-definition.scss +0 -61
  343. package/styles/drop-down-tree/_theme.scss +0 -132
  344. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +0 -11
  345. package/styles/drop-down-tree/icons/_bootstrap.scss +0 -11
  346. package/styles/drop-down-tree/icons/_bootstrap4.scss +0 -11
  347. package/styles/drop-down-tree/icons/_bootstrap5-dark.scss +0 -1
  348. package/styles/drop-down-tree/icons/_bootstrap5.scss +0 -11
  349. package/styles/drop-down-tree/icons/_fabric-dark.scss +0 -11
  350. package/styles/drop-down-tree/icons/_fabric.scss +0 -11
  351. package/styles/drop-down-tree/icons/_fluent-dark.scss +0 -1
  352. package/styles/drop-down-tree/icons/_fluent.scss +0 -11
  353. package/styles/drop-down-tree/icons/_fusionnew.scss +0 -11
  354. package/styles/drop-down-tree/icons/_highcontrast-light.scss +0 -11
  355. package/styles/drop-down-tree/icons/_highcontrast.scss +0 -11
  356. package/styles/drop-down-tree/icons/_material-dark.scss +0 -11
  357. package/styles/drop-down-tree/icons/_material.scss +0 -11
  358. package/styles/drop-down-tree/icons/_material3-dark.scss +0 -1
  359. package/styles/drop-down-tree/icons/_material3.scss +0 -11
  360. package/styles/drop-down-tree/icons/_tailwind-dark.scss +0 -11
  361. package/styles/drop-down-tree/icons/_tailwind.scss +0 -11
  362. package/styles/list-box/_all.scss +0 -2
  363. package/styles/list-box/_bootstrap-dark-definition.scss +0 -126
  364. package/styles/list-box/_bootstrap-definition.scss +0 -119
  365. package/styles/list-box/_bootstrap4-definition.scss +0 -124
  366. package/styles/list-box/_bootstrap5-dark-definition.scss +0 -1
  367. package/styles/list-box/_bootstrap5-definition.scss +0 -120
  368. package/styles/list-box/_fabric-dark-definition.scss +0 -126
  369. package/styles/list-box/_fabric-definition.scss +0 -119
  370. package/styles/list-box/_fluent-dark-definition.scss +0 -1
  371. package/styles/list-box/_fluent-definition.scss +0 -120
  372. package/styles/list-box/_fusionnew-definition.scss +0 -111
  373. package/styles/list-box/_highcontrast-definition.scss +0 -119
  374. package/styles/list-box/_highcontrast-light-definition.scss +0 -126
  375. package/styles/list-box/_layout.scss +0 -542
  376. package/styles/list-box/_material-dark-definition.scss +0 -126
  377. package/styles/list-box/_material-definition.scss +0 -119
  378. package/styles/list-box/_material3-dark-definition.scss +0 -1
  379. package/styles/list-box/_material3-definition.scss +0 -119
  380. package/styles/list-box/_tailwind-dark-definition.scss +0 -1
  381. package/styles/list-box/_tailwind-definition.scss +0 -119
  382. package/styles/list-box/_theme.scss +0 -382
  383. package/styles/list-box/icons/_bootstrap-dark.scss +0 -25
  384. package/styles/list-box/icons/_bootstrap.scss +0 -25
  385. package/styles/list-box/icons/_bootstrap4.scss +0 -25
  386. package/styles/list-box/icons/_bootstrap5-dark.scss +0 -1
  387. package/styles/list-box/icons/_bootstrap5.scss +0 -25
  388. package/styles/list-box/icons/_fabric-dark.scss +0 -25
  389. package/styles/list-box/icons/_fabric.scss +0 -25
  390. package/styles/list-box/icons/_fluent-dark.scss +0 -1
  391. package/styles/list-box/icons/_fluent.scss +0 -25
  392. package/styles/list-box/icons/_fusionnew.scss +0 -25
  393. package/styles/list-box/icons/_highcontrast-light.scss +0 -25
  394. package/styles/list-box/icons/_highcontrast.scss +0 -25
  395. package/styles/list-box/icons/_material-dark.scss +0 -25
  396. package/styles/list-box/icons/_material.scss +0 -25
  397. package/styles/list-box/icons/_material3-dark.scss +0 -1
  398. package/styles/list-box/icons/_material3.scss +0 -25
  399. package/styles/list-box/icons/_tailwind-dark.scss +0 -25
  400. package/styles/list-box/icons/_tailwind.scss +0 -25
  401. package/styles/mention/_all.scss +0 -1
  402. package/styles/mention/_bootstrap-dark-definition.scss +0 -3
  403. package/styles/mention/_bootstrap-definition.scss +0 -3
  404. package/styles/mention/_bootstrap4-definition.scss +0 -3
  405. package/styles/mention/_bootstrap5-dark-definition.scss +0 -1
  406. package/styles/mention/_bootstrap5-definition.scss +0 -1
  407. package/styles/mention/_fabric-dark-definition.scss +0 -2
  408. package/styles/mention/_fabric-definition.scss +0 -3
  409. package/styles/mention/_fluent-dark-definition.scss +0 -1
  410. package/styles/mention/_fluent-definition.scss +0 -1
  411. package/styles/mention/_fusionnew-definition.scss +0 -1
  412. package/styles/mention/_highcontrast-definition.scss +0 -3
  413. package/styles/mention/_highcontrast-light-definition.scss +0 -3
  414. package/styles/mention/_layout.scss +0 -6
  415. package/styles/mention/_material-dark-definition.scss +0 -3
  416. package/styles/mention/_material-definition.scss +0 -3
  417. package/styles/mention/_material3-dark-definition.scss +0 -1
  418. package/styles/mention/_material3-definition.scss +0 -1
  419. package/styles/mention/_tailwind-dark-definition.scss +0 -1
  420. package/styles/mention/_tailwind-definition.scss +0 -1
  421. package/styles/multi-select/_all.scss +0 -2
  422. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -198
  423. package/styles/multi-select/_bootstrap-definition.scss +0 -192
  424. package/styles/multi-select/_bootstrap4-definition.scss +0 -278
  425. package/styles/multi-select/_bootstrap5-dark-definition.scss +0 -1
  426. package/styles/multi-select/_bootstrap5-definition.scss +0 -229
  427. package/styles/multi-select/_fabric-dark-definition.scss +0 -187
  428. package/styles/multi-select/_fabric-definition.scss +0 -183
  429. package/styles/multi-select/_fluent-dark-definition.scss +0 -1
  430. package/styles/multi-select/_fluent-definition.scss +0 -240
  431. package/styles/multi-select/_fusionnew-definition.scss +0 -227
  432. package/styles/multi-select/_highcontrast-definition.scss +0 -298
  433. package/styles/multi-select/_highcontrast-light-definition.scss +0 -297
  434. package/styles/multi-select/_layout.scss +0 -2199
  435. package/styles/multi-select/_material-dark-definition.scss +0 -230
  436. package/styles/multi-select/_material-definition.scss +0 -223
  437. package/styles/multi-select/_material3-dark-definition.scss +0 -1
  438. package/styles/multi-select/_material3-definition.scss +0 -246
  439. package/styles/multi-select/_tailwind-dark-definition.scss +0 -1
  440. package/styles/multi-select/_tailwind-definition.scss +0 -234
  441. package/styles/multi-select/_theme.scss +0 -586
  442. package/styles/multi-select/icons/_bootstrap-dark.scss +0 -26
  443. package/styles/multi-select/icons/_bootstrap.scss +0 -26
  444. package/styles/multi-select/icons/_bootstrap4.scss +0 -37
  445. package/styles/multi-select/icons/_bootstrap5-dark.scss +0 -1
  446. package/styles/multi-select/icons/_bootstrap5.scss +0 -26
  447. package/styles/multi-select/icons/_fabric-dark.scss +0 -26
  448. package/styles/multi-select/icons/_fabric.scss +0 -26
  449. package/styles/multi-select/icons/_fluent-dark.scss +0 -1
  450. package/styles/multi-select/icons/_fluent.scss +0 -55
  451. package/styles/multi-select/icons/_fusionnew.scss +0 -26
  452. package/styles/multi-select/icons/_highcontrast-light.scss +0 -26
  453. package/styles/multi-select/icons/_highcontrast.scss +0 -26
  454. package/styles/multi-select/icons/_material-dark.scss +0 -693
  455. package/styles/multi-select/icons/_material.scss +0 -693
  456. package/styles/multi-select/icons/_material3-dark.scss +0 -1
  457. package/styles/multi-select/icons/_material3.scss +0 -692
  458. package/styles/multi-select/icons/_tailwind-dark.scss +0 -1
  459. package/styles/multi-select/icons/_tailwind.scss +0 -26
  460. package/syncfusion-ej2-angular-dropdowns.d.ts +0 -5
package/styles/material3.css CHANGED
@@ -493,6 +493,117 @@
493
493
  background-color: rgba(var(--color-sf-on-surface), 0.05);
494
494
  }
495
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
+
496
607
  /* stylelint-disable property-no-vendor-prefix */
497
608
  @keyframes e-input-ripple {
498
609
  100% {
@@ -929,6 +1040,117 @@ ejs-dropdownlist {
929
1040
  color: rgba(var(--color-sf-on-surface));
930
1041
  }
931
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
+
932
1154
  /* stylelint-disable property-no-vendor-prefix */
933
1155
  @keyframes e-input-ripple {
934
1156
  100% {
@@ -1328,7 +1550,341 @@ ejs-dropdownlist {
1328
1550
  color: rgba(var(--color-sf-on-surface));
1329
1551
  }
1330
1552
 
1331
- /* 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
+
1332
1888
  /* stylelint-disable property-no-vendor-prefix */
1333
1889
  @keyframes e-input-ripple {
1334
1890
  100% {
@@ -3813,6 +4369,117 @@ ejs-multiselect {
3813
4369
  color: #fff;
3814
4370
  }
3815
4371
 
4372
+ :root {
4373
+ --color-sf-black: 0, 0, 0;
4374
+ --color-sf-white: 255, 255, 255;
4375
+ --color-sf-primary: 103, 80, 164;
4376
+ --color-sf-primary-container: 234, 221, 255;
4377
+ --color-sf-secondary: 98, 91, 113;
4378
+ --color-sf-secondary-container: 232, 222, 248;
4379
+ --color-sf-tertiary: 125, 82, 96;
4380
+ --color-sf-tertiary-container: 255, 216, 228;
4381
+ --color-sf-surface: 255, 255, 255;
4382
+ --color-sf-surface-variant: 231, 224, 236;
4383
+ --color-sf-background: var(--color-sf-surface);
4384
+ --color-sf-on-primary: 255, 255, 255;
4385
+ --color-sf-on-primary-container: 33, 0, 94;
4386
+ --color-sf-on-secondary: 255, 255, 255;
4387
+ --color-sf-on-secondary-container: 30, 25, 43;
4388
+ --color-sf-on-tertiary: 255, 255, 255;
4389
+ --color-sf-on-tertiary-containe: 55, 11, 30;
4390
+ --color-sf-on-surface: 28, 27, 31;
4391
+ --color-sf-on-surface-variant: 73, 69, 78;
4392
+ --color-sf-on-background: 28, 27, 31;
4393
+ --color-sf-outline: 121, 116, 126;
4394
+ --color-sf-outline-variant: 196, 199, 197;
4395
+ --color-sf-shadow: 0, 0, 0;
4396
+ --color-sf-surface-tint-color: 103, 80, 164;
4397
+ --color-sf-inverse-surface: 49, 48, 51;
4398
+ --color-sf-inverse-on-surface: 244, 239, 244;
4399
+ --color-sf-inverse-primary: 208, 188, 255;
4400
+ --color-sf-scrim: 0, 0, 0;
4401
+ --color-sf-error: 179, 38, 30;
4402
+ --color-sf-error-container: 249, 222, 220;
4403
+ --color-sf-on-error: 255, 250, 250;
4404
+ --color-sf-on-error-container: 65, 14, 11;
4405
+ --color-sf-success: 32, 81, 7;
4406
+ --color-sf-success-container: 209, 255, 186;
4407
+ --color-sf-on-success: 244, 255, 239;
4408
+ --color-sf-on-success-container: 13, 39, 0;
4409
+ --color-sf-info: 1, 87, 155;
4410
+ --color-sf-info-container: 233, 245, 255;
4411
+ --color-sf-on-info: 250, 253, 255;
4412
+ --color-sf-on-info-container: 0, 51, 91;
4413
+ --color-sf-warning: 145, 76, 0;
4414
+ --color-sf-warning-container: 254, 236, 222;
4415
+ --color-sf-on-warning: 255, 255, 255;
4416
+ --color-sf-on-warning-container: 47, 21, 0;
4417
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
4418
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
4419
+ --color-sf-diagram-palette-background: --color-sf-white;
4420
+ --color-sf-success-text: 255, 255, 255;
4421
+ --color-sf-warning-text: 255, 255, 255;
4422
+ --color-sf-danger-text: 255, 255, 255;
4423
+ --color-sf-info-text: 255, 255, 255;
4424
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
4425
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
4426
+ }
4427
+
4428
+ .e-dark-mode {
4429
+ --color-sf-black: 0, 0, 0;
4430
+ --color-sf-white: 255, 255, 255;
4431
+ --color-sf-primary: 208, 188, 255;
4432
+ --color-sf-primary-container: 79, 55, 139;
4433
+ --color-sf-secondary: 204, 194, 220;
4434
+ --color-sf-secondary-container: 74, 68, 88;
4435
+ --color-sf-tertiary: 239, 184, 200;
4436
+ --color-sf-tertiary-container: 99, 59, 72;
4437
+ --color-sf-surface: 28, 27, 31;
4438
+ --color-sf-surface-variant: 28, 27, 31;
4439
+ --color-sf-background: var(--color-sf-surface);
4440
+ --color-sf-on-primary: 55, 30, 115;
4441
+ --color-sf-on-primary-container: 234, 221, 255;
4442
+ --color-sf-on-secondary: 51, 45, 65;
4443
+ --color-sf-on-secondary-container: 232, 222, 248;
4444
+ --color-sf-on-tertiary: 73, 37, 50;
4445
+ --color-sf-on-tertiary-containe: 255, 216, 228;
4446
+ --color-sf-on-surface: 230, 225, 229;
4447
+ --color-sf-on-surface-variant: 202, 196, 208;
4448
+ --color-sf-on-background: 230, 225, 229;
4449
+ --color-sf-outline: 147, 143, 153;
4450
+ --color-sf-outline-variant: 68, 71, 70;
4451
+ --color-sf-shadow: 0, 0, 0;
4452
+ --color-sf-surface-tint-color: 208, 188, 255;
4453
+ --color-sf-inverse-surface: 230, 225, 229;
4454
+ --color-sf-inverse-on-surface: 49, 48, 51;
4455
+ --color-sf-inverse-primary: 103, 80, 164;
4456
+ --color-sf-scrim: 0, 0, 0;
4457
+ --color-sf-error: 242, 184, 181;
4458
+ --color-sf-error-container: 140, 29, 24;
4459
+ --color-sf-on-error: 96, 20, 16;
4460
+ --color-sf-on-error-container: 249, 222, 220;
4461
+ --color-sf-success: 83, 202, 23;
4462
+ --color-sf-success-container: 22, 62, 2;
4463
+ --color-sf-on-success: 13, 39, 0;
4464
+ --color-sf-on-success-container: 183, 250, 150;
4465
+ --color-sf-info: 71, 172, 251;
4466
+ --color-sf-info-container: 0, 67, 120;
4467
+ --color-sf-on-info: 0, 51, 91;
4468
+ --color-sf-on-info-container: 173, 219, 255;
4469
+ --color-sf-warning: 245, 180, 130;
4470
+ --color-sf-warning-container: 123, 65, 0;
4471
+ --color-sf-on-warning: 99, 52, 0;
4472
+ --color-sf-on-warning-container: 255, 220, 193;
4473
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
4474
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
4475
+ --color-sf-success-text: 0, 0, 0;
4476
+ --color-sf-warning-text: 0, 0, 0;
4477
+ --color-sf-info-text: 0, 0, 0;
4478
+ --color-sf-danger-text: 0, 0, 0;
4479
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
4480
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
4481
+ }
4482
+
3816
4483
  .e-listbox-tool .e-moveup::before {
3817
4484
  content: "\e776";
3818
4485
  }
@@ -4757,6 +5424,117 @@ ejs-listbox {
4757
5424
  height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
4758
5425
  }
4759
5426
 
5427
+ :root {
5428
+ --color-sf-black: 0, 0, 0;
5429
+ --color-sf-white: 255, 255, 255;
5430
+ --color-sf-primary: 103, 80, 164;
5431
+ --color-sf-primary-container: 234, 221, 255;
5432
+ --color-sf-secondary: 98, 91, 113;
5433
+ --color-sf-secondary-container: 232, 222, 248;
5434
+ --color-sf-tertiary: 125, 82, 96;
5435
+ --color-sf-tertiary-container: 255, 216, 228;
5436
+ --color-sf-surface: 255, 255, 255;
5437
+ --color-sf-surface-variant: 231, 224, 236;
5438
+ --color-sf-background: var(--color-sf-surface);
5439
+ --color-sf-on-primary: 255, 255, 255;
5440
+ --color-sf-on-primary-container: 33, 0, 94;
5441
+ --color-sf-on-secondary: 255, 255, 255;
5442
+ --color-sf-on-secondary-container: 30, 25, 43;
5443
+ --color-sf-on-tertiary: 255, 255, 255;
5444
+ --color-sf-on-tertiary-containe: 55, 11, 30;
5445
+ --color-sf-on-surface: 28, 27, 31;
5446
+ --color-sf-on-surface-variant: 73, 69, 78;
5447
+ --color-sf-on-background: 28, 27, 31;
5448
+ --color-sf-outline: 121, 116, 126;
5449
+ --color-sf-outline-variant: 196, 199, 197;
5450
+ --color-sf-shadow: 0, 0, 0;
5451
+ --color-sf-surface-tint-color: 103, 80, 164;
5452
+ --color-sf-inverse-surface: 49, 48, 51;
5453
+ --color-sf-inverse-on-surface: 244, 239, 244;
5454
+ --color-sf-inverse-primary: 208, 188, 255;
5455
+ --color-sf-scrim: 0, 0, 0;
5456
+ --color-sf-error: 179, 38, 30;
5457
+ --color-sf-error-container: 249, 222, 220;
5458
+ --color-sf-on-error: 255, 250, 250;
5459
+ --color-sf-on-error-container: 65, 14, 11;
5460
+ --color-sf-success: 32, 81, 7;
5461
+ --color-sf-success-container: 209, 255, 186;
5462
+ --color-sf-on-success: 244, 255, 239;
5463
+ --color-sf-on-success-container: 13, 39, 0;
5464
+ --color-sf-info: 1, 87, 155;
5465
+ --color-sf-info-container: 233, 245, 255;
5466
+ --color-sf-on-info: 250, 253, 255;
5467
+ --color-sf-on-info-container: 0, 51, 91;
5468
+ --color-sf-warning: 145, 76, 0;
5469
+ --color-sf-warning-container: 254, 236, 222;
5470
+ --color-sf-on-warning: 255, 255, 255;
5471
+ --color-sf-on-warning-container: 47, 21, 0;
5472
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
5473
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
5474
+ --color-sf-diagram-palette-background: --color-sf-white;
5475
+ --color-sf-success-text: 255, 255, 255;
5476
+ --color-sf-warning-text: 255, 255, 255;
5477
+ --color-sf-danger-text: 255, 255, 255;
5478
+ --color-sf-info-text: 255, 255, 255;
5479
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
5480
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
5481
+ }
5482
+
5483
+ .e-dark-mode {
5484
+ --color-sf-black: 0, 0, 0;
5485
+ --color-sf-white: 255, 255, 255;
5486
+ --color-sf-primary: 208, 188, 255;
5487
+ --color-sf-primary-container: 79, 55, 139;
5488
+ --color-sf-secondary: 204, 194, 220;
5489
+ --color-sf-secondary-container: 74, 68, 88;
5490
+ --color-sf-tertiary: 239, 184, 200;
5491
+ --color-sf-tertiary-container: 99, 59, 72;
5492
+ --color-sf-surface: 28, 27, 31;
5493
+ --color-sf-surface-variant: 28, 27, 31;
5494
+ --color-sf-background: var(--color-sf-surface);
5495
+ --color-sf-on-primary: 55, 30, 115;
5496
+ --color-sf-on-primary-container: 234, 221, 255;
5497
+ --color-sf-on-secondary: 51, 45, 65;
5498
+ --color-sf-on-secondary-container: 232, 222, 248;
5499
+ --color-sf-on-tertiary: 73, 37, 50;
5500
+ --color-sf-on-tertiary-containe: 255, 216, 228;
5501
+ --color-sf-on-surface: 230, 225, 229;
5502
+ --color-sf-on-surface-variant: 202, 196, 208;
5503
+ --color-sf-on-background: 230, 225, 229;
5504
+ --color-sf-outline: 147, 143, 153;
5505
+ --color-sf-outline-variant: 68, 71, 70;
5506
+ --color-sf-shadow: 0, 0, 0;
5507
+ --color-sf-surface-tint-color: 208, 188, 255;
5508
+ --color-sf-inverse-surface: 230, 225, 229;
5509
+ --color-sf-inverse-on-surface: 49, 48, 51;
5510
+ --color-sf-inverse-primary: 103, 80, 164;
5511
+ --color-sf-scrim: 0, 0, 0;
5512
+ --color-sf-error: 242, 184, 181;
5513
+ --color-sf-error-container: 140, 29, 24;
5514
+ --color-sf-on-error: 96, 20, 16;
5515
+ --color-sf-on-error-container: 249, 222, 220;
5516
+ --color-sf-success: 83, 202, 23;
5517
+ --color-sf-success-container: 22, 62, 2;
5518
+ --color-sf-on-success: 13, 39, 0;
5519
+ --color-sf-on-success-container: 183, 250, 150;
5520
+ --color-sf-info: 71, 172, 251;
5521
+ --color-sf-info-container: 0, 67, 120;
5522
+ --color-sf-on-info: 0, 51, 91;
5523
+ --color-sf-on-info-container: 173, 219, 255;
5524
+ --color-sf-warning: 245, 180, 130;
5525
+ --color-sf-warning-container: 123, 65, 0;
5526
+ --color-sf-on-warning: 99, 52, 0;
5527
+ --color-sf-on-warning-container: 255, 220, 193;
5528
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
5529
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
5530
+ --color-sf-success-text: 0, 0, 0;
5531
+ --color-sf-warning-text: 0, 0, 0;
5532
+ --color-sf-info-text: 0, 0, 0;
5533
+ --color-sf-danger-text: 0, 0, 0;
5534
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
5535
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
5536
+ }
5537
+
4760
5538
  /* stylelint-disable-line no-empty-source */
4761
5539
  /* stylelint-disable property-no-vendor-prefix */
4762
5540
  @keyframes material-spinner-rotate {