primereact 8.0.0-rc.1 → 8.0.0-rc.2

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 (349) hide show
  1. package/README.md +4 -2
  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.js +1 -1
  40. package/calendar/calendar.cjs.js +314 -151
  41. package/calendar/calendar.cjs.min.js +1 -1
  42. package/calendar/calendar.d.ts +8 -0
  43. package/calendar/calendar.esm.js +314 -151
  44. package/calendar/calendar.esm.min.js +1 -1
  45. package/calendar/calendar.js +315 -152
  46. package/calendar/calendar.min.css +1 -1
  47. package/calendar/calendar.min.js +1 -1
  48. package/captcha/captcha.d.ts +1 -0
  49. package/card/card.d.ts +1 -0
  50. package/carousel/carousel.d.ts +1 -0
  51. package/cascadeselect/cascadeselect.d.ts +4 -2
  52. package/chart/chart.d.ts +1 -0
  53. package/checkbox/checkbox.cjs.js +5 -13
  54. package/checkbox/checkbox.cjs.min.js +1 -1
  55. package/checkbox/checkbox.d.ts +2 -2
  56. package/checkbox/checkbox.esm.js +5 -13
  57. package/checkbox/checkbox.esm.min.js +1 -1
  58. package/checkbox/checkbox.js +5 -13
  59. package/checkbox/checkbox.min.js +1 -1
  60. package/chip/chip.d.ts +1 -0
  61. package/chips/chips.d.ts +1 -0
  62. package/colorpicker/colorpicker.d.ts +1 -0
  63. package/column/column.d.ts +2 -1
  64. package/columngroup/columngroup.d.ts +3 -1
  65. package/common/common.min.css +1 -1
  66. package/confirmdialog/confirmdialog.cjs.js +2 -2
  67. package/confirmdialog/confirmdialog.d.ts +1 -0
  68. package/confirmdialog/confirmdialog.esm.js +2 -2
  69. package/confirmdialog/confirmdialog.js +2 -2
  70. package/confirmpopup/confirmpopup.cjs.js +2 -2
  71. package/confirmpopup/confirmpopup.d.ts +1 -0
  72. package/confirmpopup/confirmpopup.esm.js +2 -2
  73. package/confirmpopup/confirmpopup.js +2 -2
  74. package/contextmenu/contextmenu.cjs.js +6 -2
  75. package/contextmenu/contextmenu.cjs.min.js +1 -1
  76. package/contextmenu/contextmenu.d.ts +1 -0
  77. package/contextmenu/contextmenu.esm.js +7 -3
  78. package/contextmenu/contextmenu.esm.min.js +1 -1
  79. package/contextmenu/contextmenu.js +6 -2
  80. package/contextmenu/contextmenu.min.js +1 -1
  81. package/core/core.js +197 -134
  82. package/core/core.min.js +9 -9
  83. package/datascroller/datascroller.d.ts +1 -0
  84. package/datatable/datatable.cjs.js +4 -4
  85. package/datatable/datatable.cjs.min.js +1 -1
  86. package/datatable/datatable.d.ts +2 -1
  87. package/datatable/datatable.esm.js +4 -4
  88. package/datatable/datatable.esm.min.js +1 -1
  89. package/datatable/datatable.js +4 -4
  90. package/datatable/datatable.min.js +1 -1
  91. package/dataview/dataview.d.ts +2 -0
  92. package/deferredcontent/deferredcontent.d.ts +1 -0
  93. package/dialog/dialog.d.ts +1 -0
  94. package/divider/divider.d.ts +1 -0
  95. package/dock/dock.cjs.js +5 -3
  96. package/dock/dock.cjs.min.js +1 -1
  97. package/dock/dock.d.ts +1 -0
  98. package/dock/dock.esm.js +6 -4
  99. package/dock/dock.esm.min.js +1 -1
  100. package/dock/dock.js +5 -3
  101. package/dock/dock.min.js +1 -1
  102. package/dropdown/dropdown.cjs.js +2 -6
  103. package/dropdown/dropdown.cjs.min.js +1 -1
  104. package/dropdown/dropdown.d.ts +4 -2
  105. package/dropdown/dropdown.esm.js +2 -6
  106. package/dropdown/dropdown.esm.min.js +1 -1
  107. package/dropdown/dropdown.js +2 -6
  108. package/dropdown/dropdown.min.js +1 -1
  109. package/editor/editor.d.ts +1 -0
  110. package/fieldset/fieldset.d.ts +1 -0
  111. package/fileupload/fileupload.d.ts +2 -1
  112. package/fullcalendar/fullcalendar.d.ts +1 -0
  113. package/galleria/galleria.d.ts +1 -0
  114. package/gmap/gmap.cjs.js +27 -12
  115. package/gmap/gmap.cjs.min.js +1 -1
  116. package/gmap/gmap.d.ts +1 -0
  117. package/gmap/gmap.esm.js +27 -12
  118. package/gmap/gmap.esm.min.js +1 -1
  119. package/gmap/gmap.js +27 -12
  120. package/gmap/gmap.min.js +1 -1
  121. package/image/image.d.ts +1 -0
  122. package/inplace/inplace.d.ts +7 -2
  123. package/inputmask/inputmask.cjs.js +2 -0
  124. package/inputmask/inputmask.cjs.min.js +1 -1
  125. package/inputmask/inputmask.d.ts +1 -0
  126. package/inputmask/inputmask.esm.js +2 -0
  127. package/inputmask/inputmask.esm.min.js +1 -1
  128. package/inputmask/inputmask.js +2 -0
  129. package/inputmask/inputmask.min.js +1 -1
  130. package/inputnumber/inputnumber.cjs.js +8 -5
  131. package/inputnumber/inputnumber.cjs.min.js +1 -1
  132. package/inputnumber/inputnumber.d.ts +1 -0
  133. package/inputnumber/inputnumber.esm.js +8 -5
  134. package/inputnumber/inputnumber.esm.min.js +1 -1
  135. package/inputnumber/inputnumber.js +8 -5
  136. package/inputnumber/inputnumber.min.js +1 -1
  137. package/inputswitch/inputswitch.cjs.js +7 -10
  138. package/inputswitch/inputswitch.cjs.min.js +1 -1
  139. package/inputswitch/inputswitch.d.ts +2 -1
  140. package/inputswitch/inputswitch.esm.js +7 -10
  141. package/inputswitch/inputswitch.esm.min.js +1 -1
  142. package/inputswitch/inputswitch.js +7 -10
  143. package/inputswitch/inputswitch.min.js +1 -1
  144. package/inputtext/inputtext.cjs.js +12 -2
  145. package/inputtext/inputtext.cjs.min.js +1 -1
  146. package/inputtext/inputtext.d.ts +1 -0
  147. package/inputtext/inputtext.esm.js +12 -2
  148. package/inputtext/inputtext.esm.min.js +1 -1
  149. package/inputtext/inputtext.js +12 -2
  150. package/inputtext/inputtext.min.js +1 -1
  151. package/inputtextarea/inputtextarea.d.ts +1 -0
  152. package/keyfilter/keyfilter.cjs.js +54 -1
  153. package/keyfilter/keyfilter.cjs.min.js +1 -1
  154. package/keyfilter/keyfilter.esm.js +54 -1
  155. package/keyfilter/keyfilter.esm.min.js +1 -1
  156. package/keyfilter/keyfilter.js +146 -93
  157. package/keyfilter/keyfilter.min.js +1 -1
  158. package/knob/knob.d.ts +1 -0
  159. package/listbox/listbox.d.ts +4 -2
  160. package/megamenu/megamenu.cjs.js +8 -5
  161. package/megamenu/megamenu.cjs.min.js +1 -1
  162. package/megamenu/megamenu.d.ts +1 -0
  163. package/megamenu/megamenu.esm.js +9 -6
  164. package/megamenu/megamenu.esm.min.js +1 -1
  165. package/megamenu/megamenu.js +8 -5
  166. package/megamenu/megamenu.min.js +1 -1
  167. package/mention/mention.d.ts +1 -0
  168. package/menu/menu.cjs.js +4 -2
  169. package/menu/menu.cjs.min.js +1 -1
  170. package/menu/menu.d.ts +1 -0
  171. package/menu/menu.esm.js +5 -3
  172. package/menu/menu.esm.min.js +1 -1
  173. package/menu/menu.js +4 -2
  174. package/menu/menu.min.js +1 -1
  175. package/menubar/menubar.cjs.js +6 -2
  176. package/menubar/menubar.cjs.min.js +1 -1
  177. package/menubar/menubar.d.ts +1 -0
  178. package/menubar/menubar.esm.js +7 -3
  179. package/menubar/menubar.esm.min.js +1 -1
  180. package/menubar/menubar.js +6 -2
  181. package/menubar/menubar.min.js +1 -1
  182. package/menuitem/menuitem.d.ts +0 -2
  183. package/message/message.d.ts +1 -0
  184. package/messages/messages.d.ts +1 -0
  185. package/multiselect/multiselect.cjs.js +5 -13
  186. package/multiselect/multiselect.cjs.min.js +1 -1
  187. package/multiselect/multiselect.d.ts +4 -2
  188. package/multiselect/multiselect.esm.js +5 -13
  189. package/multiselect/multiselect.esm.min.js +1 -1
  190. package/multiselect/multiselect.js +5 -13
  191. package/multiselect/multiselect.min.js +1 -1
  192. package/multistatecheckbox/multistatecheckbox.d.ts +1 -0
  193. package/orderlist/orderlist.d.ts +1 -0
  194. package/organizationchart/organizationchart.d.ts +1 -0
  195. package/overlaypanel/overlaypanel.d.ts +1 -0
  196. package/package.json +3 -2
  197. package/paginator/paginator.cjs.js +11 -5
  198. package/paginator/paginator.d.ts +1 -0
  199. package/paginator/paginator.esm.js +11 -5
  200. package/paginator/paginator.js +11 -5
  201. package/panel/panel.d.ts +1 -0
  202. package/panelmenu/panelmenu.cjs.js +12 -6
  203. package/panelmenu/panelmenu.cjs.min.js +1 -1
  204. package/panelmenu/panelmenu.d.ts +1 -0
  205. package/panelmenu/panelmenu.esm.js +13 -7
  206. package/panelmenu/panelmenu.esm.min.js +1 -1
  207. package/panelmenu/panelmenu.js +12 -6
  208. package/panelmenu/panelmenu.min.js +1 -1
  209. package/password/password.d.ts +1 -0
  210. package/picklist/picklist.d.ts +1 -0
  211. package/primereact.all.cjs.js +506 -257
  212. package/primereact.all.cjs.min.js +1 -1
  213. package/primereact.all.esm.js +506 -257
  214. package/primereact.all.esm.min.js +1 -1
  215. package/primereact.all.js +506 -257
  216. package/primereact.all.min.js +1 -1
  217. package/progressbar/progressbar.d.ts +1 -0
  218. package/progressspinner/progressspinner.d.ts +2 -1
  219. package/radiobutton/radiobutton.d.ts +2 -1
  220. package/rating/rating.d.ts +1 -0
  221. package/resources/primereact.css +165 -140
  222. package/resources/primereact.min.css +1 -1
  223. package/resources/themes/arya-blue/theme.css +51 -13
  224. package/resources/themes/arya-green/theme.css +51 -13
  225. package/resources/themes/arya-orange/theme.css +51 -13
  226. package/resources/themes/arya-purple/theme.css +51 -13
  227. package/resources/themes/bootstrap4-dark-blue/theme.css +51 -13
  228. package/resources/themes/bootstrap4-dark-purple/theme.css +51 -13
  229. package/resources/themes/bootstrap4-light-blue/theme.css +51 -13
  230. package/resources/themes/bootstrap4-light-purple/theme.css +51 -13
  231. package/resources/themes/fluent-light/theme.css +51 -13
  232. package/resources/themes/lara-dark-blue/theme.css +51 -13
  233. package/resources/themes/lara-dark-indigo/theme.css +51 -13
  234. package/resources/themes/lara-dark-purple/theme.css +51 -13
  235. package/resources/themes/lara-dark-teal/theme.css +51 -13
  236. package/resources/themes/lara-light-blue/theme.css +51 -13
  237. package/resources/themes/lara-light-indigo/theme.css +51 -13
  238. package/resources/themes/lara-light-purple/theme.css +51 -13
  239. package/resources/themes/lara-light-teal/theme.css +51 -13
  240. package/resources/themes/luna-amber/theme.css +51 -13
  241. package/resources/themes/luna-blue/theme.css +51 -13
  242. package/resources/themes/luna-green/theme.css +51 -13
  243. package/resources/themes/luna-pink/theme.css +51 -13
  244. package/resources/themes/md-dark-deeppurple/theme.css +54 -13
  245. package/resources/themes/md-dark-indigo/theme.css +54 -13
  246. package/resources/themes/md-light-deeppurple/theme.css +54 -13
  247. package/resources/themes/md-light-indigo/theme.css +54 -13
  248. package/resources/themes/mdc-dark-deeppurple/theme.css +54 -13
  249. package/resources/themes/mdc-dark-indigo/theme.css +54 -13
  250. package/resources/themes/mdc-light-deeppurple/theme.css +54 -13
  251. package/resources/themes/mdc-light-indigo/theme.css +54 -13
  252. package/resources/themes/nova/theme.css +51 -13
  253. package/resources/themes/nova-accent/theme.css +51 -13
  254. package/resources/themes/nova-alt/theme.css +51 -13
  255. package/resources/themes/rhea/theme.css +51 -13
  256. package/resources/themes/saga-blue/theme.css +51 -13
  257. package/resources/themes/saga-green/theme.css +51 -13
  258. package/resources/themes/saga-orange/theme.css +51 -13
  259. package/resources/themes/saga-purple/theme.css +51 -13
  260. package/resources/themes/tailwind-light/theme.css +50 -12
  261. package/resources/themes/vela-blue/theme.css +51 -13
  262. package/resources/themes/vela-green/theme.css +51 -13
  263. package/resources/themes/vela-orange/theme.css +51 -13
  264. package/resources/themes/vela-purple/theme.css +51 -13
  265. package/ripple/ripple.cjs.js +1 -0
  266. package/ripple/ripple.cjs.min.js +1 -1
  267. package/ripple/ripple.d.ts +3 -1
  268. package/ripple/ripple.esm.js +1 -0
  269. package/ripple/ripple.esm.min.js +1 -1
  270. package/ripple/ripple.js +1 -0
  271. package/ripple/ripple.min.js +1 -1
  272. package/row/row.d.ts +1 -0
  273. package/scrollpanel/scrollpanel.d.ts +1 -0
  274. package/scrolltop/scrolltop.d.ts +1 -0
  275. package/selectbutton/selectbutton.d.ts +4 -2
  276. package/selectitem/selectitem.d.ts +2 -0
  277. package/sidebar/sidebar.d.ts +1 -0
  278. package/skeleton/skeleton.d.ts +1 -0
  279. package/slidemenu/slidemenu.cjs.js +6 -2
  280. package/slidemenu/slidemenu.cjs.min.js +1 -1
  281. package/slidemenu/slidemenu.d.ts +1 -0
  282. package/slidemenu/slidemenu.esm.js +7 -3
  283. package/slidemenu/slidemenu.esm.min.js +1 -1
  284. package/slidemenu/slidemenu.js +6 -2
  285. package/slidemenu/slidemenu.min.js +1 -1
  286. package/slider/slider.d.ts +1 -0
  287. package/speeddial/speeddial.cjs.js +10 -5
  288. package/speeddial/speeddial.cjs.min.js +1 -1
  289. package/speeddial/speeddial.d.ts +1 -0
  290. package/speeddial/speeddial.esm.js +11 -6
  291. package/speeddial/speeddial.esm.min.js +1 -1
  292. package/speeddial/speeddial.js +10 -5
  293. package/speeddial/speeddial.min.js +1 -1
  294. package/splitbutton/splitbutton.cjs.js +5 -3
  295. package/splitbutton/splitbutton.cjs.min.js +1 -1
  296. package/splitbutton/splitbutton.d.ts +1 -0
  297. package/splitbutton/splitbutton.esm.js +6 -4
  298. package/splitbutton/splitbutton.esm.min.js +1 -1
  299. package/splitbutton/splitbutton.js +5 -3
  300. package/splitbutton/splitbutton.min.js +1 -1
  301. package/splitter/splitter.d.ts +2 -0
  302. package/steps/steps.cjs.js +8 -1
  303. package/steps/steps.cjs.min.js +1 -1
  304. package/steps/steps.d.ts +1 -0
  305. package/steps/steps.esm.js +9 -2
  306. package/steps/steps.esm.min.js +1 -1
  307. package/steps/steps.js +8 -1
  308. package/steps/steps.min.js +1 -1
  309. package/styleclass/styleclass.d.ts +1 -0
  310. package/tabmenu/tabmenu.cjs.js +4 -3
  311. package/tabmenu/tabmenu.cjs.min.js +1 -1
  312. package/tabmenu/tabmenu.d.ts +1 -0
  313. package/tabmenu/tabmenu.esm.js +5 -4
  314. package/tabmenu/tabmenu.esm.min.js +1 -1
  315. package/tabmenu/tabmenu.js +4 -3
  316. package/tabmenu/tabmenu.min.js +1 -1
  317. package/tabview/tabview.d.ts +2 -0
  318. package/tag/tag.d.ts +1 -0
  319. package/terminal/terminal.d.ts +1 -0
  320. package/tieredmenu/tieredmenu.cjs.js +6 -3
  321. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  322. package/tieredmenu/tieredmenu.d.ts +1 -0
  323. package/tieredmenu/tieredmenu.esm.js +7 -4
  324. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  325. package/tieredmenu/tieredmenu.js +6 -3
  326. package/tieredmenu/tieredmenu.min.js +1 -1
  327. package/timeline/timeline.d.ts +1 -0
  328. package/toast/toast.d.ts +1 -0
  329. package/togglebutton/togglebutton.d.ts +1 -0
  330. package/toolbar/toolbar.d.ts +1 -0
  331. package/tooltip/tooltip.d.ts +1 -0
  332. package/tree/tree.d.ts +1 -0
  333. package/treeselect/treeselect.cjs.js +0 -1
  334. package/treeselect/treeselect.cjs.min.js +1 -1
  335. package/treeselect/treeselect.d.ts +2 -1
  336. package/treeselect/treeselect.esm.js +0 -1
  337. package/treeselect/treeselect.esm.min.js +1 -1
  338. package/treeselect/treeselect.js +0 -1
  339. package/treeselect/treeselect.min.js +1 -1
  340. package/treetable/treetable.d.ts +2 -1
  341. package/tristatecheckbox/tristatecheckbox.d.ts +1 -0
  342. package/utils/utils.cjs.js +11 -8
  343. package/utils/utils.cjs.min.js +1 -1
  344. package/utils/utils.esm.js +11 -8
  345. package/utils/utils.esm.min.js +1 -1
  346. package/utils/utils.js +11 -8
  347. package/utils/utils.min.js +1 -1
  348. package/virtualscroller/virtualscroller.d.ts +1 -0
  349. package/web-types.json +7 -13
