primereact 8.0.0-rc.1 → 8.0.1

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 (375) hide show
  1. package/README.md +8 -5
  2. package/accordion/accordion.cjs.js +1 -1
  3. package/accordion/accordion.cjs.min.js +1 -1
  4. package/accordion/accordion.d.ts +2 -0
  5. package/accordion/accordion.esm.js +1 -1
  6. package/accordion/accordion.esm.min.js +1 -1
  7. package/accordion/accordion.js +1 -1
  8. package/accordion/accordion.min.js +1 -1
  9. package/api/api.cjs.js +2 -5
  10. package/api/api.cjs.min.js +1 -1
  11. package/api/api.esm.js +2 -5
  12. package/api/api.esm.min.js +1 -1
  13. package/api/api.js +2 -5
  14. package/api/api.min.js +1 -1
  15. package/autocomplete/autocomplete.cjs.js +5 -0
  16. package/autocomplete/autocomplete.cjs.min.js +1 -1
  17. package/autocomplete/autocomplete.d.ts +2 -1
  18. package/autocomplete/autocomplete.esm.js +5 -0
  19. package/autocomplete/autocomplete.esm.min.js +1 -1
  20. package/autocomplete/autocomplete.js +5 -0
  21. package/autocomplete/autocomplete.min.js +1 -1
  22. package/avatar/avatar.d.ts +1 -0
  23. package/avatargroup/avatargroup.d.ts +1 -0
  24. package/badge/badge.d.ts +1 -0
  25. package/blockui/blockui.d.ts +1 -0
  26. package/breadcrumb/breadcrumb.cjs.js +7 -5
  27. package/breadcrumb/breadcrumb.cjs.min.js +1 -1
  28. package/breadcrumb/breadcrumb.d.ts +1 -0
  29. package/breadcrumb/breadcrumb.esm.js +8 -6
  30. package/breadcrumb/breadcrumb.esm.min.js +1 -1
  31. package/breadcrumb/breadcrumb.js +7 -5
  32. package/breadcrumb/breadcrumb.min.js +1 -1
  33. package/button/button.cjs.js +3 -1
  34. package/button/button.cjs.min.js +1 -1
  35. package/button/button.d.ts +1 -0
  36. package/button/button.esm.js +3 -1
  37. package/button/button.esm.min.js +1 -1
  38. package/button/button.js +3 -1
  39. package/button/button.min.css +1 -1
  40. package/button/button.min.js +1 -1
  41. package/calendar/calendar.cjs.js +314 -151
  42. package/calendar/calendar.cjs.min.js +1 -1
  43. package/calendar/calendar.d.ts +8 -0
  44. package/calendar/calendar.esm.js +314 -151
  45. package/calendar/calendar.esm.min.js +1 -1
  46. package/calendar/calendar.js +315 -152
  47. package/calendar/calendar.min.css +1 -1
  48. package/calendar/calendar.min.js +1 -1
  49. package/captcha/captcha.d.ts +1 -0
  50. package/card/card.d.ts +1 -0
  51. package/carousel/carousel.cjs.js +4 -4
  52. package/carousel/carousel.cjs.min.js +1 -1
  53. package/carousel/carousel.d.ts +1 -0
  54. package/carousel/carousel.esm.js +4 -4
  55. package/carousel/carousel.esm.min.js +1 -1
  56. package/carousel/carousel.js +4 -4
  57. package/carousel/carousel.min.js +1 -1
  58. package/cascadeselect/cascadeselect.d.ts +4 -2
  59. package/chart/chart.d.ts +1 -0
  60. package/checkbox/checkbox.cjs.js +5 -13
  61. package/checkbox/checkbox.cjs.min.js +1 -1
  62. package/checkbox/checkbox.d.ts +2 -2
  63. package/checkbox/checkbox.esm.js +5 -13
  64. package/checkbox/checkbox.esm.min.js +1 -1
  65. package/checkbox/checkbox.js +5 -13
  66. package/checkbox/checkbox.min.js +1 -1
  67. package/chip/chip.d.ts +1 -0
  68. package/chips/chips.cjs.js +6 -2
  69. package/chips/chips.cjs.min.js +1 -1
  70. package/chips/chips.d.ts +1 -0
  71. package/chips/chips.esm.js +6 -2
  72. package/chips/chips.esm.min.js +1 -1
  73. package/chips/chips.js +6 -2
  74. package/chips/chips.min.js +1 -1
  75. package/colorpicker/colorpicker.d.ts +1 -0
  76. package/column/column.d.ts +2 -1
  77. package/columngroup/columngroup.d.ts +3 -1
  78. package/common/common.min.css +1 -1
  79. package/confirmdialog/confirmdialog.cjs.js +2 -2
  80. package/confirmdialog/confirmdialog.d.ts +1 -0
  81. package/confirmdialog/confirmdialog.esm.js +2 -2
  82. package/confirmdialog/confirmdialog.js +2 -2
  83. package/confirmpopup/confirmpopup.cjs.js +2 -2
  84. package/confirmpopup/confirmpopup.d.ts +1 -0
  85. package/confirmpopup/confirmpopup.esm.js +2 -2
  86. package/confirmpopup/confirmpopup.js +2 -2
  87. package/contextmenu/contextmenu.cjs.js +6 -2
  88. package/contextmenu/contextmenu.cjs.min.js +1 -1
  89. package/contextmenu/contextmenu.d.ts +1 -0
  90. package/contextmenu/contextmenu.esm.js +7 -3
  91. package/contextmenu/contextmenu.esm.min.js +1 -1
  92. package/contextmenu/contextmenu.js +6 -2
  93. package/contextmenu/contextmenu.min.js +1 -1
  94. package/core/core.js +249 -134
  95. package/core/core.min.js +10 -10
  96. package/datascroller/datascroller.d.ts +1 -0
  97. package/datatable/datatable.cjs.js +13 -11
  98. package/datatable/datatable.cjs.min.js +1 -1
  99. package/datatable/datatable.d.ts +2 -1
  100. package/datatable/datatable.esm.js +13 -11
  101. package/datatable/datatable.esm.min.js +1 -1
  102. package/datatable/datatable.js +13 -11
  103. package/datatable/datatable.min.js +1 -1
  104. package/dataview/dataview.d.ts +2 -0
  105. package/deferredcontent/deferredcontent.d.ts +1 -0
  106. package/dialog/dialog.d.ts +1 -0
  107. package/divider/divider.d.ts +1 -0
  108. package/dock/dock.cjs.js +5 -3
  109. package/dock/dock.cjs.min.js +1 -1
  110. package/dock/dock.d.ts +1 -0
  111. package/dock/dock.esm.js +6 -4
  112. package/dock/dock.esm.min.js +1 -1
  113. package/dock/dock.js +5 -3
  114. package/dock/dock.min.js +1 -1
  115. package/dropdown/dropdown.cjs.js +2 -6
  116. package/dropdown/dropdown.cjs.min.js +1 -1
  117. package/dropdown/dropdown.d.ts +4 -2
  118. package/dropdown/dropdown.esm.js +2 -6
  119. package/dropdown/dropdown.esm.min.js +1 -1
  120. package/dropdown/dropdown.js +2 -6
  121. package/dropdown/dropdown.min.js +1 -1
  122. package/editor/editor.d.ts +1 -0
  123. package/fieldset/fieldset.d.ts +1 -0
  124. package/fileupload/fileupload.d.ts +2 -1
  125. package/fullcalendar/fullcalendar.d.ts +1 -0
  126. package/galleria/galleria.d.ts +1 -0
  127. package/gmap/gmap.cjs.js +27 -12
  128. package/gmap/gmap.cjs.min.js +1 -1
  129. package/gmap/gmap.d.ts +1 -0
  130. package/gmap/gmap.esm.js +27 -12
  131. package/gmap/gmap.esm.min.js +1 -1
  132. package/gmap/gmap.js +27 -12
  133. package/gmap/gmap.min.js +1 -1
  134. package/hooks/hooks.cjs.js +52 -0
  135. package/hooks/hooks.cjs.min.js +1 -1
  136. package/hooks/hooks.d.ts +7 -5
  137. package/hooks/hooks.esm.js +52 -1
  138. package/hooks/hooks.esm.min.js +1 -1
  139. package/hooks/hooks.js +52 -0
  140. package/hooks/hooks.min.js +1 -1
  141. package/image/image.d.ts +1 -0
  142. package/inplace/inplace.d.ts +7 -2
  143. package/inputmask/inputmask.cjs.js +2 -2
  144. package/inputmask/inputmask.cjs.min.js +1 -1
  145. package/inputmask/inputmask.d.ts +1 -1
  146. package/inputmask/inputmask.esm.js +2 -2
  147. package/inputmask/inputmask.esm.min.js +1 -1
  148. package/inputmask/inputmask.js +2 -2
  149. package/inputmask/inputmask.min.js +1 -1
  150. package/inputnumber/inputnumber.cjs.js +8 -5
  151. package/inputnumber/inputnumber.cjs.min.js +1 -1
  152. package/inputnumber/inputnumber.d.ts +1 -0
  153. package/inputnumber/inputnumber.esm.js +8 -5
  154. package/inputnumber/inputnumber.esm.min.js +1 -1
  155. package/inputnumber/inputnumber.js +8 -5
  156. package/inputnumber/inputnumber.min.js +1 -1
  157. package/inputswitch/inputswitch.cjs.js +7 -10
  158. package/inputswitch/inputswitch.cjs.min.js +1 -1
  159. package/inputswitch/inputswitch.d.ts +2 -1
  160. package/inputswitch/inputswitch.esm.js +7 -10
  161. package/inputswitch/inputswitch.esm.min.js +1 -1
  162. package/inputswitch/inputswitch.js +7 -10
  163. package/inputswitch/inputswitch.min.js +1 -1
  164. package/inputtext/inputtext.cjs.js +12 -2
  165. package/inputtext/inputtext.cjs.min.js +1 -1
  166. package/inputtext/inputtext.d.ts +1 -0
  167. package/inputtext/inputtext.esm.js +12 -2
  168. package/inputtext/inputtext.esm.min.js +1 -1
  169. package/inputtext/inputtext.js +12 -2
  170. package/inputtext/inputtext.min.js +1 -1
  171. package/inputtextarea/inputtextarea.d.ts +1 -0
  172. package/keyfilter/keyfilter.cjs.js +54 -1
  173. package/keyfilter/keyfilter.cjs.min.js +1 -1
  174. package/keyfilter/keyfilter.esm.js +54 -1
  175. package/keyfilter/keyfilter.esm.min.js +1 -1
  176. package/keyfilter/keyfilter.js +146 -93
  177. package/keyfilter/keyfilter.min.js +1 -1
  178. package/knob/knob.d.ts +1 -0
  179. package/listbox/listbox.d.ts +4 -2
  180. package/megamenu/megamenu.cjs.js +8 -5
  181. package/megamenu/megamenu.cjs.min.js +1 -1
  182. package/megamenu/megamenu.d.ts +1 -0
  183. package/megamenu/megamenu.esm.js +9 -6
  184. package/megamenu/megamenu.esm.min.js +1 -1
  185. package/megamenu/megamenu.js +8 -5
  186. package/megamenu/megamenu.min.js +1 -1
  187. package/mention/mention.d.ts +1 -0
  188. package/menu/menu.cjs.js +4 -2
  189. package/menu/menu.cjs.min.js +1 -1
  190. package/menu/menu.d.ts +1 -0
  191. package/menu/menu.esm.js +5 -3
  192. package/menu/menu.esm.min.js +1 -1
  193. package/menu/menu.js +4 -2
  194. package/menu/menu.min.js +1 -1
  195. package/menubar/menubar.cjs.js +6 -2
  196. package/menubar/menubar.cjs.min.js +1 -1
  197. package/menubar/menubar.d.ts +1 -0
  198. package/menubar/menubar.esm.js +7 -3
  199. package/menubar/menubar.esm.min.js +1 -1
  200. package/menubar/menubar.js +6 -2
  201. package/menubar/menubar.min.js +1 -1
  202. package/menuitem/menuitem.d.ts +0 -2
  203. package/message/message.d.ts +1 -0
  204. package/messages/messages.d.ts +1 -0
  205. package/multiselect/multiselect.cjs.js +5 -13
  206. package/multiselect/multiselect.cjs.min.js +1 -1
  207. package/multiselect/multiselect.d.ts +4 -2
  208. package/multiselect/multiselect.esm.js +5 -13
  209. package/multiselect/multiselect.esm.min.js +1 -1
  210. package/multiselect/multiselect.js +5 -13
  211. package/multiselect/multiselect.min.js +1 -1
  212. package/multistatecheckbox/multistatecheckbox.d.ts +1 -0
  213. package/orderlist/orderlist.d.ts +1 -0
  214. package/organizationchart/organizationchart.d.ts +1 -0
  215. package/overlaypanel/overlaypanel.d.ts +1 -0
  216. package/package.json +6 -5
  217. package/paginator/paginator.cjs.js +11 -5
  218. package/paginator/paginator.d.ts +1 -0
  219. package/paginator/paginator.esm.js +11 -5
  220. package/paginator/paginator.js +11 -5
  221. package/panel/panel.d.ts +1 -0
  222. package/panelmenu/panelmenu.cjs.js +12 -6
  223. package/panelmenu/panelmenu.cjs.min.js +1 -1
  224. package/panelmenu/panelmenu.d.ts +1 -0
  225. package/panelmenu/panelmenu.esm.js +13 -7
  226. package/panelmenu/panelmenu.esm.min.js +1 -1
  227. package/panelmenu/panelmenu.js +12 -6
  228. package/panelmenu/panelmenu.min.js +1 -1
  229. package/password/password.d.ts +1 -0
  230. package/picklist/picklist.d.ts +1 -0
  231. package/primereact.all.cjs.js +580 -275
  232. package/primereact.all.cjs.min.js +1 -1
  233. package/primereact.all.esm.js +580 -276
  234. package/primereact.all.esm.min.js +1 -1
  235. package/primereact.all.js +580 -275
  236. package/primereact.all.min.js +1 -1
  237. package/progressbar/progressbar.d.ts +1 -0
  238. package/progressspinner/progressspinner.d.ts +2 -1
  239. package/radiobutton/radiobutton.d.ts +2 -1
  240. package/rating/rating.d.ts +1 -0
  241. package/resources/primereact.css +197 -176
  242. package/resources/primereact.min.css +1 -1
  243. package/resources/themes/arya-blue/theme.css +61 -13
  244. package/resources/themes/arya-green/theme.css +61 -13
  245. package/resources/themes/arya-orange/theme.css +61 -13
  246. package/resources/themes/arya-purple/theme.css +61 -13
  247. package/resources/themes/bootstrap4-dark-blue/theme.css +61 -13
  248. package/resources/themes/bootstrap4-dark-purple/theme.css +61 -13
  249. package/resources/themes/bootstrap4-light-blue/theme.css +61 -13
  250. package/resources/themes/bootstrap4-light-purple/theme.css +61 -13
  251. package/resources/themes/fluent-light/theme.css +61 -13
  252. package/resources/themes/lara-dark-blue/theme.css +61 -13
  253. package/resources/themes/lara-dark-indigo/theme.css +61 -13
  254. package/resources/themes/lara-dark-purple/theme.css +61 -13
  255. package/resources/themes/lara-dark-teal/theme.css +61 -13
  256. package/resources/themes/lara-light-blue/theme.css +61 -13
  257. package/resources/themes/lara-light-indigo/theme.css +61 -13
  258. package/resources/themes/lara-light-purple/theme.css +61 -13
  259. package/resources/themes/lara-light-teal/theme.css +61 -13
  260. package/resources/themes/luna-amber/theme.css +61 -13
  261. package/resources/themes/luna-blue/theme.css +61 -13
  262. package/resources/themes/luna-green/theme.css +61 -13
  263. package/resources/themes/luna-pink/theme.css +61 -13
  264. package/resources/themes/md-dark-deeppurple/theme.css +64 -13
  265. package/resources/themes/md-dark-indigo/theme.css +64 -13
  266. package/resources/themes/md-light-deeppurple/theme.css +64 -13
  267. package/resources/themes/md-light-indigo/theme.css +64 -13
  268. package/resources/themes/mdc-dark-deeppurple/theme.css +64 -13
  269. package/resources/themes/mdc-dark-indigo/theme.css +64 -13
  270. package/resources/themes/mdc-light-deeppurple/theme.css +64 -13
  271. package/resources/themes/mdc-light-indigo/theme.css +64 -13
  272. package/resources/themes/nova/theme.css +61 -13
  273. package/resources/themes/nova-accent/theme.css +61 -13
  274. package/resources/themes/nova-alt/theme.css +61 -13
  275. package/resources/themes/rhea/theme.css +61 -13
  276. package/resources/themes/saga-blue/theme.css +61 -13
  277. package/resources/themes/saga-green/theme.css +61 -13
  278. package/resources/themes/saga-orange/theme.css +61 -13
  279. package/resources/themes/saga-purple/theme.css +61 -13
  280. package/resources/themes/tailwind-light/theme.css +60 -12
  281. package/resources/themes/vela-blue/theme.css +61 -13
  282. package/resources/themes/vela-green/theme.css +61 -13
  283. package/resources/themes/vela-orange/theme.css +61 -13
  284. package/resources/themes/vela-purple/theme.css +61 -13
  285. package/ripple/ripple.cjs.js +1 -0
  286. package/ripple/ripple.cjs.min.js +1 -1
  287. package/ripple/ripple.d.ts +3 -1
  288. package/ripple/ripple.esm.js +1 -0
  289. package/ripple/ripple.esm.min.js +1 -1
  290. package/ripple/ripple.js +1 -0
  291. package/ripple/ripple.min.js +1 -1
  292. package/row/row.d.ts +1 -0
  293. package/scrollpanel/scrollpanel.d.ts +1 -0
  294. package/scrolltop/scrolltop.d.ts +1 -0
  295. package/selectbutton/selectbutton.d.ts +4 -2
  296. package/selectitem/selectitem.d.ts +2 -0
  297. package/sidebar/sidebar.d.ts +1 -0
  298. package/skeleton/skeleton.d.ts +1 -0
  299. package/slidemenu/slidemenu.cjs.js +6 -2
  300. package/slidemenu/slidemenu.cjs.min.js +1 -1
  301. package/slidemenu/slidemenu.d.ts +1 -0
  302. package/slidemenu/slidemenu.esm.js +7 -3
  303. package/slidemenu/slidemenu.esm.min.js +1 -1
  304. package/slidemenu/slidemenu.js +6 -2
  305. package/slidemenu/slidemenu.min.js +1 -1
  306. package/slider/slider.d.ts +1 -0
  307. package/speeddial/speeddial.cjs.js +10 -5
  308. package/speeddial/speeddial.cjs.min.js +1 -1
  309. package/speeddial/speeddial.d.ts +1 -0
  310. package/speeddial/speeddial.esm.js +11 -6
  311. package/speeddial/speeddial.esm.min.js +1 -1
  312. package/speeddial/speeddial.js +10 -5
  313. package/speeddial/speeddial.min.js +1 -1
  314. package/splitbutton/splitbutton.cjs.js +5 -3
  315. package/splitbutton/splitbutton.cjs.min.js +1 -1
  316. package/splitbutton/splitbutton.d.ts +1 -0
  317. package/splitbutton/splitbutton.esm.js +6 -4
  318. package/splitbutton/splitbutton.esm.min.js +1 -1
  319. package/splitbutton/splitbutton.js +5 -3
  320. package/splitbutton/splitbutton.min.js +1 -1
  321. package/splitter/splitter.d.ts +2 -0
  322. package/steps/steps.cjs.js +8 -1
  323. package/steps/steps.cjs.min.js +1 -1
  324. package/steps/steps.d.ts +1 -0
  325. package/steps/steps.esm.js +9 -2
  326. package/steps/steps.esm.min.js +1 -1
  327. package/steps/steps.js +8 -1
  328. package/steps/steps.min.js +1 -1
  329. package/styleclass/styleclass.d.ts +1 -0
  330. package/tabmenu/tabmenu.cjs.js +4 -3
  331. package/tabmenu/tabmenu.cjs.min.js +1 -1
  332. package/tabmenu/tabmenu.d.ts +1 -0
  333. package/tabmenu/tabmenu.esm.js +5 -4
  334. package/tabmenu/tabmenu.esm.min.js +1 -1
  335. package/tabmenu/tabmenu.js +4 -3
  336. package/tabmenu/tabmenu.min.js +1 -1
  337. package/tabview/tabview.d.ts +2 -0
  338. package/tag/tag.d.ts +1 -0
  339. package/terminal/terminal.d.ts +1 -0
  340. package/tieredmenu/tieredmenu.cjs.js +6 -3
  341. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  342. package/tieredmenu/tieredmenu.d.ts +1 -0
  343. package/tieredmenu/tieredmenu.esm.js +7 -4
  344. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  345. package/tieredmenu/tieredmenu.js +6 -3
  346. package/tieredmenu/tieredmenu.min.js +1 -1
  347. package/timeline/timeline.d.ts +1 -0
  348. package/toast/toast.d.ts +1 -0
  349. package/togglebutton/togglebutton.cjs.js +3 -3
  350. package/togglebutton/togglebutton.cjs.min.js +1 -1
  351. package/togglebutton/togglebutton.d.ts +1 -1
  352. package/togglebutton/togglebutton.esm.js +3 -3
  353. package/togglebutton/togglebutton.esm.min.js +1 -1
  354. package/togglebutton/togglebutton.js +3 -3
  355. package/togglebutton/togglebutton.min.js +1 -1
  356. package/toolbar/toolbar.d.ts +1 -0
  357. package/tooltip/tooltip.d.ts +1 -0
  358. package/tree/tree.d.ts +1 -0
  359. package/treeselect/treeselect.cjs.js +0 -1
  360. package/treeselect/treeselect.cjs.min.js +1 -1
  361. package/treeselect/treeselect.d.ts +6 -6
  362. package/treeselect/treeselect.esm.js +0 -1
  363. package/treeselect/treeselect.esm.min.js +1 -1
  364. package/treeselect/treeselect.js +0 -1
  365. package/treeselect/treeselect.min.js +1 -1
  366. package/treetable/treetable.d.ts +2 -1
  367. package/tristatecheckbox/tristatecheckbox.d.ts +1 -0
  368. package/utils/utils.cjs.js +11 -8
  369. package/utils/utils.cjs.min.js +1 -1
  370. package/utils/utils.esm.js +11 -8
  371. package/utils/utils.esm.min.js +1 -1
  372. package/utils/utils.js +11 -8
  373. package/utils/utils.min.js +1 -1
  374. package/virtualscroller/virtualscroller.d.ts +1 -0
  375. package/web-types.json +7 -19
