@syncfusion/ej2-inputs 25.2.6 → 26.1.38

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 (394) hide show
  1. package/.eslintrc.json +3 -2
  2. package/README.md +13 -0
  3. package/dist/ej2-inputs.min.js +2 -2
  4. package/dist/ej2-inputs.umd.min.js +2 -2
  5. package/dist/ej2-inputs.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-inputs.es2015.js +1090 -449
  7. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  8. package/dist/es6/ej2-inputs.es5.js +1050 -389
  9. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  10. package/dist/global/ej2-inputs.min.js +2 -2
  11. package/dist/global/ej2-inputs.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/otp-input.d.ts +4 -0
  14. package/otp-input.js +4 -0
  15. package/package.json +10 -10
  16. package/src/form-validator/form-validator.d.ts +6 -3
  17. package/src/form-validator/form-validator.js +31 -27
  18. package/src/index.d.ts +1 -0
  19. package/src/index.js +1 -0
  20. package/src/input/input.d.ts +2 -2
  21. package/src/input/input.js +63 -56
  22. package/src/maskedtextbox/base/mask-base.d.ts +1 -1
  23. package/src/maskedtextbox/base/mask-base.js +1 -1
  24. package/src/maskedtextbox/maskedtextbox/maskedtextbox-model.d.ts +2 -2
  25. package/src/maskedtextbox/maskedtextbox/maskedtextbox.d.ts +1 -2
  26. package/src/maskedtextbox/maskedtextbox/maskedtextbox.js +6 -7
  27. package/src/numerictextbox/numerictextbox.d.ts +2 -3
  28. package/src/numerictextbox/numerictextbox.js +14 -18
  29. package/src/otp-input/index.d.ts +5 -0
  30. package/src/otp-input/index.js +4 -0
  31. package/src/otp-input/otp-input-model.d.ts +142 -0
  32. package/src/otp-input/otp-input.d.ts +313 -0
  33. package/src/otp-input/otp-input.js +651 -0
  34. package/src/rating/rating.d.ts +0 -2
  35. package/src/rating/rating.js +4 -4
  36. package/src/slider/slider-model.d.ts +11 -6
  37. package/src/slider/slider.d.ts +21 -8
  38. package/src/slider/slider.js +191 -101
  39. package/src/textarea/textarea-model.d.ts +8 -2
  40. package/src/textarea/textarea.d.ts +9 -4
  41. package/src/textarea/textarea.js +17 -21
  42. package/src/textbox/textbox.d.ts +1 -3
  43. package/src/textbox/textbox.js +15 -11
  44. package/src/uploader/uploader.d.ts +1 -3
  45. package/src/uploader/uploader.js +27 -47
  46. package/styles/bootstrap-dark.css +1041 -1031
  47. package/styles/bootstrap-dark.scss +35 -11
  48. package/styles/bootstrap.css +1040 -1027
  49. package/styles/bootstrap.scss +35 -11
  50. package/styles/bootstrap4.css +1097 -1080
  51. package/styles/bootstrap4.scss +35 -11
  52. package/styles/bootstrap5-dark.css +1236 -1219
  53. package/styles/bootstrap5-dark.scss +35 -11
  54. package/styles/bootstrap5.css +1236 -1219
  55. package/styles/bootstrap5.scss +35 -11
  56. package/styles/color-picker/_bds-definition.scss +11 -1
  57. package/styles/color-picker/_bootstrap-dark-definition.scss +0 -3
  58. package/styles/color-picker/_bootstrap5-definition.scss +0 -1
  59. package/styles/color-picker/_bootstrap5.3-definition.scss +132 -0
  60. package/styles/color-picker/_fabric-dark-definition.scss +0 -3
  61. package/styles/color-picker/_fluent-definition.scss +0 -1
  62. package/styles/color-picker/_fluent2-definition.scss +143 -0
  63. package/styles/color-picker/_fusionnew-definition.scss +0 -1
  64. package/styles/color-picker/_highcontrast-light-definition.scss +0 -3
  65. package/styles/color-picker/_layout.scss +69 -34
  66. package/styles/color-picker/_material-dark-definition.scss +0 -3
  67. package/styles/color-picker/_material3-definition.scss +0 -1
  68. package/styles/color-picker/_tailwind-definition.scss +0 -1
  69. package/styles/color-picker/_theme.scss +13 -2
  70. package/styles/color-picker/bootstrap-dark.css +54 -20
  71. package/styles/color-picker/bootstrap.css +54 -20
  72. package/styles/color-picker/bootstrap4.css +60 -23
  73. package/styles/color-picker/bootstrap5-dark.css +58 -22
  74. package/styles/color-picker/bootstrap5.css +58 -22
  75. package/styles/color-picker/fabric-dark.css +54 -20
  76. package/styles/color-picker/fabric.css +54 -20
  77. package/styles/color-picker/fluent-dark.css +54 -20
  78. package/styles/color-picker/fluent.css +54 -20
  79. package/styles/color-picker/fluent2.css +2025 -0
  80. package/styles/color-picker/fluent2.scss +11 -0
  81. package/styles/color-picker/highcontrast-light.css +54 -20
  82. package/styles/color-picker/highcontrast.css +54 -20
  83. package/styles/color-picker/icons/_bootstrap5.3.scss +9 -0
  84. package/styles/color-picker/icons/_fluent2.scss +9 -0
  85. package/styles/color-picker/material-dark.css +63 -21
  86. package/styles/color-picker/material.css +77 -23
  87. package/styles/color-picker/material3-dark.css +92 -29
  88. package/styles/color-picker/material3.css +92 -29
  89. package/styles/color-picker/tailwind-dark.css +54 -21
  90. package/styles/color-picker/tailwind.css +54 -21
  91. package/styles/data-form/_bootstrap5.3-definition.scss +41 -0
  92. package/styles/data-form/_fluent2-definition.scss +41 -0
  93. package/styles/data-form/_layout.scss +1 -4
  94. package/styles/data-form/_material3-definition.scss +0 -7
  95. package/styles/data-form/bootstrap-dark.css +47 -59
  96. package/styles/data-form/bootstrap.css +47 -59
  97. package/styles/data-form/bootstrap4.css +47 -59
  98. package/styles/data-form/bootstrap5-dark.css +47 -59
  99. package/styles/data-form/bootstrap5.css +47 -59
  100. package/styles/data-form/fabric-dark.css +47 -59
  101. package/styles/data-form/fabric.css +47 -59
  102. package/styles/data-form/fluent-dark.css +47 -59
  103. package/styles/data-form/fluent.css +47 -59
  104. package/styles/data-form/fluent2.css +1266 -0
  105. package/styles/data-form/fluent2.scss +3 -0
  106. package/styles/data-form/highcontrast-light.css +47 -59
  107. package/styles/data-form/highcontrast.css +47 -59
  108. package/styles/data-form/material-dark.css +47 -59
  109. package/styles/data-form/material.css +47 -59
  110. package/styles/data-form/material3-dark.css +48 -60
  111. package/styles/data-form/material3.css +48 -60
  112. package/styles/data-form/tailwind-dark.css +47 -59
  113. package/styles/data-form/tailwind.css +47 -59
  114. package/styles/fabric-dark.css +1015 -988
  115. package/styles/fabric-dark.scss +35 -11
  116. package/styles/fabric.css +1015 -988
  117. package/styles/fabric.scss +35 -11
  118. package/styles/fluent-dark.css +1078 -1050
  119. package/styles/fluent-dark.scss +35 -11
  120. package/styles/fluent.css +1078 -1050
  121. package/styles/fluent.scss +35 -11
  122. package/styles/fluent2.css +13375 -0
  123. package/styles/fluent2.scss +35 -0
  124. package/styles/highcontrast-light.css +1099 -1179
  125. package/styles/highcontrast-light.scss +35 -11
  126. package/styles/highcontrast.css +1096 -1176
  127. package/styles/highcontrast.scss +35 -11
  128. package/styles/input/_bds-definition.scss +2 -2
  129. package/styles/input/_bootstrap5.3-definition.scss +336 -0
  130. package/styles/input/_fluent2-definition.scss +769 -0
  131. package/styles/input/_layout.scss +1242 -1939
  132. package/styles/input/_material-dark-definition.scss +4 -3
  133. package/styles/input/_material-definition.scss +4 -3
  134. package/styles/input/_material3-definition.scss +4 -9
  135. package/styles/input/_theme.scss +933 -1794
  136. package/styles/input/bootstrap-dark.css +489 -773
  137. package/styles/input/bootstrap.css +489 -773
  138. package/styles/input/bootstrap4.css +484 -770
  139. package/styles/input/bootstrap5-dark.css +488 -787
  140. package/styles/input/bootstrap5.css +488 -787
  141. package/styles/input/fabric-dark.css +466 -740
  142. package/styles/input/fabric.css +466 -740
  143. package/styles/input/fluent-dark.css +491 -781
  144. package/styles/input/fluent.css +491 -781
  145. package/styles/input/fluent2.css +10185 -0
  146. package/styles/input/fluent2.scss +4 -0
  147. package/styles/input/highcontrast-light.css +530 -914
  148. package/styles/input/highcontrast.css +530 -914
  149. package/styles/input/icons/_bootstrap5.3.scss +17 -0
  150. package/styles/input/icons/_fluent2.scss +17 -0
  151. package/styles/input/material-dark.css +1883 -2791
  152. package/styles/input/material.css +1895 -2791
  153. package/styles/input/material3-dark.css +1883 -2773
  154. package/styles/input/material3.css +1883 -2773
  155. package/styles/input/tailwind-dark.css +464 -749
  156. package/styles/input/tailwind.css +464 -749
  157. package/styles/maskedtextbox/_bootstrap5.3-definition.scss +7 -0
  158. package/styles/maskedtextbox/_fluent2-definition.scss +7 -0
  159. package/styles/maskedtextbox/_theme.scss +1 -6
  160. package/styles/maskedtextbox/bootstrap-dark.css +1 -4
  161. package/styles/maskedtextbox/bootstrap4.css +1 -4
  162. package/styles/maskedtextbox/bootstrap5-dark.css +1 -4
  163. package/styles/maskedtextbox/bootstrap5.css +1 -4
  164. package/styles/maskedtextbox/fabric-dark.css +1 -4
  165. package/styles/maskedtextbox/fabric.css +1 -4
  166. package/styles/maskedtextbox/fluent2.css +1244 -0
  167. package/styles/maskedtextbox/fluent2.scss +4 -0
  168. package/styles/maskedtextbox/highcontrast-light.css +1 -4
  169. package/styles/maskedtextbox/highcontrast.css +1 -4
  170. package/styles/maskedtextbox/material-dark.css +10 -5
  171. package/styles/maskedtextbox/material.css +24 -7
  172. package/styles/maskedtextbox/material3-dark.css +25 -8
  173. package/styles/maskedtextbox/material3.css +25 -8
  174. package/styles/maskedtextbox/tailwind-dark.css +1 -4
  175. package/styles/maskedtextbox/tailwind.css +1 -4
  176. package/styles/material-dark.css +2497 -3126
  177. package/styles/material-dark.scss +35 -11
  178. package/styles/material.css +2395 -3052
  179. package/styles/material.scss +35 -11
  180. package/styles/material3-dark.css +2656 -3265
  181. package/styles/material3-dark.scss +35 -11
  182. package/styles/material3.css +2656 -3265
  183. package/styles/material3.scss +35 -11
  184. package/styles/numerictextbox/_bootstrap5.3-definition.scss +3 -0
  185. package/styles/numerictextbox/_fluent2-definition.scss +3 -0
  186. package/styles/numerictextbox/bootstrap-dark.css +2 -1
  187. package/styles/numerictextbox/bootstrap.css +2 -1
  188. package/styles/numerictextbox/fluent2.css +1261 -0
  189. package/styles/numerictextbox/fluent2.scss +5 -0
  190. package/styles/numerictextbox/icons/_bootstrap5.3.scss +11 -0
  191. package/styles/numerictextbox/icons/_fluent2.scss +11 -0
  192. package/styles/numerictextbox/material-dark.css +9 -1
  193. package/styles/numerictextbox/material.css +23 -3
  194. package/styles/numerictextbox/material3-dark.css +24 -4
  195. package/styles/numerictextbox/material3.css +24 -4
  196. package/styles/otp-input/_all.scss +2 -0
  197. package/styles/otp-input/_bds-definition.scss +58 -0
  198. package/styles/otp-input/_bootstrap-dark-definition.scss +58 -0
  199. package/styles/otp-input/_bootstrap-definition.scss +58 -0
  200. package/styles/otp-input/_bootstrap4-definition.scss +58 -0
  201. package/styles/otp-input/_bootstrap5-dark-definition.scss +1 -0
  202. package/styles/otp-input/_bootstrap5-definition.scss +58 -0
  203. package/styles/otp-input/_bootstrap5.3-definition.scss +58 -0
  204. package/styles/otp-input/_fabric-dark-definition.scss +58 -0
  205. package/styles/otp-input/_fabric-definition.scss +58 -0
  206. package/styles/otp-input/_fluent-dark-definition.scss +1 -0
  207. package/styles/otp-input/_fluent-definition.scss +58 -0
  208. package/styles/otp-input/_fluent2-definition.scss +58 -0
  209. package/styles/otp-input/_fusionnew-definition.scss +58 -0
  210. package/styles/otp-input/_highcontrast-definition.scss +58 -0
  211. package/styles/otp-input/_highcontrast-light-definition.scss +58 -0
  212. package/styles/otp-input/_layout.scss +158 -0
  213. package/styles/otp-input/_material-dark-definition.scss +58 -0
  214. package/styles/otp-input/_material-definition.scss +58 -0
  215. package/styles/otp-input/_material3-dark-definition.scss +1 -0
  216. package/styles/otp-input/_material3-definition.scss +58 -0
  217. package/styles/otp-input/_tailwind-dark-definition.scss +1 -0
  218. package/styles/otp-input/_tailwind-definition.scss +58 -0
  219. package/styles/otp-input/_theme.scss +67 -0
  220. package/styles/otp-input/bootstrap-dark.css +225 -0
  221. package/styles/otp-input/bootstrap-dark.scss +3 -0
  222. package/styles/otp-input/bootstrap.css +225 -0
  223. package/styles/otp-input/bootstrap.scss +3 -0
  224. package/styles/otp-input/bootstrap4.css +225 -0
  225. package/styles/otp-input/bootstrap4.scss +3 -0
  226. package/styles/otp-input/bootstrap5-dark.css +225 -0
  227. package/styles/otp-input/bootstrap5-dark.scss +3 -0
  228. package/styles/otp-input/bootstrap5.css +225 -0
  229. package/styles/otp-input/bootstrap5.scss +3 -0
  230. package/styles/otp-input/fabric-dark.css +225 -0
  231. package/styles/otp-input/fabric-dark.scss +3 -0
  232. package/styles/otp-input/fabric.css +225 -0
  233. package/styles/otp-input/fabric.scss +3 -0
  234. package/styles/otp-input/fluent-dark.css +225 -0
  235. package/styles/otp-input/fluent-dark.scss +3 -0
  236. package/styles/otp-input/fluent.css +225 -0
  237. package/styles/otp-input/fluent.scss +3 -0
  238. package/styles/otp-input/fluent2.css +1259 -0
  239. package/styles/otp-input/fluent2.scss +3 -0
  240. package/styles/otp-input/highcontrast-light.css +225 -0
  241. package/styles/otp-input/highcontrast-light.scss +3 -0
  242. package/styles/otp-input/highcontrast.css +225 -0
  243. package/styles/otp-input/highcontrast.scss +3 -0
  244. package/styles/otp-input/material-dark.css +225 -0
  245. package/styles/otp-input/material-dark.scss +3 -0
  246. package/styles/otp-input/material.css +225 -0
  247. package/styles/otp-input/material.scss +3 -0
  248. package/styles/otp-input/material3-dark.css +280 -0
  249. package/styles/otp-input/material3-dark.scss +4 -0
  250. package/styles/otp-input/material3.css +336 -0
  251. package/styles/otp-input/material3.scss +4 -0
  252. package/styles/otp-input/tailwind-dark.css +225 -0
  253. package/styles/otp-input/tailwind-dark.scss +3 -0
  254. package/styles/otp-input/tailwind.css +225 -0
  255. package/styles/otp-input/tailwind.scss +3 -0
  256. package/styles/rating/_bds-definition.scss +2 -2
  257. package/styles/rating/_bootstrap-dark-definition.scss +2 -2
  258. package/styles/rating/_bootstrap-definition.scss +2 -2
  259. package/styles/rating/_bootstrap4-definition.scss +2 -2
  260. package/styles/rating/_bootstrap5-definition.scss +2 -2
  261. package/styles/rating/_bootstrap5.3-definition.scss +47 -0
  262. package/styles/rating/_fabric-dark-definition.scss +2 -2
  263. package/styles/rating/_fabric-definition.scss +2 -2
  264. package/styles/rating/_fluent-definition.scss +2 -2
  265. package/styles/rating/_fluent2-definition.scss +47 -0
  266. package/styles/rating/_fusionnew-definition.scss +2 -2
  267. package/styles/rating/_highcontrast-definition.scss +2 -2
  268. package/styles/rating/_highcontrast-light-definition.scss +2 -2
  269. package/styles/rating/_layout.scss +22 -46
  270. package/styles/rating/_material-dark-definition.scss +2 -2
  271. package/styles/rating/_material-definition.scss +2 -2
  272. package/styles/rating/_material3-definition.scss +2 -2
  273. package/styles/rating/_tailwind-definition.scss +2 -2
  274. package/styles/rating/_theme.scss +1 -1
  275. package/styles/rating/bootstrap-dark.css +35 -9
  276. package/styles/rating/bootstrap.css +35 -9
  277. package/styles/rating/bootstrap4.css +35 -9
  278. package/styles/rating/bootstrap5-dark.css +35 -9
  279. package/styles/rating/bootstrap5.css +35 -9
  280. package/styles/rating/fabric-dark.css +35 -9
  281. package/styles/rating/fabric.css +35 -9
  282. package/styles/rating/fluent-dark.css +35 -9
  283. package/styles/rating/fluent.css +35 -9
  284. package/styles/rating/fluent2.css +1349 -0
  285. package/styles/rating/fluent2.scss +4 -0
  286. package/styles/rating/highcontrast-light.css +35 -9
  287. package/styles/rating/highcontrast.css +35 -9
  288. package/styles/rating/material-dark.css +35 -9
  289. package/styles/rating/material.css +35 -9
  290. package/styles/rating/material3-dark.css +35 -10
  291. package/styles/rating/material3.css +35 -10
  292. package/styles/rating/tailwind-dark.css +34 -9
  293. package/styles/rating/tailwind.css +34 -9
  294. package/styles/signature/_bootstrap5.3-definition.scss +3 -0
  295. package/styles/signature/_fluent2-definition.scss +3 -0
  296. package/styles/signature/fluent2.css +1043 -0
  297. package/styles/signature/fluent2.scss +3 -0
  298. package/styles/signature/material3-dark.css +1 -1
  299. package/styles/signature/material3.css +1 -1
  300. package/styles/slider/_bds-definition.scss +1 -0
  301. package/styles/slider/_bootstrap-dark-definition.scss +1 -0
  302. package/styles/slider/_bootstrap-definition.scss +1 -0
  303. package/styles/slider/_bootstrap4-definition.scss +1 -1
  304. package/styles/slider/_bootstrap5-definition.scss +1 -0
  305. package/styles/slider/_bootstrap5.3-definition.scss +91 -0
  306. package/styles/slider/_fluent-definition.scss +2 -0
  307. package/styles/slider/_fluent2-definition.scss +102 -0
  308. package/styles/slider/_highcontrast-definition.scss +1 -2
  309. package/styles/slider/_layout.scss +1623 -1986
  310. package/styles/slider/_material-dark-definition.scss +2 -2
  311. package/styles/slider/_material-definition.scss +4 -4
  312. package/styles/slider/_material3-definition.scss +1 -4
  313. package/styles/slider/_tailwind-definition.scss +1 -0
  314. package/styles/slider/_theme.scss +92 -120
  315. package/styles/slider/bootstrap-dark.css +132 -140
  316. package/styles/slider/bootstrap.css +132 -140
  317. package/styles/slider/bootstrap4.css +192 -193
  318. package/styles/slider/bootstrap5-dark.css +284 -270
  319. package/styles/slider/bootstrap5.css +284 -270
  320. package/styles/slider/fabric-dark.css +131 -131
  321. package/styles/slider/fabric.css +131 -131
  322. package/styles/slider/fluent-dark.css +170 -155
  323. package/styles/slider/fluent.css +170 -155
  324. package/styles/slider/fluent2.css +1642 -0
  325. package/styles/slider/fluent2.scss +5 -0
  326. package/styles/slider/highcontrast-light.css +157 -154
  327. package/styles/slider/highcontrast.css +155 -152
  328. package/styles/slider/material-dark.css +306 -298
  329. package/styles/slider/material.css +304 -296
  330. package/styles/slider/material3-dark.css +577 -535
  331. package/styles/slider/material3.css +577 -535
  332. package/styles/slider/tailwind-dark.css +256 -267
  333. package/styles/slider/tailwind.css +256 -267
  334. package/styles/tailwind-dark.css +1203 -1201
  335. package/styles/tailwind-dark.scss +35 -11
  336. package/styles/tailwind.css +1205 -1203
  337. package/styles/tailwind.scss +35 -11
  338. package/styles/textarea/_bootstrap5.3-definition.scss +1 -0
  339. package/styles/textarea/_fluent2-definition.scss +1 -0
  340. package/styles/textarea/_layout.scss +1 -1
  341. package/styles/textarea/bootstrap-dark.css +3 -2
  342. package/styles/textarea/bootstrap.css +3 -2
  343. package/styles/textarea/bootstrap4.css +3 -2
  344. package/styles/textarea/bootstrap5-dark.css +3 -2
  345. package/styles/textarea/bootstrap5.css +3 -2
  346. package/styles/textarea/fabric-dark.css +3 -2
  347. package/styles/textarea/fabric.css +3 -2
  348. package/styles/textarea/fluent-dark.css +3 -2
  349. package/styles/textarea/fluent.css +3 -2
  350. package/styles/textarea/fluent2.css +1247 -0
  351. package/styles/textarea/fluent2.scss +5 -0
  352. package/styles/textarea/highcontrast-light.css +3 -2
  353. package/styles/textarea/highcontrast.css +3 -2
  354. package/styles/textarea/material-dark.css +12 -3
  355. package/styles/textarea/material.css +26 -5
  356. package/styles/textarea/material3-dark.css +27 -6
  357. package/styles/textarea/material3.css +27 -6
  358. package/styles/textarea/tailwind-dark.css +3 -2
  359. package/styles/textarea/tailwind.css +3 -2
  360. package/styles/textbox/_bootstrap5.3-definition.scss +4 -0
  361. package/styles/textbox/_fluent2-definition.scss +4 -0
  362. package/styles/textbox/fluent2.css +1241 -0
  363. package/styles/textbox/fluent2.scss +4 -0
  364. package/styles/textbox/material-dark.css +9 -1
  365. package/styles/textbox/material.css +23 -3
  366. package/styles/textbox/material3-dark.css +24 -4
  367. package/styles/textbox/material3.css +24 -4
  368. package/styles/uploader/_bootstrap5.3-definition.scss +216 -0
  369. package/styles/uploader/_fluent2-definition.scss +232 -0
  370. package/styles/uploader/_layout.scss +5 -2
  371. package/styles/uploader/_material3-definition.scss +0 -24
  372. package/styles/uploader/_theme.scss +7 -4
  373. package/styles/uploader/bootstrap-dark.css +47 -12
  374. package/styles/uploader/bootstrap.css +47 -12
  375. package/styles/uploader/bootstrap4.css +47 -12
  376. package/styles/uploader/bootstrap5-dark.css +47 -12
  377. package/styles/uploader/bootstrap5.css +47 -12
  378. package/styles/uploader/fabric-dark.css +47 -12
  379. package/styles/uploader/fabric.css +47 -12
  380. package/styles/uploader/fluent-dark.css +47 -12
  381. package/styles/uploader/fluent.css +47 -12
  382. package/styles/uploader/fluent2.css +1880 -0
  383. package/styles/uploader/fluent2.scss +6 -0
  384. package/styles/uploader/highcontrast-light.css +47 -12
  385. package/styles/uploader/highcontrast.css +47 -12
  386. package/styles/uploader/icons/_bootstrap5.3.scss +34 -0
  387. package/styles/uploader/icons/_fluent2.scss +34 -0
  388. package/styles/uploader/material-dark.css +47 -12
  389. package/styles/uploader/material.css +47 -12
  390. package/styles/uploader/material3-dark.css +49 -13
  391. package/styles/uploader/material3.css +49 -13
  392. package/styles/uploader/tailwind-dark.css +49 -13
  393. package/styles/uploader/tailwind.css +49 -13
  394. package/CHANGELOG.md +0 -1313