package/resources/themes/saga-orange/theme.css CHANGED
@@ -355,14 +355,16 @@
355
355
  .p-datepicker .p-datepicker-header .p-datepicker-title {
356
356
  line-height: 2rem;
357
357
  }
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;
358
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
359
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
360
+ color: #495057;
361
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
362
+ font-weight: 600;
363
+ padding: 0.5rem;
360
364
  }
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 0.2rem #ffe69c;
365
- border-color: #FFC107;
365
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
366
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
367
+ color: #FFC107;
366
368
  }
367
369
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
368
370
  margin-right: 0.5rem;
@@ -460,8 +462,20 @@
460
462
  color: #495057;
461
463
  background: #FFF3E0;
462
464
  }
465
+ .p-datepicker .p-yearpicker {
466
+ margin: 0.5rem 0;
467
+ }
468
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
469
+ padding: 0.5rem;
470
+ transition: box-shadow 0.2s;
471
+ border-radius: 3px;
472
+ }
473
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
474
+ color: #495057;
475
+ background: #FFF3E0;
476
+ }
463
477
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #dee2e6;
478
+ border-left: 1px solid #dee2e6;
465
479
  padding-right: 0.5rem;
466
480
  padding-left: 0.5rem;
467
481
  padding-top: 0;
@@ -472,7 +486,7 @@
472
486
  }