package/resources/themes/arya-blue/theme.css CHANGED
@@ -222,6 +222,16 @@
222
222
  --red-700:#b32d23;
223
223
  --red-800:#8c231c;
224
224
  --red-900:#661a14;
225
+ --primary-50:#f7fbff;
226
+ --primary-100:#daedfd;
227
+ --primary-200:#bcdffb;
228
+ --primary-300:#9fd1f9;
229
+ --primary-400:#81c3f8;
230
+ --primary-500:#64b5f6;
231
+ --primary-600:#559ad1;
232
+ --primary-700:#467fac;
233
+ --primary-800:#376487;
234
+ --primary-900:#284862;
225
235
  }
226
236
 
227
237
  .p-autocomplete .p-autocomplete-loader {
@@ -355,14 +365,16 @@
355
365
  .p-datepicker .p-datepicker-header .p-datepicker-title {
356
366
  line-height: 2rem;
357
367
  }
358
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
359
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
368
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
369
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
370
+ color: rgba(255, 255, 255, 0.87);
371
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
372
+ font-weight: 600;
373
+ padding: 0.5rem;
360
374
  }
361
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
362
- outline: 0 none;
363
- outline-offset: 0;
364
- box-shadow: 0 0 0 1px #93cbf9;
365
- border-color: #64B5F6;
375
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
376
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
377
+ color: #64B5F6;
366
378
  }