package/styles/uploader/material3-dark.css CHANGED
@@ -44,7 +44,7 @@
44
44
  --color-sf-on-warning: 99, 52, 0;
45
45
  --color-sf-on-warning-container: 255, 220, 193;
46
46
  --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
47
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
48
48
  --color-sf-success-text: 0, 0, 0;
49
49
  --color-sf-warning-text: 0, 0, 0;
50
50
  --color-sf-info-text: 0, 0, 0;
@@ -54,19 +54,43 @@
54
54
  }
55
55
 
56
56
  /* stylelint-disable property-no-vendor-prefix */
57
+ @-webkit-keyframes material-spinner-rotate {
58
+ 0% {
59
+ -webkit-transform: rotate(0deg);
60
+ transform: rotate(0deg);
61
+ }
62
+ 100% {
63
+ -webkit-transform: rotate(360deg);
64
+ transform: rotate(360deg);
65
+ }
66
+ }
57
67
  @keyframes material-spinner-rotate {
58
68
  0% {
69
+ -webkit-transform: rotate(0deg);
70
+ transform: rotate(0deg);
71
+ }
72
+ 100% {
73
+ -webkit-transform: rotate(360deg);
74
+ transform: rotate(360deg);
75
+ }
76
+ }
77
+ @-webkit-keyframes fabric-spinner-rotate {
78
+ 0% {
79
+ -webkit-transform: rotate(0deg);
59
80
  transform: rotate(0deg);
60
81
  }
61
82
  100% {
83
+ -webkit-transform: rotate(360deg);
62
84
  transform: rotate(360deg);
63
85
  }
64
86
  }