473
487
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
474
488
  padding-right: 0;
475
- border-right: 0 none;
489
+ border-left: 0 none;
476
490
  }
477
491
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
478
492
  background: #e9ecef;
@@ -482,10 +496,18 @@
482
496
  outline-offset: 0;
483
497
  box-shadow: 0 0 0 0.2rem #ffe69c;
484
498
  }
485
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
499
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
500
+ background: #e9ecef;
501
+ }
502
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
503
+ outline: 0 none;
504
+ outline-offset: 0;
505
+ box-shadow: 0 0 0 0.2rem #ffe69c;
506
+ }
507
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
508
  background: #e9ecef;
487
509
  }
488
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
510
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
489
511
  outline: 0 none;
490
512
  outline-offset: 0;
491
513
  box-shadow: 0 0 0 0.2rem #ffe69c;
@@ -4562,7 +4584,23 @@
4562
4584
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4563
4585
  margin: auto 0;
4564
4586
  }
4565
- .p-dock .p-dock-list .p-dock-item {
4587
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4588
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4589
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4590
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4591
+ .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,
4592
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4593
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4594
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4595
+ .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,
4596
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4597
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4598
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4599
+ .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,
4600
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4601
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4602
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4603
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4566
4604
  transform: none;
4567
4605
  margin: 0;
4568
4606
  }