367
379
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
368
380
  margin-right: 0.5rem;
@@ -460,8 +472,20 @@
460
472
  color: rgba(255, 255, 255, 0.87);
461
473
  background: rgba(100, 181, 246, 0.16);
462
474
  }
475
+ .p-datepicker .p-yearpicker {
476
+ margin: 0.5rem 0;
477
+ }
478
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
479
+ padding: 0.5rem;
480
+ transition: box-shadow 0.2s;
481
+ border-radius: 3px;
482
+ }
483
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
484
+ color: rgba(255, 255, 255, 0.87);
485
+ background: rgba(100, 181, 246, 0.16);
486
+ }
463
487
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #383838;
488
+ border-left: 1px solid #383838;
465
489
  padding-right: 0.5rem;
466
490
  padding-left: 0.5rem;
467
491
  padding-top: 0;
@@ -472,7 +496,7 @@
472
496
  }
473
497
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
474
498
  padding-right: 0;
475
- border-right: 0 none;
499
+ border-left: 0 none;
476
500
  }
477
501
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
478
502
  background: rgba(255, 255, 255, 0.03);
@@ -482,10 +506,18 @@
482
506
  outline-offset: 0;
483
507
  box-shadow: 0 0 0 1px #93cbf9;
484
508
  }
485
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
509
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
510
+ background: rgba(255, 255, 255, 0.03);
511
+ }
512
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
513
+ outline: 0 none;
514
+ outline-offset: 0;
515
+ box-shadow: 0 0 0 1px #93cbf9;
516
+ }
517
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
518
  background: rgba(255, 255, 255, 0.03);