65
87
  @keyframes fabric-spinner-rotate {
66
88
  0% {
89
+ -webkit-transform: rotate(0deg);
67
90
  transform: rotate(0deg);
68
91
  }
69
92
  100% {
93
+ -webkit-transform: rotate(360deg);
70
94
  transform: rotate(360deg);
71
95
  }
72
96
  }
@@ -156,7 +180,8 @@
156
180
  top: -33px;
157
181
  }
158
182
  .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
159
- box-sizing: border-box;
183
+ -webkit-box-sizing: border-box;
184
+ box-sizing: border-box;
160
185
  font-size: 12px;
161
186
  height: 18px;
162
187
  margin: 16px;
@@ -213,7 +238,8 @@
213
238
  right: initial;
214
239
  }
215
240
  .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
216
- box-sizing: border-box;
241
+ -webkit-box-sizing: border-box;
242
+ box-sizing: border-box;
217
243
  left: 0;
218
244
  margin-left: 16px;
219
245
  margin-right: 16px;
@@ -266,7 +292,8 @@
266
292
  color: rgba(var(--color-sf-error));
267
293
  }
268
294
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
269
- box-sizing: border-box;
295
+ -webkit-box-sizing: border-box;
296
+ box-sizing: border-box;
270
297
  top: 42px;