@@ -5838,7 +5876,7 @@
5838
5876
  background: #FFC107;
5839
5877
  }
5840
5878
  .p-progressbar .p-progressbar-label {
5841
- color: #495057;
5879
+ color: #212529;
5842
5880
  line-height: 1.5rem;
5843
5881
  }
5844
5882
 
package/resources/themes/saga-purple/theme.css CHANGED
@@ -355,14 +355,16 @@
355
355
  .p-datepicker .p-datepicker-header .p-datepicker-title {
356
356
  line-height: 2rem;
357
357
  }
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;
358
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
359
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
360
+ color: #495057;
361
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
362
+ font-weight: 600;
363
+ padding: 0.5rem;
360
364
  }
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 0.2rem #df9eea;
365
- border-color: #9C27B0;
365
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
366
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
367
+ color: #9C27B0;
366
368
  }
367
369
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
368
370
  margin-right: 0.5rem;
@@ -460,8 +462,20 @@
460
462
  color: #495057;
461
463
  background: #F3E5F5;
462
464
  }
465
+ .p-datepicker .p-yearpicker {
466
+ margin: 0.5rem 0;
467
+ }
468
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
469
+ padding: 0.5rem;
470
+ transition: box-shadow 0.2s;
471
+ border-radius: 3px;
472
+ }
473
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
474
+ color: #495057;
475
+ background: #F3E5F5;
476
+ }
463
477
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #dee2e6;
478
+ border-left: 1px solid #dee2e6;
465
479
  padding-right: 0.5rem;