487
519
  }
488
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
520
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
489
521
  outline: 0 none;
490
522
  outline-offset: 0;
491
523
  box-shadow: 0 0 0 1px #93cbf9;
@@ -4562,7 +4594,23 @@
4562
4594
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4563
4595
  margin: auto 0;
4564
4596
  }
4565
- .p-dock .p-dock-list .p-dock-item {
4597
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4598
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4599
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4600
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4601
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4602
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4603
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4604
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4605
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
4606
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4607
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4608
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4609
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4610
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4611
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4612
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4613
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4566
4614
  transform: none;
4567
4615
  margin: 0;
4568
4616
  }
@@ -5838,7 +5886,7 @@
5838
5886
  background: #64B5F6;
5839
5887
  }
5840
5888
  .p-progressbar .p-progressbar-label {
5841
- color: rgba(255, 255, 255, 0.87);
5889
+ color: #212529;
5842
5890
  line-height: 1.5rem;
5843
5891
  }
5844
5892
 
package/resources/themes/arya-green/theme.css CHANGED
@@ -222,6 +222,16 @@
222
222
  --red-700:#b32d23;
223
223
  --red-800:#8c231c;
224
224
  --red-900:#661a14;
225
+ --primary-50:#f9fcf9;
226
+ --primary-100:#e1f2e1;
227
+ --primary-200:#c9e7ca;
228
+ --primary-300:#b1dcb3;
229
+ --primary-400:#99d29b;
230
+ --primary-500:#81c784;
231
+ --primary-600:#6ea970;
232
+ --primary-700:#5a8b5c;
233
+ --primary-800:#476d49;
234
+ --primary-900:#345035;
225
235
  }