271
298
  }
272
299
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -370,7 +397,8 @@
370
397
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons,
371
398
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons,
372
399
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
373
- box-sizing: border-box;
400
+ -webkit-box-sizing: border-box;
401
+ box-sizing: border-box;
374
402
  top: 32px;
375
403
  }
376
404
  .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled,
@@ -496,16 +524,20 @@
496
524
  .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons,
497
525
  .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons,
498
526
  .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
499
- -ms-flex-align: center;
500
- align-items: center;
501
- box-sizing: border-box;
527
+ -webkit-box-align: center;
528
+ -ms-flex-align: center;
529
+ align-items: center;
530
+ -webkit-box-sizing: border-box;
531
+ box-sizing: border-box;
502
532
  cursor: pointer;
533
+ display: -webkit-inline-box;
503
534
  display: -ms-inline-flexbox;
504
535
  display: inline-flex;
505
536
  font-size: 11px;
506
537
  height: 18px;
507
- -ms-flex-pack: center;
508
- justify-content: center;
538
+ -webkit-box-pack: center;
539
+ -ms-flex-pack: center;
540
+ justify-content: center;
509
541
  margin: 0 12px;
510
542
  margin-top: -18px;
511
543
  padding: 18px;
@@ -558,7 +590,8 @@
558
590
  background: rgba(var(--color-sf-on-surface), 0.08);