466
480
  padding-left: 0.5rem;
467
481
  padding-top: 0;
@@ -472,7 +486,7 @@
472
486
  }
473
487
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
474
488
  padding-right: 0;
475
- border-right: 0 none;
489
+ border-left: 0 none;
476
490
  }
477
491
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
478
492
  background: #e9ecef;
@@ -482,10 +496,18 @@
482
496
  outline-offset: 0;
483
497
  box-shadow: 0 0 0 0.2rem #df9eea;
484
498
  }
485
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
499
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
500
+ background: #e9ecef;
501
+ }
502
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
503
+ outline: 0 none;
504
+ outline-offset: 0;
505
+ box-shadow: 0 0 0 0.2rem #df9eea;
506
+ }
507
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
508
  background: #e9ecef;
487
509
  }
488
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
510
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
489
511
  outline: 0 none;
490
512
  outline-offset: 0;
491
513
  box-shadow: 0 0 0 0.2rem #df9eea;
@@ -4562,7 +4584,23 @@
4562
4584
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4563
4585
  margin: auto 0;
4564
4586
  }
4565
- .p-dock .p-dock-list .p-dock-item {
4587
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4588
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4589
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4590
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4591
+ .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,
4592
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4593
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4594
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4595
+ .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,
4596
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4597
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4598
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4599
+ .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,
4600
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4601
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4602
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4603
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4566
4604
  transform: none;
4567
4605
  margin: 0;
4568
4606
  }