226
236
 
227
237
  .p-autocomplete .p-autocomplete-loader {
@@ -355,14 +365,16 @@
355
365
  .p-datepicker .p-datepicker-header .p-datepicker-title {
356
366
  line-height: 2rem;
357
367
  }
358
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
359
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
368
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
369
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
370
+ color: rgba(255, 255, 255, 0.87);
371
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
372
+ font-weight: 600;
373
+ padding: 0.5rem;
360
374
  }
361
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
362
- outline: 0 none;
363
- outline-offset: 0;
364
- box-shadow: 0 0 0 1px #a7d8a9;
365
- border-color: #81C784;
375
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
376
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
377
+ color: #81C784;
366
378
  }
367
379
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
368
380
  margin-right: 0.5rem;
@@ -460,8 +472,20 @@
460
472
  color: rgba(255, 255, 255, 0.87);
461
473
  background: rgba(129, 199, 132, 0.16);
462
474
  }
475
+ .p-datepicker .p-yearpicker {
476
+ margin: 0.5rem 0;
477
+ }
478
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
479
+ padding: 0.5rem;
480
+ transition: box-shadow 0.2s;
481
+ border-radius: 3px;
482
+ }
483
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
484
+ color: rgba(255, 255, 255, 0.87);
485
+ background: rgba(129, 199, 132, 0.16);
486
+ }
463
487
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #383838;
488
+ border-left: 1px solid #383838;
465
489
  padding-right: 0.5rem;