559
591
  border-color: transparent;
560
592
  border-radius: 50%;
561
- box-shadow: 0 0 0 transparent;
593
+ -webkit-box-shadow: 0 0 0 transparent;
594
+ box-shadow: 0 0 0 transparent;
562
595
  }
563
596
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus,
564
597
  .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus,
@@ -786,7 +819,8 @@
786
819
  color: rgba(var(--color-sf-error));
787
820
  }
788
821
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
789
- box-sizing: border-box;
822
+ -webkit-box-sizing: border-box;
823
+ box-sizing: border-box;
790
824
  top: 34px;
791
825
  }
792
826
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -833,6 +867,7 @@
833
867
  color: rgba(var(--color-sf-error));
834
868
  }
835
869
  .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap {
870
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
836
871
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
837
872
  }
838
873
  .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress {
@@ -856,5 +891,6 @@
856
891
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
857
892
  background: rgba(var(--color-sf-on-surface), 0.08);
858
893
  border-color: transparent;
859
- box-shadow: 0 0 0 transparent;
894
+ -webkit-box-shadow: 0 0 0 transparent;
895
+ box-shadow: 0 0 0 transparent;
860
896
  }
package/styles/uploader/material3.css CHANGED
@@ -100,7 +100,7 @@
100
100
  --color-sf-on-warning: 99, 52, 0;