@@ -5838,7 +5876,7 @@
5838
5876
  background: #9C27B0;
5839
5877
  }
5840
5878
  .p-progressbar .p-progressbar-label {
5841
- color: #495057;
5879
+ color: #ffffff;
5842
5880
  line-height: 1.5rem;
5843
5881
  }
5844
5882
 
package/resources/themes/tailwind-light/theme.css CHANGED
@@ -390,14 +390,16 @@
390
390
  .p-datepicker .p-datepicker-header .p-datepicker-title {
391
391
  line-height: 2rem;
392
392
  }
393
- .p-datepicker .p-datepicker-header .p-datepicker-title select {
393
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
394
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
395
+ color: #3f3f46;
394
396
  transition: none;
397
+ font-weight: 600;
398
+ padding: 0.5rem;
395
399
  }
396
- .p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
397
- outline: 0 none;
398
- outline-offset: 0;
399
- box-shadow: 0 0 0 1px #6366F1;
400
- border-color: #4F46E5;
400
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
401
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
402
+ color: #4F46E5;
401
403
  }
402
404
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
403
405
  margin-right: 0.5rem;
@@ -495,8 +497,20 @@
495
497
  color: #312E81;
496
498
  background: #EEF2FF;
497
499
  }
500
+ .p-datepicker .p-yearpicker {
501
+ margin: 0.5rem 0;
502
+ }
503
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
504
+ padding: 0.5rem;
505
+ transition: none;
506
+ border-radius: 0.375rem;
507
+ }
508
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
509
+ color: #312E81;
510
+ background: #EEF2FF;
511
+ }
498
512
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
499
- border-right: 1px solid #f3f4f6;
513
+ border-left: 1px solid #f3f4f6;
500
514
  padding-right: 0.5rem;
501
515
  padding-left: 0.5rem;
502
516
  padding-top: 0;
@@ -507,7 +521,7 @@
507
521
  }
508
522
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
509
523
  padding-right: 0;
510
- border-right: 0 none;
524
+ border-left: 0 none;
511
525
  }
512
526
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
513
527
  background: #f4f4f5;
@@ -517,10 +531,18 @@
517
531
  outline-offset: 0;
518
532
  box-shadow: 0 0 0 1px #6366F1;
519
533
  }
520
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
534
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
535
+ background: #f4f4f5;
536
+ }
537
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
538
+ outline: 0 none;
539
+ outline-offset: 0;
540
+ box-shadow: 0 0 0 1px #6366F1;
541
+ }
542
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
521
543
  background: #f4f4f5;
522
544
  }
523
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
545
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
524
546
  outline: 0 none;
525
547
  outline-offset: 0;
526
548
  box-shadow: 0 0 0 1px #6366F1;
@@ -4597,7 +4619,23 @@
4597
4619
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4598
4620
  margin: auto 0;
4599
4621
  }
4600
- .p-dock .p-dock-list .p-dock-item {
4622
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4623
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4624
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4625
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4626
+ .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,
4627
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4628
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4629
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4630
+ .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,
4631
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4632
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4633
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4634
+ .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,
4635
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4636
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4637
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4638
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4601
4639
  transform: none;
4602
4640
  margin: 0;
4603
4641
  }
@@ -5873,7 +5911,7 @@
5873
5911
  background: #4F46E5;
5874
5912
  }
5875
5913
  .p-progressbar .p-progressbar-label {
5876
- color: #3f3f46;
5914
+ color: #ffffff;
5877
5915
  line-height: 1.5rem;
5878
5916
  }