466
490
  padding-left: 0.5rem;
467
491
  padding-top: 0;
@@ -472,7 +496,7 @@
472
496
  }
473
497
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
474
498
  padding-right: 0;
475
- border-right: 0 none;
499
+ border-left: 0 none;
476
500
  }
477
501
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
478
502
  background: rgba(255, 255, 255, 0.03);
@@ -482,10 +506,18 @@
482
506
  outline-offset: 0;
483
507
  box-shadow: 0 0 0 1px #a7d8a9;
484
508
  }
485
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
509
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
510
+ background: rgba(255, 255, 255, 0.03);
511
+ }
512
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
513
+ outline: 0 none;
514
+ outline-offset: 0;
515
+ box-shadow: 0 0 0 1px #a7d8a9;
516
+ }
517
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
518
  background: rgba(255, 255, 255, 0.03);
487
519
  }
488
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
520
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
489
521
  outline: 0 none;
490
522
  outline-offset: 0;
491
523
  box-shadow: 0 0 0 1px #a7d8a9;
@@ -4562,7 +4594,23 @@
4562
4594
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4563
4595
  margin: auto 0;
4564
4596
  }
4565
- .p-dock .p-dock-list .p-dock-item {
4597
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4598
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4599
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4600
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4601
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4602
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4603
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4604
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4605
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
4606
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4607
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4608
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4609
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4610
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4611
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4612
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4613
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4566
4614
  transform: none;
4567
4615
  margin: 0;
4568
4616
  }
@@ -5838,7 +5886,7 @@
5838
5886
  background: #81C784;
5839
5887
  }
5840
5888
  .p-progressbar .p-progressbar-label {
5841
- color: rgba(255, 255, 255, 0.87);
5889
+ color: #212529;
5842
5890
  line-height: 1.5rem;
5843
5891
  }
5844
5892
 
package/resources/themes/arya-orange/theme.css CHANGED
@@ -222,6 +222,16 @@
222
222
  --red-700:#b32d23;
223
223
  --red-800:#8c231c;
224
224
  --red-900:#661a14;
225
+ --primary-50:#fffdf6;
226
+ --primary-100:#fff5d5;
227
+ --primary-200:#ffedb3;
228
+ --primary-300:#ffe592;
229
+ --primary-400:#ffdd70;
230
+ --primary-500:#ffd54f;
231
+ --primary-600:#d9b543;
232
+ --primary-700:#b39537;
233
+ --primary-800:#8c752b;
234
+ --primary-900:#665520;
225
235
  }
226
236
 
227
237
  .p-autocomplete .p-autocomplete-loader {
@@ -355,14 +365,16 @@
355
365
  .p-datepicker .p-datepicker-header .p-datepicker-title {
356
366
  line-height: 2rem;
357
367
  }
358
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
359
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
368
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
369
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
370
+ color: rgba(255, 255, 255, 0.87);
371
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
372
+ font-weight: 600;
373
+ padding: 0.5rem;
360
374
  }