101
101
  --color-sf-on-warning-container: 255, 220, 193;
102
102
  --color-sf-spreadsheet-gridline: 231, 224, 236;
103
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
103
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
104
104
  --color-sf-success-text: 0, 0, 0;
105
105
  --color-sf-warning-text: 0, 0, 0;
106
106
  --color-sf-info-text: 0, 0, 0;
@@ -110,19 +110,43 @@
110
110
  }
111
111
 
112
112
  /* stylelint-disable property-no-vendor-prefix */
113
+ @-webkit-keyframes material-spinner-rotate {
114
+ 0% {
115
+ -webkit-transform: rotate(0deg);
116
+ transform: rotate(0deg);
117
+ }
118
+ 100% {
119
+ -webkit-transform: rotate(360deg);
120
+ transform: rotate(360deg);
121
+ }
122
+ }
113
123
  @keyframes material-spinner-rotate {
114
124
  0% {
125
+ -webkit-transform: rotate(0deg);
126
+ transform: rotate(0deg);
127
+ }
128
+ 100% {
129
+ -webkit-transform: rotate(360deg);
130
+ transform: rotate(360deg);
131
+ }
132
+ }
133
+ @-webkit-keyframes fabric-spinner-rotate {
134
+ 0% {
135
+ -webkit-transform: rotate(0deg);
115
136
  transform: rotate(0deg);
116
137
  }
117
138
  100% {
139
+ -webkit-transform: rotate(360deg);
118
140
  transform: rotate(360deg);
119
141
  }
120
142
  }
121
143
  @keyframes fabric-spinner-rotate {
122
144
  0% {
145
+ -webkit-transform: rotate(0deg);
123
146
  transform: rotate(0deg);
124
147
  }
125
148
  100% {
149
+ -webkit-transform: rotate(360deg);
126
150
  transform: rotate(360deg);
127
151
  }
128
152
  }
@@ -212,7 +236,8 @@
212
236
  top: -33px;
213
237
  }
214
238
  .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
215
- box-sizing: border-box;
239
+ -webkit-box-sizing: border-box;
240
+ box-sizing: border-box;
216
241
  font-size: 12px;
217
242
  height: 18px;
218
243
  margin: 16px;
@@ -269,7 +294,8 @@
269
294
  right: initial;
270
295
  }
271
296
  .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
272
- box-sizing: border-box;
297
+ -webkit-box-sizing: border-box;
298
+ box-sizing: border-box;
273
299
  left: 0;
274
300
  margin-left: 16px;
275
301
  margin-right: 16px;
@@ -322,7 +348,8 @@
322
348
  color: rgba(var(--color-sf-error));
323
349
  }
324
350
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
325
- box-sizing: border-box;
351
+ -webkit-box-sizing: border-box;
352
+ box-sizing: border-box;
326
353
  top: 42px;
327
354
  }
328
355
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -426,7 +453,8 @@
426
453
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons,
427
454
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons,
428
455
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
429
- box-sizing: border-box;
456
+ -webkit-box-sizing: border-box;
457
+ box-sizing: border-box;
430
458
  top: 32px;
431
459
  }
432
460
  .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled,
@@ -552,16 +580,20 @@
552
580
  .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons,
553
581
  .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons,
554
582
  .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
555
- -ms-flex-align: center;
556
- align-items: center;
557
- box-sizing: border-box;
583
+ -webkit-box-align: center;
584
+ -ms-flex-align: center;
585
+ align-items: center;
586
+ -webkit-box-sizing: border-box;
587
+ box-sizing: border-box;
558
588
  cursor: pointer;
589
+ display: -webkit-inline-box;
559
590
  display: -ms-inline-flexbox;
560
591
  display: inline-flex;
561
592
  font-size: 11px;