5879
5917
 
package/resources/themes/vela-blue/theme.css CHANGED
@@ -355,14 +355,16 @@
355
355
  .p-datepicker .p-datepicker-header .p-datepicker-title {
356
356
  line-height: 2rem;
357
357
  }
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;
358
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
359
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
360
+ color: rgba(255, 255, 255, 0.87);
361
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
362
+ font-weight: 600;
363
+ padding: 0.5rem;
360
364
  }
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;
365
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
366
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
367
+ color: #64B5F6;
366
368
  }
367
369
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
368
370
  margin-right: 0.5rem;
@@ -460,8 +462,20 @@
460
462
  color: rgba(255, 255, 255, 0.87);
461
463
  background: rgba(100, 181, 246, 0.16);
462
464
  }
465
+ .p-datepicker .p-yearpicker {
466
+ margin: 0.5rem 0;
467
+ }
468
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
469
+ padding: 0.5rem;
470
+ transition: box-shadow 0.2s;
471
+ border-radius: 3px;
472
+ }
473
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
474
+ color: rgba(255, 255, 255, 0.87);
475
+ background: rgba(100, 181, 246, 0.16);
476
+ }
463
477
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #304562;
478
+ border-left: 1px solid #304562;
465
479
  padding-right: 0.5rem;
466
480
  padding-left: 0.5rem;
467
481
  padding-top: 0;
@@ -472,7 +486,7 @@
472
486
  }
473
487
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
474
488
  padding-right: 0;
475
- border-right: 0 none;
489
+ border-left: 0 none;
476
490
  }
477
491
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
478
492
  background: rgba(255, 255, 255, 0.03);
@@ -482,10 +496,18 @@
482
496
  outline-offset: 0;
483
497
  box-shadow: 0 0 0 1px #93cbf9;
484
498
  }
485
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
499
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
500
+ background: rgba(255, 255, 255, 0.03);
501
+ }
502
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
503
+ outline: 0 none;
504
+ outline-offset: 0;
505
+ box-shadow: 0 0 0 1px #93cbf9;
506
+ }
507
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
508
  background: rgba(255, 255, 255, 0.03);
487
509
  }
488
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
510
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
489
511
  outline: 0 none;
490
512
  outline-offset: 0;
491
513
  box-shadow: 0 0 0 1px #93cbf9;
@@ -4562,7 +4584,23 @@
4562
4584
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4563
4585
  margin: auto 0;
4564
4586
  }
4565
- .p-dock .p-dock-list .p-dock-item {
4587
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4588
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4589
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4590
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4591
+ .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,
4592
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4593
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4594
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4595
+ .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,
4596
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4597
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4598
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4599
+ .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,
4600
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4601
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4602
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4603
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4566
4604
  transform: none;
4567
4605
  margin: 0;
4568
4606
  }
@@ -5838,7 +5876,7 @@
5838
5876
  background: #64B5F6;
5839
5877
  }
5840
5878
  .p-progressbar .p-progressbar-label {
5841
- color: rgba(255, 255, 255, 0.87);
5879
+ color: #212529;
5842
5880
  line-height: 1.5rem;
5843
5881
  }
5844
5882
 
package/resources/themes/vela-green/theme.css CHANGED
@@ -355,14 +355,16 @@
355
355
  .p-datepicker .p-datepicker-header .p-datepicker-title {
356
356
  line-height: 2rem;
357
357
  }
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;
358
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
359
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
360
+ color: rgba(255, 255, 255, 0.87);
361
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
362
+ font-weight: 600;
363
+ padding: 0.5rem;
360
364
  }
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;
365
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
366
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
367
+ color: #81C784;
366
368
  }
367
369
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
368
370
  margin-right: 0.5rem;
@@ -460,8 +462,20 @@
460
462
  color: rgba(255, 255, 255, 0.87);
461
463
  background: rgba(129, 199, 132, 0.16);
462
464
  }
465
+ .p-datepicker .p-yearpicker {
466
+ margin: 0.5rem 0;
467
+ }
468
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
469
+ padding: 0.5rem;
470
+ transition: box-shadow 0.2s;
471
+ border-radius: 3px;
472
+ }
473
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
474
+ color: rgba(255, 255, 255, 0.87);
475
+ background: rgba(129, 199, 132, 0.16);
476
+ }
463
477
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #304562;
478
+ border-left: 1px solid #304562;
465
479
  padding-right: 0.5rem;
466
480
  padding-left: 0.5rem;
467
481
  padding-top: 0;
@@ -472,7 +486,7 @@
472
486
  }
473
487
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
474
488
  padding-right: 0;
475
- border-right: 0 none;
489
+ border-left: 0 none;
476
490
  }
477
491
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
478
492
  background: rgba(255, 255, 255, 0.03);