361
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
362
- outline: 0 none;
363
- outline-offset: 0;
364
- box-shadow: 0 0 0 1px #ffe284;
365
- border-color: #FFD54F;
375
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
376
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
377
+ color: #FFD54F;
366
378
  }
367
379
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
368
380
  margin-right: 0.5rem;
@@ -460,8 +472,20 @@
460
472
  color: rgba(255, 255, 255, 0.87);
461
473
  background: rgba(255, 213, 79, 0.16);
462
474
  }
475
+ .p-datepicker .p-yearpicker {
476
+ margin: 0.5rem 0;
477
+ }
478
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
479
+ padding: 0.5rem;
480
+ transition: box-shadow 0.2s;
481
+ border-radius: 3px;
482
+ }
483
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
484
+ color: rgba(255, 255, 255, 0.87);
485
+ background: rgba(255, 213, 79, 0.16);
486
+ }
463
487
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #383838;
488
+ border-left: 1px solid #383838;
465
489
  padding-right: 0.5rem;
466
490
  padding-left: 0.5rem;
467
491
  padding-top: 0;
@@ -472,7 +496,7 @@
472
496
  }
473
497
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
474
498
  padding-right: 0;
475
- border-right: 0 none;
499
+ border-left: 0 none;
476
500
  }
477
501
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
478
502
  background: rgba(255, 255, 255, 0.03);
@@ -482,10 +506,18 @@
482
506
  outline-offset: 0;
483
507
  box-shadow: 0 0 0 1px #ffe284;
484
508
  }
485
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
509
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
510
+ background: rgba(255, 255, 255, 0.03);
511
+ }
512
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
513
+ outline: 0 none;
514
+ outline-offset: 0;
515
+ box-shadow: 0 0 0 1px #ffe284;
516
+ }
517
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
518
  background: rgba(255, 255, 255, 0.03);
487
519
  }
488
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
520
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
489
521
  outline: 0 none;
490
522
  outline-offset: 0;
491
523
  box-shadow: 0 0 0 1px #ffe284;
@@ -4562,7 +4594,23 @@
4562
4594
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4563
4595
  margin: auto 0;
4564
4596
  }
4565
- .p-dock .p-dock-list .p-dock-item {
4597
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4598
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4599
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4600
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4601
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4602
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4603
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4604
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4605
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
4606
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4607
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4608
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4609
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4610
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4611
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4612
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4613
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4566
4614
  transform: none;
4567
4615
  margin: 0;
4568
4616
  }
@@ -5838,7 +5886,7 @@
5838
5886
  background: #FFD54F;
5839
5887
  }
5840
5888
  .p-progressbar .p-progressbar-label {
5841
- color: rgba(255, 255, 255, 0.87);
5889
+ color: #212529;
5842
5890
  line-height: 1.5rem;
5843
5891
  }
5844
5892
 
package/resources/themes/arya-purple/theme.css CHANGED
@@ -222,6 +222,16 @@
222
222
  --red-700:#b32d23;
223
223
  --red-800:#8c231c;
224
224
  --red-900:#661a14;
225
+ --primary-50:#fcf7fc;
226
+ --primary-100:#eedbf2;
227
+ --primary-200:#e1bee7;
228
+ --primary-300:#d4a1dd;
229
+ --primary-400:#c785d2;
230
+ --primary-500:#ba68c8;
231
+ --primary-600:#9e58aa;
232
+ --primary-700:#82498c;
233
+ --primary-800:#66396e;
234
+ --primary-900:#4a2a50;
225
235
  }
226
236
 
227
237
  .p-autocomplete .p-autocomplete-loader {
@@ -355,14 +365,16 @@
355
365
  .p-datepicker .p-datepicker-header .p-datepicker-title {
356
366
  line-height: 2rem;
357
367
  }
358
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
359
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
368
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
369
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
370
+ color: rgba(255, 255, 255, 0.87);
371
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
372
+ font-weight: 600;
373
+ padding: 0.5rem;
360
374
  }
361
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
362
- outline: 0 none;
363
- outline-offset: 0;
364
- box-shadow: 0 0 0 1px #cf95d9;
365
- border-color: #BA68C8;
375
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
376
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
377
+ color: #BA68C8;
366
378
  }
367
379
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
368
380
  margin-right: 0.5rem;
@@ -460,8 +472,20 @@
460
472
  color: rgba(255, 255, 255, 0.87);
461
473
  background: rgba(186, 104, 200, 0.16);
462
474
  }
475
+ .p-datepicker .p-yearpicker {
476
+ margin: 0.5rem 0;
477
+ }
478
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
479
+ padding: 0.5rem;
480
+ transition: box-shadow 0.2s;
481
+ border-radius: 3px;
482
+ }
483
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
484
+ color: rgba(255, 255, 255, 0.87);
485
+ background: rgba(186, 104, 200, 0.16);
486
+ }
463
487
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #383838;
488
+ border-left: 1px solid #383838;
465
489
  padding-right: 0.5rem;
466
490
  padding-left: 0.5rem;
467
491
  padding-top: 0;
@@ -472,7 +496,7 @@
472
496
  }
473
497
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
474
498
  padding-right: 0;
475
- border-right: 0 none;
499
+ border-left: 0 none;
476
500
  }
477
501
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
478
502
  background: rgba(255, 255, 255, 0.03);
@@ -482,10 +506,18 @@
482
506
  outline-offset: 0;