562
593
  height: 18px;
563
- -ms-flex-pack: center;
564
- justify-content: center;
594
+ -webkit-box-pack: center;
595
+ -ms-flex-pack: center;
596
+ justify-content: center;
565
597
  margin: 0 12px;
566
598
  margin-top: -18px;
567
599
  padding: 18px;
@@ -614,7 +646,8 @@
614
646
  background: rgba(var(--color-sf-on-surface), 0.08);
615
647
  border-color: transparent;
616
648
  border-radius: 50%;
617
- box-shadow: 0 0 0 transparent;
649
+ -webkit-box-shadow: 0 0 0 transparent;
650
+ box-shadow: 0 0 0 transparent;
618
651
  }
619
652
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus,
620
653
  .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus,
@@ -842,7 +875,8 @@
842
875
  color: rgba(var(--color-sf-error));
843
876
  }
844
877
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
845
- box-sizing: border-box;
878
+ -webkit-box-sizing: border-box;
879
+ box-sizing: border-box;
846
880
  top: 34px;
847
881
  }
848
882
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -889,6 +923,7 @@
889
923
  color: rgba(var(--color-sf-error));
890
924
  }
891
925
  .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap {
926
+ background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
892
927
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
893
928
  }
894
929
  .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress {
@@ -912,5 +947,6 @@
912
947
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
913
948
  background: rgba(var(--color-sf-on-surface), 0.08);
914
949
  border-color: transparent;
915
- box-shadow: 0 0 0 transparent;
950
+ -webkit-box-shadow: 0 0 0 transparent;
951
+ box-shadow: 0 0 0 transparent;
916
952
  }
package/styles/uploader/tailwind-dark.css CHANGED
@@ -1,17 +1,41 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
+ @-webkit-keyframes material-spinner-rotate {
3
+ 0% {
4
+ -webkit-transform: rotate(0);
5
+ transform: rotate(0);
6
+ }
7
+ 100% {
8
+ -webkit-transform: rotate(360deg);
9
+ transform: rotate(360deg);
10
+ }
11
+ }
2
12
  @keyframes material-spinner-rotate {
3
13
  0% {
14
+ -webkit-transform: rotate(0);
15
+ transform: rotate(0);
16
+ }
17
+ 100% {
18
+ -webkit-transform: rotate(360deg);
19
+ transform: rotate(360deg);
20
+ }
21
+ }
22
+ @-webkit-keyframes fabric-spinner-rotate {
23
+ 0% {
24
+ -webkit-transform: rotate(0);
4
25
  transform: rotate(0);
5
26
  }
6
27
  100% {
28
+ -webkit-transform: rotate(360deg);
7
29
  transform: rotate(360deg);
8
30
  }
9
31
  }
10
32
  @keyframes fabric-spinner-rotate {
11
33
  0% {
34
+ -webkit-transform: rotate(0);
12
35
  transform: rotate(0);
13
36
  }
14
37
  100% {
38
+ -webkit-transform: rotate(360deg);
15
39
  transform: rotate(360deg);
16
40
  }
17
41
  }
@@ -109,7 +133,8 @@
109
133
  top: -36px;
110
134
  }
111
135
  .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
112
- box-sizing: border-box;
136
+ -webkit-box-sizing: border-box;
137
+ box-sizing: border-box;
113
138
  font-size: 22px;
114
139
  height: 24px;
115
140
  margin: 16px;
@@ -166,7 +191,8 @@
166
191
  right: initial;
167
192
  }
168
193
  .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
169
- box-sizing: border-box;
194
+ -webkit-box-sizing: border-box;
195
+ box-sizing: border-box;
170
196
  left: 0;
171
197
  margin-left: 15px;
172
198
  margin-right: 15px;
@@ -219,7 +245,8 @@
219
245
  color: #f87171;
220
246
  }
221
247
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
222
- box-sizing: border-box;
248
+ -webkit-box-sizing: border-box;
249
+ box-sizing: border-box;
223
250
  top: 38px;
224
251
  }
225
252
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -323,7 +350,8 @@
323
350
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons,
324
351
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons,
325
352
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
326
- box-sizing: border-box;
353
+ -webkit-box-sizing: border-box;
354
+ box-sizing: border-box;
327
355
  top: 42px;
328
356
  }
329
357
  .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled,
@@ -448,16 +476,20 @@
448
476
  .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons,
449
477
  .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons,
450
478
  .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
451
- -ms-flex-align: center;
452
- align-items: center;
453
- box-sizing: border-box;
479
+ -webkit-box-align: center;
480
+ -ms-flex-align: center;
481
+ align-items: center;
482
+ -webkit-box-sizing: border-box;
483
+ box-sizing: border-box;
454
484
  cursor: pointer;
485
+ display: -webkit-inline-box;
455
486
  display: -ms-inline-flexbox;
456
487
  display: inline-flex;
457
488
  font-size: 18px;
458
489
  height: 20px;
459
- -ms-flex-pack: center;
460
- justify-content: center;
490
+ -webkit-box-pack: center;
491
+ -ms-flex-pack: center;
492
+ justify-content: center;
461
493
  margin: 12px;
462
494
  margin-top: -9px;
463
495
  padding: 10px;
@@ -510,7 +542,8 @@
510
542
  background-color: rgba(0, 0, 0, 0.12);
511
543
  border-color: transparent;
512
544
  border-radius: 50%;
513
- box-shadow: 0 0 0 transparent;
545
+ -webkit-box-shadow: 0 0 0 transparent;
546
+ box-shadow: 0 0 0 transparent;
514
547
  }
515
548
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus,
516
549
  .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus,
@@ -738,7 +771,8 @@
738
771
  color: #f87171;
739
772
  }
740
773
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
741
- box-sizing: border-box;
774
+ -webkit-box-sizing: border-box;
775
+ box-sizing: border-box;
742
776
  top: 42px;