@@ -482,10 +496,18 @@
482
496
  outline-offset: 0;
483
497
  box-shadow: 0 0 0 1px #a7d8a9;
484
498
  }
485
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
499
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
500
+ background: rgba(255, 255, 255, 0.03);
501
+ }
502
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
503
+ outline: 0 none;
504
+ outline-offset: 0;
505
+ box-shadow: 0 0 0 1px #a7d8a9;
506
+ }
507
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
508
  background: rgba(255, 255, 255, 0.03);
487
509
  }
488
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
510
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
489
511
  outline: 0 none;
490
512
  outline-offset: 0;
491
513
  box-shadow: 0 0 0 1px #a7d8a9;
@@ -4562,7 +4584,23 @@
4562
4584
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4563
4585
  margin: auto 0;
4564
4586
  }
4565
- .p-dock .p-dock-list .p-dock-item {
4587
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4588
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4589
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4590
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4591
+ .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,
4592
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4593
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4594
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4595
+ .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,
4596
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4597
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4598
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4599
+ .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,
4600
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4601
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4602
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4603
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4566
4604
  transform: none;
4567
4605
  margin: 0;
4568
4606
  }
@@ -5838,7 +5876,7 @@
5838
5876
  background: #81C784;
5839
5877
  }
5840
5878
  .p-progressbar .p-progressbar-label {
5841
- color: rgba(255, 255, 255, 0.87);
5879
+ color: #212529;
5842
5880
  line-height: 1.5rem;
5843
5881
  }
5844
5882
 
package/resources/themes/vela-orange/theme.css CHANGED
@@ -355,14 +355,16 @@
355
355
  .p-datepicker .p-datepicker-header .p-datepicker-title {
356
356
  line-height: 2rem;
357
357
  }
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;
358
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
359
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
360
+ color: rgba(255, 255, 255, 0.87);
361
+ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
362
+ font-weight: 600;
363
+ padding: 0.5rem;
360
364
  }
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;
365
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
366
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
367
+ color: #FFD54F;
366
368
  }
367
369
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
368
370
  margin-right: 0.5rem;
@@ -460,8 +462,20 @@
460
462
  color: rgba(255, 255, 255, 0.87);
461
463
  background: rgba(255, 213, 79, 0.16);
462
464
  }
465
+ .p-datepicker .p-yearpicker {
466
+ margin: 0.5rem 0;
467
+ }
468
+ .p-datepicker .p-yearpicker .p-yearpicker-year {
469
+ padding: 0.5rem;
470
+ transition: box-shadow 0.2s;
471
+ border-radius: 3px;
472
+ }
473
+ .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
474
+ color: rgba(255, 255, 255, 0.87);
475
+ background: rgba(255, 213, 79, 0.16);
476
+ }
463
477
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
464
- border-right: 1px solid #304562;
478
+ border-left: 1px solid #304562;
465
479
  padding-right: 0.5rem;
466
480
  padding-left: 0.5rem;
467
481
  padding-top: 0;
@@ -472,7 +486,7 @@
472
486
  }
473
487
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
474
488
  padding-right: 0;
475
- border-right: 0 none;
489
+ border-left: 0 none;
476
490
  }
477
491
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
478
492
  background: rgba(255, 255, 255, 0.03);
@@ -482,10 +496,18 @@
482
496
  outline-offset: 0;
483
497
  box-shadow: 0 0 0 1px #ffe284;
484
498
  }
485
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
499
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
500
+ background: rgba(255, 255, 255, 0.03);
501
+ }
502
+ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
503
+ outline: 0 none;
504
+ outline-offset: 0;
505
+ box-shadow: 0 0 0 1px #ffe284;
506
+ }
507
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
486
508
  background: rgba(255, 255, 255, 0.03);
487
509
  }
488
- .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
510
+ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
489
511
  outline: 0 none;
490
512
  outline-offset: 0;
491
513
  box-shadow: 0 0 0 1px #ffe284;
@@ -4562,7 +4584,23 @@
4562
4584
  .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list {
4563
4585
  margin: auto 0;
4564
4586
  }
4565
- .p-dock .p-dock-list .p-dock-item {
4587
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4588
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4589
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4590
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4591
+ .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,
4592
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4593
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4594
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4595
+ .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,
4596
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4597
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4598
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4599
+ .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,
4600
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4601
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4602
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4603
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4566
4604
  transform: none;
4567
4605
  margin: 0;
4568
4606
  }
@@ -5838,7 +5876,7 @@
5838
5876
  background: #FFD54F;
5839
5877
  }
5840
5878
  .p-progressbar .p-progressbar-label {
5841
- color: rgba(255, 255, 255, 0.87);
5879
+ color: #212529;
5842
5880
  line-height: 1.5rem;
5843
5881
  }
5844
5882