483
507
  box-shadow: 0 0 0 1px #cf95d9;
484
508
  }
485
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
509
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
510
+ background: rgba(255, 255, 255, 0.03);
511
+ }
512
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
513
+ outline: 0 none;
514
+ outline-offset: 0;
515
+ box-shadow: 0 0 0 1px #cf95d9;
516
+ }
517
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
518
  background: rgba(255, 255, 255, 0.03);
487
519
  }
488
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
520
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
489
521
  outline: 0 none;
490
522
  outline-offset: 0;
491
523
  box-shadow: 0 0 0 1px #cf95d9;
@@ -4562,7 +4594,23 @@
4562
4594
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4563
4595
  margin: auto 0;
4564
4596
  }
4565
- .p-dock .p-dock-list .p-dock-item {
4597
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4598
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4599
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4600
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4601
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4602
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4603
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4604
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4605
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
4606
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4607
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4608
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4609
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4610
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4611
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4612
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4613
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4566
4614
  transform: none;
4567
4615
  margin: 0;
4568
4616
  }
@@ -5838,7 +5886,7 @@
5838
5886
  background: #BA68C8;
5839
5887
  }
5840
5888
  .p-progressbar .p-progressbar-label {
5841
- color: rgba(255, 255, 255, 0.87);
5889
+ color: #ffffff;
5842
5890
  line-height: 1.5rem;
5843
5891
  }
5844
5892
 
package/resources/themes/bootstrap4-dark-blue/theme.css CHANGED
@@ -222,6 +222,16 @@
222
222
  --red-700:#9a2530;
223
223
  --red-800:#791d26;
224
224
  --red-900:#58151c;
225
+ --primary-50:#f9fdff;
226
+ --primary-100:#e4f4ff;
227
+ --primary-200:#ceebff;
228
+ --primary-300:#b8e2ff;
229
+ --primary-400:#a3d9ff;
230
+ --primary-500:#8dd0ff;
231
+ --primary-600:#78b1d9;
232
+ --primary-700:#6392b3;
233
+ --primary-800:#4e728c;
234
+ --primary-900:#385366;
225
235
  }
226
236
 
227
237
  .p-autocomplete .p-autocomplete-loader {
@@ -355,14 +365,16 @@
355
365
  .p-datepicker .p-datepicker-header .p-datepicker-title {
356
366
  line-height: 2rem;
357
367
  }
358
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
359
- transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
368
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
369
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
370
+ color: rgba(255, 255, 255, 0.87);
371
+ transition: color 0.15s, box-shadow 0.15s;
372
+ font-weight: 600;
373
+ padding: 0.5rem;
360
374
  }
361
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
362
- outline: 0 none;
363
- outline-offset: 0;
364
- box-shadow: 0 0 0 1px #e3f3fe;
365
- border-color: #8dd0ff;
375
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
376
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
377
+ color: #8dd0ff;
366
378
  }
367
379
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
368
380
  margin-right: 0.5rem;
@@ -460,8 +472,20 @@
460
472
  color: #151515;
461
473
  background: #8dd0ff;
462
474
  }
475
+ .p-datepicker .p-yearpicker {
476
+ margin: 0.5rem 0;
477
+ }
478
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
479
+ padding: 0.5rem;
480
+ transition: box-shadow 0.15s;
481
+ border-radius: 4px;
482
+ }
483
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
484
+ color: #151515;
485
+ background: #8dd0ff;
486
+ }
463
487
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #3f4b5b;
488
+ border-left: 1px solid #3f4b5b;
465
489
  padding-right: 0;
466
490
  padding-left: 0;
467
491
  padding-top: 0;
@@ -472,7 +496,7 @@
472
496
  }
473
497
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
474
498
  padding-right: 0;
475
- border-right: 0 none;
499
+ border-left: 0 none;
476
500
  }
477
501
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
478
502
  background: rgba(255, 255, 255, 0.04);
@@ -482,10 +506,18 @@
482
506
  outline-offset: 0;
483
507
  box-shadow: 0 0 0 1px #e3f3fe;
484
508
  }
485
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
509
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
510
+ background: rgba(255, 255, 255, 0.04);
511
+ }
512
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
513
+ outline: 0 none;
514
+ outline-offset: 0;
515
+ box-shadow: 0 0 0 1px #e3f3fe;
516
+ }
517
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
518
  background: rgba(255, 255, 255, 0.04);
487
519
  }
488
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
520
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
489
521
  outline: 0 none;
490
522
  outline-offset: 0;
491
523
  box-shadow: 0 0 0 1px #e3f3fe;
@@ -4574,7 +4606,23 @@
4574
4606
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4575
4607
  margin: auto 0;
4576
4608
  }
4577
- .p-dock .p-dock-list .p-dock-item {
4609
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4610
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4611
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4612
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4613
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4614
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4615
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4616
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4617
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
4618
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4619
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4620
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4621
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4622
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4623
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4624
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4625
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4578
4626
  transform: none;
4579
4627
  margin: 0;
4580
4628
  }
@@ -5850,7 +5898,7 @@
5850
5898
  background: #8dd0ff;
5851
5899
  }
5852
5900
  .p-progressbar .p-progressbar-label {
5853
- color: rgba(255, 255, 255, 0.87);
5901
+ color: #151515;
5854
5902
  line-height: 1.5rem;
5855
5903
  }
5856
5904