743
777
  }
744
778
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -810,7 +844,8 @@
810
844
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
811
845
  background-color: rgba(0, 0, 0, 0.12);
812
846
  border-color: transparent;
813
- box-shadow: 0 0 0 transparent;
847
+ -webkit-box-shadow: 0 0 0 transparent;
848
+ box-shadow: 0 0 0 transparent;
814
849
  }
815
850
 
816
851
  .e-upload-drag-hover {
@@ -822,7 +857,8 @@
822
857
  -webkit-tap-highlight-color: transparent;
823
858
  background-color: #1f2937;
824
859
  border-color: #6b7280;
825
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
860
+ -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
861
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
826
862
  color: #fff;
827
863
  }
828
864
 
package/styles/uploader/tailwind.css CHANGED
@@ -1,17 +1,41 @@
1
1
  /* stylelint-disable property-no-vendor-prefix */
2
+ @-webkit-keyframes material-spinner-rotate {
3
+ 0% {
4
+ -webkit-transform: rotate(0);
5
+ transform: rotate(0);
6
+ }
7
+ 100% {
8
+ -webkit-transform: rotate(360deg);
9
+ transform: rotate(360deg);
10
+ }
11
+ }
2
12
  @keyframes material-spinner-rotate {
3
13
  0% {
14
+ -webkit-transform: rotate(0);
15
+ transform: rotate(0);
16
+ }
17
+ 100% {
18
+ -webkit-transform: rotate(360deg);
19
+ transform: rotate(360deg);
20
+ }
21
+ }
22
+ @-webkit-keyframes fabric-spinner-rotate {
23
+ 0% {
24
+ -webkit-transform: rotate(0);
4
25
  transform: rotate(0);
5
26
  }
6
27
  100% {
28
+ -webkit-transform: rotate(360deg);
7
29
  transform: rotate(360deg);
8
30
  }
9
31
  }
10
32
  @keyframes fabric-spinner-rotate {
11
33
  0% {
34
+ -webkit-transform: rotate(0);
12
35
  transform: rotate(0);
13
36
  }
14
37
  100% {
38
+ -webkit-transform: rotate(360deg);
15
39
  transform: rotate(360deg);
16
40
  }
17
41
  }
@@ -109,7 +133,8 @@
109
133
  top: -36px;
110
134
  }
111
135
  .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
112
- box-sizing: border-box;
136
+ -webkit-box-sizing: border-box;
137
+ box-sizing: border-box;
113
138
  font-size: 22px;
114
139
  height: 24px;
115
140
  margin: 16px;
@@ -166,7 +191,8 @@
166
191
  right: initial;
167
192
  }
168
193
  .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
169
- box-sizing: border-box;
194
+ -webkit-box-sizing: border-box;
195
+ box-sizing: border-box;
170
196
  left: 0;
171
197
  margin-left: 15px;
172
198
  margin-right: 15px;
@@ -219,7 +245,8 @@
219
245
  color: #dc2626;
220
246
  }
221
247
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
222
- box-sizing: border-box;
248
+ -webkit-box-sizing: border-box;
249
+ box-sizing: border-box;
223
250
  top: 38px;
224
251
  }
225
252
  .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -323,7 +350,8 @@
323
350
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons,
324
351
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons,
325
352
  .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
326
- box-sizing: border-box;
353
+ -webkit-box-sizing: border-box;
354
+ box-sizing: border-box;
327
355
  top: 42px;
328
356
  }
329
357
  .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled,
@@ -448,16 +476,20 @@
448
476
  .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons,
449
477
  .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons,
450
478
  .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
451
- -ms-flex-align: center;
452
- align-items: center;
453
- box-sizing: border-box;
479
+ -webkit-box-align: center;
480
+ -ms-flex-align: center;
481
+ align-items: center;
482
+ -webkit-box-sizing: border-box;
483
+ box-sizing: border-box;
454
484
  cursor: pointer;
485
+ display: -webkit-inline-box;
455
486
  display: -ms-inline-flexbox;
456
487
  display: inline-flex;
457
488
  font-size: 18px;
458
489
  height: 20px;
459
- -ms-flex-pack: center;
460
- justify-content: center;
490
+ -webkit-box-pack: center;
491
+ -ms-flex-pack: center;
492
+ justify-content: center;
461
493
  margin: 12px;
462
494
  margin-top: -9px;
463
495
  padding: 10px;
@@ -510,7 +542,8 @@
510
542
  background-color: rgba(0, 0, 0, 0.12);
511
543
  border-color: transparent;
512
544
  border-radius: 50%;
513
- box-shadow: 0 0 0 transparent;
545
+ -webkit-box-shadow: 0 0 0 transparent;
546
+ box-shadow: 0 0 0 transparent;
514
547
  }
515
548
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus,
516
549
  .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus,
@@ -738,7 +771,8 @@
738
771
  color: #dc2626;
739
772
  }
740
773
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
741
- box-sizing: border-box;
774
+ -webkit-box-sizing: border-box;
775
+ box-sizing: border-box;
742
776
  top: 42px;
743
777
  }
744
778
  .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -810,7 +844,8 @@
810
844
  .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
811
845
  background-color: rgba(0, 0, 0, 0.12);
812
846
  border-color: transparent;
813
- box-shadow: 0 0 0 transparent;
847
+ -webkit-box-shadow: 0 0 0 transparent;
848
+ box-shadow: 0 0 0 transparent;
814
849
  }
815
850
 
816
851
  .e-upload-drag-hover {
@@ -822,7 +857,8 @@
822
857
  -webkit-tap-highlight-color: transparent;
823
858
  background-color: #fff;
824
859
  border-color: #d1d5db;
825
- box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
860
+ -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
861
+ box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
826
862
  color: #374151;
827
863
  }
828
864