primereact 8.4.0 → 8.5.0

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 (388) hide show
  1. package/accordion/accordion.d.ts +2 -2
  2. package/api/api.cjs.js +1 -1
  3. package/api/api.d.ts +3 -3
  4. package/api/api.esm.js +1 -1
  5. package/api/api.js +1 -1
  6. package/autocomplete/autocomplete.cjs.js +3 -7
  7. package/autocomplete/autocomplete.cjs.min.js +1 -1
  8. package/autocomplete/autocomplete.d.ts +2 -2
  9. package/autocomplete/autocomplete.esm.js +3 -7
  10. package/autocomplete/autocomplete.esm.min.js +1 -1
  11. package/autocomplete/autocomplete.js +3 -7
  12. package/autocomplete/autocomplete.min.js +1 -1
  13. package/avatar/avatar.d.ts +1 -1
  14. package/avatargroup/avatargroup.d.ts +1 -1
  15. package/badge/badge.d.ts +1 -1
  16. package/breadcrumb/breadcrumb.cjs.js +12 -0
  17. package/breadcrumb/breadcrumb.cjs.min.js +1 -1
  18. package/breadcrumb/breadcrumb.d.ts +1 -1
  19. package/breadcrumb/breadcrumb.esm.js +12 -0
  20. package/breadcrumb/breadcrumb.esm.min.js +1 -1
  21. package/breadcrumb/breadcrumb.js +12 -0
  22. package/breadcrumb/breadcrumb.min.js +1 -1
  23. package/button/button.cjs.js +5 -1
  24. package/button/button.cjs.min.js +1 -1
  25. package/button/button.d.ts +3 -2
  26. package/button/button.esm.js +5 -1
  27. package/button/button.esm.min.js +1 -1
  28. package/button/button.js +5 -1
  29. package/button/button.min.js +1 -1
  30. package/calendar/calendar.cjs.js +40 -40
  31. package/calendar/calendar.cjs.min.js +1 -1
  32. package/calendar/calendar.d.ts +2 -5
  33. package/calendar/calendar.esm.js +40 -40
  34. package/calendar/calendar.esm.min.js +1 -1
  35. package/calendar/calendar.js +41 -41
  36. package/calendar/calendar.min.js +1 -1
  37. package/captcha/captcha.cjs.js +7 -7
  38. package/captcha/captcha.esm.js +7 -7
  39. package/captcha/captcha.js +7 -7
  40. package/card/card.d.ts +1 -1
  41. package/carousel/carousel.cjs.js +61 -42
  42. package/carousel/carousel.cjs.min.js +1 -1
  43. package/carousel/carousel.d.ts +3 -1
  44. package/carousel/carousel.esm.js +61 -42
  45. package/carousel/carousel.esm.min.js +1 -1
  46. package/carousel/carousel.js +61 -42
  47. package/carousel/carousel.min.js +1 -1
  48. package/cascadeselect/cascadeselect.cjs.js +1 -1
  49. package/cascadeselect/cascadeselect.d.ts +2 -2
  50. package/cascadeselect/cascadeselect.esm.js +1 -1
  51. package/cascadeselect/cascadeselect.js +1 -1
  52. package/checkbox/checkbox.cjs.js +12 -2
  53. package/checkbox/checkbox.cjs.min.js +1 -1
  54. package/checkbox/checkbox.d.ts +1 -1
  55. package/checkbox/checkbox.esm.js +12 -2
  56. package/checkbox/checkbox.esm.min.js +1 -1
  57. package/checkbox/checkbox.js +12 -2
  58. package/checkbox/checkbox.min.js +1 -1
  59. package/chip/chip.d.ts +1 -1
  60. package/chips/chips.cjs.js +3 -2
  61. package/chips/chips.cjs.min.js +1 -1
  62. package/chips/chips.d.ts +3 -3
  63. package/chips/chips.esm.js +3 -2
  64. package/chips/chips.esm.min.js +1 -1
  65. package/chips/chips.js +3 -2
  66. package/chips/chips.min.js +1 -1
  67. package/colorpicker/colorpicker.cjs.js +2 -2
  68. package/colorpicker/colorpicker.d.ts +1 -1
  69. package/colorpicker/colorpicker.esm.js +2 -2
  70. package/colorpicker/colorpicker.js +2 -2
  71. package/column/column.d.ts +5 -4
  72. package/columngroup/columngroup.d.ts +1 -1
  73. package/confirmdialog/confirmdialog.cjs.js +6 -2
  74. package/confirmdialog/confirmdialog.cjs.min.js +1 -1
  75. package/confirmdialog/confirmdialog.esm.js +6 -2
  76. package/confirmdialog/confirmdialog.esm.min.js +1 -1
  77. package/confirmdialog/confirmdialog.js +6 -2
  78. package/confirmdialog/confirmdialog.min.js +1 -1
  79. package/confirmpopup/confirmpopup.cjs.js +9 -3
  80. package/confirmpopup/confirmpopup.cjs.min.js +1 -1
  81. package/confirmpopup/confirmpopup.esm.js +9 -3
  82. package/confirmpopup/confirmpopup.esm.min.js +1 -1
  83. package/confirmpopup/confirmpopup.js +9 -3
  84. package/confirmpopup/confirmpopup.min.js +1 -1
  85. package/contextmenu/contextmenu.cjs.js +4 -0
  86. package/contextmenu/contextmenu.cjs.min.js +1 -1
  87. package/contextmenu/contextmenu.esm.js +4 -0
  88. package/contextmenu/contextmenu.esm.min.js +1 -1
  89. package/contextmenu/contextmenu.js +4 -0
  90. package/contextmenu/contextmenu.min.js +1 -1
  91. package/core/core.js +121 -122
  92. package/core/core.min.js +8 -8
  93. package/csstransition/csstransition.d.ts +2 -2
  94. package/datascroller/datascroller.cjs.js +1 -1
  95. package/datascroller/datascroller.esm.js +1 -1
  96. package/datascroller/datascroller.js +1 -1
  97. package/datatable/datatable.cjs.js +2 -2
  98. package/datatable/datatable.d.ts +2 -2
  99. package/datatable/datatable.esm.js +2 -2
  100. package/datatable/datatable.js +2 -2
  101. package/dataview/dataview.d.ts +2 -2
  102. package/deferredcontent/deferredcontent.d.ts +1 -1
  103. package/dialog/dialog.cjs.js +10 -3
  104. package/dialog/dialog.cjs.min.js +1 -1
  105. package/dialog/dialog.esm.js +10 -3
  106. package/dialog/dialog.esm.min.js +1 -1
  107. package/dialog/dialog.js +10 -3
  108. package/dialog/dialog.min.css +1 -1
  109. package/dialog/dialog.min.js +1 -1
  110. package/divider/divider.d.ts +1 -1
  111. package/dock/dock.cjs.js +4 -0
  112. package/dock/dock.cjs.min.js +1 -1
  113. package/dock/dock.d.ts +1 -1
  114. package/dock/dock.esm.js +4 -0
  115. package/dock/dock.esm.min.js +1 -1
  116. package/dock/dock.js +4 -0
  117. package/dock/dock.min.js +1 -1
  118. package/dropdown/dropdown.cjs.js +4 -3
  119. package/dropdown/dropdown.cjs.min.js +1 -1
  120. package/dropdown/dropdown.d.ts +1 -1
  121. package/dropdown/dropdown.esm.js +4 -3
  122. package/dropdown/dropdown.esm.min.js +1 -1
  123. package/dropdown/dropdown.js +4 -3
  124. package/dropdown/dropdown.min.js +1 -1
  125. package/editor/editor.cjs.js +3 -3
  126. package/editor/editor.esm.js +3 -3
  127. package/editor/editor.js +3 -3
  128. package/fieldset/fieldset.d.ts +1 -1
  129. package/fileupload/fileupload.cjs.js +13 -7
  130. package/fileupload/fileupload.cjs.min.js +1 -1
  131. package/fileupload/fileupload.d.ts +7 -6
  132. package/fileupload/fileupload.esm.js +13 -7
  133. package/fileupload/fileupload.esm.min.js +1 -1
  134. package/fileupload/fileupload.js +13 -7
  135. package/fileupload/fileupload.min.js +1 -1
  136. package/fullcalendar/fullcalendar.d.ts +1 -1
  137. package/galleria/galleria.cjs.js +4 -4
  138. package/galleria/galleria.esm.js +4 -4
  139. package/galleria/galleria.js +4 -4
  140. package/gmap/gmap.d.ts +2 -2
  141. package/image/image.d.ts +1 -1
  142. package/inplace/inplace.d.ts +1 -1
  143. package/inputmask/inputmask.cjs.js +3 -3
  144. package/inputmask/inputmask.d.ts +1 -1
  145. package/inputmask/inputmask.esm.js +3 -3
  146. package/inputmask/inputmask.js +3 -3
  147. package/inputswitch/inputswitch.d.ts +1 -1
  148. package/inputtext/inputtext.d.ts +3 -6
  149. package/inputtextarea/inputtextarea.d.ts +2 -5
  150. package/keyfilter/keyfilter.cjs.js +3 -56
  151. package/keyfilter/keyfilter.cjs.min.js +1 -1
  152. package/keyfilter/keyfilter.esm.js +3 -56
  153. package/keyfilter/keyfilter.esm.min.js +1 -1
  154. package/keyfilter/keyfilter.js +5 -56
  155. package/keyfilter/keyfilter.min.js +1 -1
  156. package/knob/knob.cjs.js +1 -1
  157. package/knob/knob.d.ts +1 -1
  158. package/knob/knob.esm.js +1 -1
  159. package/knob/knob.js +1 -1
  160. package/listbox/listbox.d.ts +0 -1
  161. package/megamenu/megamenu.cjs.js +4 -0
  162. package/megamenu/megamenu.cjs.min.js +1 -1
  163. package/megamenu/megamenu.d.ts +1 -2
  164. package/megamenu/megamenu.esm.js +4 -0
  165. package/megamenu/megamenu.esm.min.js +1 -1
  166. package/megamenu/megamenu.js +4 -0
  167. package/megamenu/megamenu.min.js +1 -1
  168. package/menu/menu.cjs.js +4 -0
  169. package/menu/menu.cjs.min.js +1 -1
  170. package/menu/menu.esm.js +4 -0
  171. package/menu/menu.esm.min.js +1 -1
  172. package/menu/menu.js +4 -0
  173. package/menu/menu.min.js +1 -1
  174. package/menubar/menubar.cjs.js +9 -0
  175. package/menubar/menubar.cjs.min.js +1 -1
  176. package/menubar/menubar.d.ts +1 -1
  177. package/menubar/menubar.esm.js +9 -0
  178. package/menubar/menubar.esm.min.js +1 -1
  179. package/menubar/menubar.js +9 -0
  180. package/menubar/menubar.min.js +1 -1
  181. package/menuitem/menuitem.d.ts +1 -0
  182. package/message/message.cjs.js +17 -8
  183. package/message/message.cjs.min.js +1 -1
  184. package/message/message.d.ts +3 -1
  185. package/message/message.esm.js +18 -9
  186. package/message/message.esm.min.js +1 -1
  187. package/message/message.js +17 -8
  188. package/message/message.min.js +1 -1
  189. package/messages/messages.cjs.js +18 -9
  190. package/messages/messages.cjs.min.js +1 -1
  191. package/messages/messages.d.ts +3 -0
  192. package/messages/messages.esm.js +19 -10
  193. package/messages/messages.esm.min.js +1 -1
  194. package/messages/messages.js +18 -9
  195. package/messages/messages.min.js +1 -1
  196. package/multiselect/multiselect.cjs.js +12 -2
  197. package/multiselect/multiselect.cjs.min.js +1 -1
  198. package/multiselect/multiselect.d.ts +1 -1
  199. package/multiselect/multiselect.esm.js +12 -2
  200. package/multiselect/multiselect.esm.min.js +1 -1
  201. package/multiselect/multiselect.js +12 -2
  202. package/multiselect/multiselect.min.js +1 -1
  203. package/multistatecheckbox/multistatecheckbox.cjs.js +1 -1
  204. package/multistatecheckbox/multistatecheckbox.d.ts +1 -1
  205. package/multistatecheckbox/multistatecheckbox.esm.js +1 -1
  206. package/multistatecheckbox/multistatecheckbox.js +1 -1
  207. package/orderlist/orderlist.d.ts +1 -1
  208. package/organizationchart/organizationchart.d.ts +2 -2
  209. package/overlaypanel/overlaypanel.min.css +1 -1
  210. package/package.json +1 -1
  211. package/paginator/paginator.cjs.js +1 -1
  212. package/paginator/paginator.d.ts +2 -2
  213. package/paginator/paginator.esm.js +1 -1
  214. package/paginator/paginator.js +1 -1
  215. package/panel/panel.d.ts +1 -1
  216. package/panelmenu/panelmenu.cjs.js +8 -0
  217. package/panelmenu/panelmenu.cjs.min.js +1 -1
  218. package/panelmenu/panelmenu.d.ts +1 -1
  219. package/panelmenu/panelmenu.esm.js +8 -0
  220. package/panelmenu/panelmenu.esm.min.js +1 -1
  221. package/panelmenu/panelmenu.js +8 -0
  222. package/panelmenu/panelmenu.min.js +1 -1
  223. package/password/password.d.ts +2 -2
  224. package/picklist/picklist.d.ts +1 -1
  225. package/primereact.all.cjs.js +474 -311
  226. package/primereact.all.cjs.min.js +1 -1
  227. package/primereact.all.esm.js +474 -311
  228. package/primereact.all.esm.min.js +1 -1
  229. package/primereact.all.js +474 -311
  230. package/primereact.all.min.js +1 -1
  231. package/progressbar/progressbar.d.ts +1 -1
  232. package/progressspinner/progressspinner.d.ts +1 -1
  233. package/radiobutton/radiobutton.cjs.js +12 -3
  234. package/radiobutton/radiobutton.cjs.min.js +1 -1
  235. package/radiobutton/radiobutton.esm.js +12 -3
  236. package/radiobutton/radiobutton.esm.min.js +1 -1
  237. package/radiobutton/radiobutton.js +12 -3
  238. package/radiobutton/radiobutton.min.js +1 -1
  239. package/rating/rating.cjs.js +56 -15
  240. package/rating/rating.cjs.min.js +1 -1
  241. package/rating/rating.d.ts +8 -1
  242. package/rating/rating.esm.js +57 -16
  243. package/rating/rating.esm.min.js +1 -1
  244. package/rating/rating.js +56 -15
  245. package/rating/rating.min.css +1 -1
  246. package/rating/rating.min.js +1 -1
  247. package/resources/primereact.css +292 -270
  248. package/resources/primereact.min.css +1 -1
  249. package/resources/themes/arya-blue/theme.css +9 -10
  250. package/resources/themes/arya-green/theme.css +9 -10
  251. package/resources/themes/arya-orange/theme.css +9 -10
  252. package/resources/themes/arya-purple/theme.css +9 -10
  253. package/resources/themes/bootstrap4-dark-blue/theme.css +10 -11
  254. package/resources/themes/bootstrap4-dark-purple/theme.css +10 -11
  255. package/resources/themes/bootstrap4-light-blue/theme.css +10 -11
  256. package/resources/themes/bootstrap4-light-purple/theme.css +10 -11
  257. package/resources/themes/fluent-light/theme.css +9 -10
  258. package/resources/themes/lara-dark-blue/theme.css +9 -10
  259. package/resources/themes/lara-dark-indigo/theme.css +9 -10
  260. package/resources/themes/lara-dark-purple/theme.css +9 -10
  261. package/resources/themes/lara-dark-teal/theme.css +9 -10
  262. package/resources/themes/lara-light-blue/theme.css +9 -10
  263. package/resources/themes/lara-light-indigo/theme.css +9 -10
  264. package/resources/themes/lara-light-purple/theme.css +9 -10
  265. package/resources/themes/lara-light-teal/theme.css +9 -10
  266. package/resources/themes/luna-amber/theme.css +10 -11
  267. package/resources/themes/luna-blue/theme.css +10 -11
  268. package/resources/themes/luna-green/theme.css +10 -11
  269. package/resources/themes/luna-pink/theme.css +10 -11
  270. package/resources/themes/md-dark-deeppurple/theme.css +17 -18
  271. package/resources/themes/md-dark-indigo/theme.css +17 -18
  272. package/resources/themes/md-light-deeppurple/theme.css +17 -18
  273. package/resources/themes/md-light-indigo/theme.css +17 -18
  274. package/resources/themes/mdc-dark-deeppurple/theme.css +17 -18
  275. package/resources/themes/mdc-dark-indigo/theme.css +17 -18
  276. package/resources/themes/mdc-light-deeppurple/theme.css +17 -18
  277. package/resources/themes/mdc-light-indigo/theme.css +17 -18
  278. package/resources/themes/nova/theme.css +10 -11
  279. package/resources/themes/nova-accent/theme.css +9 -10
  280. package/resources/themes/nova-alt/theme.css +10 -11
  281. package/resources/themes/rhea/theme.css +9 -10
  282. package/resources/themes/saga-blue/theme.css +9 -10
  283. package/resources/themes/saga-green/theme.css +9 -10
  284. package/resources/themes/saga-orange/theme.css +9 -10
  285. package/resources/themes/saga-purple/theme.css +9 -10
  286. package/resources/themes/tailwind-light/theme.css +9 -10
  287. package/resources/themes/vela-blue/theme.css +9 -10
  288. package/resources/themes/vela-green/theme.css +9 -10
  289. package/resources/themes/vela-orange/theme.css +9 -10
  290. package/resources/themes/vela-purple/theme.css +9 -10
  291. package/ripple/ripple.d.ts +1 -1
  292. package/row/row.d.ts +1 -1
  293. package/scrollpanel/scrollpanel.cjs.js +1 -1
  294. package/scrollpanel/scrollpanel.d.ts +1 -1
  295. package/scrollpanel/scrollpanel.esm.js +1 -1
  296. package/scrollpanel/scrollpanel.js +1 -1
  297. package/scrolltop/scrolltop.d.ts +1 -1
  298. package/selectbutton/selectbutton.d.ts +1 -1
  299. package/selectitem/selectitem.d.ts +1 -1
  300. package/sidebar/sidebar.d.ts +1 -1
  301. package/sidebar/sidebar.min.css +1 -1
  302. package/skeleton/skeleton.d.ts +1 -1
  303. package/slidemenu/slidemenu.cjs.js +4 -0
  304. package/slidemenu/slidemenu.cjs.min.js +1 -1
  305. package/slidemenu/slidemenu.esm.js +4 -0
  306. package/slidemenu/slidemenu.esm.min.js +1 -1
  307. package/slidemenu/slidemenu.js +4 -0
  308. package/slidemenu/slidemenu.min.js +1 -1
  309. package/slider/slider.d.ts +2 -2
  310. package/speeddial/speeddial.cjs.js +4 -0
  311. package/speeddial/speeddial.cjs.min.js +1 -1
  312. package/speeddial/speeddial.esm.js +4 -0
  313. package/speeddial/speeddial.esm.min.js +1 -1
  314. package/speeddial/speeddial.js +4 -0
  315. package/speeddial/speeddial.min.js +1 -1
  316. package/splitbutton/splitbutton.cjs.js +8 -0
  317. package/splitbutton/splitbutton.cjs.min.js +1 -1
  318. package/splitbutton/splitbutton.d.ts +2 -1
  319. package/splitbutton/splitbutton.esm.js +8 -0
  320. package/splitbutton/splitbutton.esm.min.js +1 -1
  321. package/splitbutton/splitbutton.js +8 -0
  322. package/splitbutton/splitbutton.min.js +1 -1
  323. package/splitter/splitter.d.ts +2 -2
  324. package/steps/steps.cjs.js +4 -0
  325. package/steps/steps.cjs.min.js +1 -1
  326. package/steps/steps.esm.js +4 -0
  327. package/steps/steps.esm.min.js +1 -1
  328. package/steps/steps.js +4 -0
  329. package/steps/steps.min.js +1 -1
  330. package/styleclass/styleclass.d.ts +1 -1
  331. package/tabmenu/tabmenu.cjs.js +6 -1
  332. package/tabmenu/tabmenu.cjs.min.js +1 -1
  333. package/tabmenu/tabmenu.d.ts +1 -1
  334. package/tabmenu/tabmenu.esm.js +6 -1
  335. package/tabmenu/tabmenu.esm.min.js +1 -1
  336. package/tabmenu/tabmenu.js +6 -1
  337. package/tabmenu/tabmenu.min.js +1 -1
  338. package/tabview/tabview.d.ts +1 -1
  339. package/tag/tag.d.ts +1 -1
  340. package/tieredmenu/tieredmenu.cjs.js +6 -1
  341. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  342. package/tieredmenu/tieredmenu.esm.js +6 -1
  343. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  344. package/tieredmenu/tieredmenu.js +6 -1
  345. package/tieredmenu/tieredmenu.min.js +1 -1
  346. package/timeline/timeline.d.ts +1 -1
  347. package/toast/toast.cjs.js +39 -32
  348. package/toast/toast.cjs.min.js +1 -1
  349. package/toast/toast.esm.js +39 -32
  350. package/toast/toast.esm.min.js +1 -1
  351. package/toast/toast.js +39 -32
  352. package/toast/toast.min.js +1 -1
  353. package/togglebutton/togglebutton.d.ts +1 -1
  354. package/toolbar/toolbar.d.ts +1 -1
  355. package/tooltip/tooltip.cjs.js +29 -16
  356. package/tooltip/tooltip.cjs.min.js +1 -1
  357. package/tooltip/tooltip.esm.js +29 -16
  358. package/tooltip/tooltip.esm.min.js +1 -1
  359. package/tooltip/tooltip.js +29 -16
  360. package/tooltip/tooltip.min.js +1 -1
  361. package/tooltip/tooltipoptions.d.ts +1 -1
  362. package/tree/tree.cjs.js +1 -1
  363. package/tree/tree.d.ts +1 -1
  364. package/tree/tree.esm.js +1 -1
  365. package/tree/tree.js +1 -1
  366. package/treeselect/treeselect.cjs.js +12 -6
  367. package/treeselect/treeselect.cjs.min.js +1 -1
  368. package/treeselect/treeselect.d.ts +13 -3
  369. package/treeselect/treeselect.esm.js +12 -6
  370. package/treeselect/treeselect.esm.min.js +1 -1
  371. package/treeselect/treeselect.js +12 -6
  372. package/treeselect/treeselect.min.js +1 -1
  373. package/treetable/treetable.cjs.js +2 -2
  374. package/treetable/treetable.d.ts +1 -1
  375. package/treetable/treetable.esm.js +2 -2
  376. package/treetable/treetable.js +2 -2
  377. package/tristatecheckbox/tristatecheckbox.cjs.js +1 -1
  378. package/tristatecheckbox/tristatecheckbox.d.ts +1 -1
  379. package/tristatecheckbox/tristatecheckbox.esm.js +1 -1
  380. package/tristatecheckbox/tristatecheckbox.js +1 -1
  381. package/utils/utils.cjs.js +35 -29
  382. package/utils/utils.cjs.min.js +1 -1
  383. package/utils/utils.d.ts +13 -10
  384. package/utils/utils.esm.js +35 -29
  385. package/utils/utils.esm.min.js +1 -1
  386. package/utils/utils.js +35 -29
  387. package/utils/utils.min.js +1 -1
  388. package/web-types.json +100 -6
@@ -1520,30 +1520,29 @@
1520
1520
  background: #ffffff;
1521
1521
  }
1522
1522
 
1523
- .p-rating .p-rating-icon {
1523
+ .p-rating {
1524
+ gap: 0.5rem;
1525
+ }
1526
+ .p-rating .p-rating-item .p-rating-icon {
1524
1527
  color: #3F51B5;
1525
- margin-left: 0.5rem;
1526
1528
  transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
1527
1529
  font-size: 1rem;
1528
1530
  }
1529
- .p-rating .p-rating-icon.p-rating-cancel {
1531
+ .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
1530
1532
  color: #B00020;
1531
1533
  }
1532
- .p-rating .p-rating-icon:focus {
1534
+ .p-rating .p-rating-item:focus {
1533
1535
  outline: 0 none;
1534
1536
  outline-offset: 0;
1535
1537
  box-shadow: none;
1536
1538
  }
1537
- .p-rating .p-rating-icon:first-child {
1538
- margin-left: 0;
1539
- }
1540
- .p-rating .p-rating-icon.pi-star-fill {
1539
+ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1541
1540
  color: #3F51B5;
1542
1541
  }
1543
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1542
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
1544
1543
  color: #3F51B5;
1545
1544
  }
1546
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1545
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1547
1546
  color: #B00020;
1548
1547
  }
1549
1548
 
@@ -7199,25 +7198,25 @@
7199
7198
  background-color: #ffffff;
7200
7199
  }
7201
7200
 
7202
- .p-rating .p-rating-icon {
7201
+ .p-rating {
7202
+ gap: 0;
7203
+ }
7204
+ .p-rating .p-rating-item {
7203
7205
  border-radius: 50%;
7204
7206
  width: 2rem;
7205
7207
  height: 2rem;
7206
- display: inline-flex;
7207
7208
  justify-content: center;
7208
- align-items: center;
7209
- margin-left: 0;
7210
7209
  }
7211
- .p-rating .p-rating-icon:focus {
7210
+ .p-rating .p-rating-item:focus {
7212
7211
  background: rgba(63, 81, 181, 0.12);
7213
7212
  }
7214
- .p-rating .p-rating-icon.p-rating-cancel:focus {
7213
+ .p-rating .p-rating-item:focus.p-rating-cancel-item {
7215
7214
  background: rgba(176, 0, 32, 0.12);
7216
7215
  }
7217
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
7216
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover {
7218
7217
  background-color: rgba(0, 0, 0, 0.04);
7219
7218
  }
7220
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
7219
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover.p-rating-cancel-item {
7221
7220
  background: rgba(176, 0, 32, 0.04);
7222
7221
  }
7223
7222
 
@@ -1504,34 +1504,33 @@
1504
1504
  border-color: #ffffff;
1505
1505
  }
1506
1506
 
1507
- .p-rating .p-rating-icon {
1507
+ .p-rating {
1508
+ gap: 0.5rem;
1509
+ }
1510
+ .p-rating .p-rating-item .p-rating-icon {
1508
1511
  color: #333333;
1509
- margin-left: 0.5rem;
1510
1512
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1511
1513
  font-size: 1.143rem;
1512
1514
  }
1513
- .p-rating .p-rating-icon.p-rating-cancel {
1515
+ .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
1514
1516
  color: #e4018d;
1515
1517
  }
1516
- .p-rating .p-rating-icon:focus {
1518
+ .p-rating .p-rating-item:focus {
1517
1519
  outline: 0 none;
1518
1520
  outline-offset: 0;
1519
1521
  box-shadow: 0 0 0 0.2rem #8dcdff;
1520
1522
  }
1521
- .p-rating .p-rating-icon:first-child {
1522
- margin-left: 0;
1523
- }
1524
- .p-rating .p-rating-icon.pi-star-fill {
1523
+ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1525
1524
  color: #007ad9;
1526
1525
  }
1527
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1526
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
1528
1527
  color: #007ad9;
1529
1528
  }
1530
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1529
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1531
1530
  color: #b5019f;
1532
1531
  }
1533
1532
 
1534
- .p-highlight .p-rating .p-rating-icon {
1533
+ .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1535
1534
  color: #ffffff;
1536
1535
  }
1537
1536
 
@@ -1496,30 +1496,29 @@
1496
1496
  background: #005b9f;
1497
1497
  }
1498
1498
 
1499
- .p-rating .p-rating-icon {
1499
+ .p-rating {
1500
+ gap: 0.5rem;
1501
+ }
1502
+ .p-rating .p-rating-item .p-rating-icon {
1500
1503
  color: #333333;
1501
- margin-left: 0.5rem;
1502
1504
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1503
1505
  font-size: 1.143rem;
1504
1506
  }
1505
- .p-rating .p-rating-icon.p-rating-cancel {
1507
+ .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
1506
1508
  color: #e4018d;
1507
1509
  }
1508
- .p-rating .p-rating-icon:focus {
1510
+ .p-rating .p-rating-item:focus {
1509
1511
  outline: 0 none;
1510
1512
  outline-offset: 0;
1511
1513
  box-shadow: 0 0 0 0.2rem #8dcdff;
1512
1514
  }
1513
- .p-rating .p-rating-icon:first-child {
1514
- margin-left: 0;
1515
- }
1516
- .p-rating .p-rating-icon.pi-star-fill {
1515
+ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1517
1516
  color: #007ad9;
1518
1517
  }
1519
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1518
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
1520
1519
  color: #007ad9;
1521
1520
  }
1522
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1521
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1523
1522
  color: #b5019f;
1524
1523
  }
1525
1524
 
@@ -1504,34 +1504,33 @@
1504
1504
  border-color: #ffffff;
1505
1505
  }
1506
1506
 
1507
- .p-rating .p-rating-icon {
1507
+ .p-rating {
1508
+ gap: 0.5rem;
1509
+ }
1510
+ .p-rating .p-rating-item .p-rating-icon {
1508
1511
  color: #333333;
1509
- margin-left: 0.5rem;
1510
1512
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1511
1513
  font-size: 1.143rem;
1512
1514
  }
1513
- .p-rating .p-rating-icon.p-rating-cancel {
1515
+ .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
1514
1516
  color: #e4018d;
1515
1517
  }
1516
- .p-rating .p-rating-icon:focus {
1518
+ .p-rating .p-rating-item:focus {
1517
1519
  outline: 0 none;
1518
1520
  outline-offset: 0;
1519
1521
  box-shadow: 0 0 0 0.2rem #8dcdff;
1520
1522
  }
1521
- .p-rating .p-rating-icon:first-child {
1522
- margin-left: 0;
1523
- }
1524
- .p-rating .p-rating-icon.pi-star-fill {
1523
+ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1525
1524
  color: #007ad9;
1526
1525
  }
1527
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1526
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
1528
1527
  color: #007ad9;
1529
1528
  }
1530
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1529
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1531
1530
  color: #b5019f;
1532
1531
  }
1533
1532
 
1534
- .p-highlight .p-rating .p-rating-icon {
1533
+ .p-highlight .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1535
1534
  color: #ffffff;
1536
1535
  }
1537
1536
 
@@ -1496,30 +1496,29 @@
1496
1496
  background: #617c8a;
1497
1497
  }
1498
1498
 
1499
- .p-rating .p-rating-icon {
1499
+ .p-rating {
1500
+ gap: 0.5rem;
1501
+ }
1502
+ .p-rating .p-rating-item .p-rating-icon {
1500
1503
  color: #666666;
1501
- margin-left: 0.5rem;
1502
1504
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1503
1505
  font-size: 1.143rem;
1504
1506
  }
1505
- .p-rating .p-rating-icon.p-rating-cancel {
1507
+ .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
1506
1508
  color: #f3b9b9;
1507
1509
  }
1508
- .p-rating .p-rating-icon:focus {
1510
+ .p-rating .p-rating-item:focus {
1509
1511
  outline: 0 none;
1510
1512
  outline-offset: 0;
1511
1513
  box-shadow: 0 0 0 0.2rem #e4e9ec;
1512
1514
  }
1513
- .p-rating .p-rating-icon:first-child {
1514
- margin-left: 0;
1515
- }
1516
- .p-rating .p-rating-icon.pi-star-fill {
1515
+ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1517
1516
  color: #7B95A3;
1518
1517
  }
1519
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1518
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
1520
1519
  color: #7B95A3;
1521
1520
  }
1522
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1521
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1523
1522
  color: #d66161;
1524
1523
  }
1525
1524
 
@@ -1496,30 +1496,29 @@
1496
1496
  background: #0b7ad1;
1497
1497
  }
1498
1498
 
1499
- .p-rating .p-rating-icon {
1499
+ .p-rating {
1500
+ gap: 0.5rem;
1501
+ }
1502
+ .p-rating .p-rating-item .p-rating-icon {
1500
1503
  color: #495057;
1501
- margin-left: 0.5rem;
1502
1504
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1503
1505
  font-size: 1.143rem;
1504
1506
  }
1505
- .p-rating .p-rating-icon.p-rating-cancel {
1507
+ .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
1506
1508
  color: #e74c3c;
1507
1509
  }
1508
- .p-rating .p-rating-icon:focus {
1510
+ .p-rating .p-rating-item:focus {
1509
1511
  outline: 0 none;
1510
1512
  outline-offset: 0;
1511
1513
  box-shadow: 0 0 0 0.2rem #a6d5fa;
1512
1514
  }
1513
- .p-rating .p-rating-icon:first-child {
1514
- margin-left: 0;
1515
- }
1516
- .p-rating .p-rating-icon.pi-star-fill {
1515
+ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1517
1516
  color: #2196F3;
1518
1517
  }
1519
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1518
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
1520
1519
  color: #2196F3;
1521
1520
  }
1522
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1521
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1523
1522
  color: #c0392b;
1524
1523
  }
1525
1524
 
@@ -1496,30 +1496,29 @@
1496
1496
  background: #3d8c40;
1497
1497
  }
1498
1498
 
1499
- .p-rating .p-rating-icon {
1499
+ .p-rating {
1500
+ gap: 0.5rem;
1501
+ }
1502
+ .p-rating .p-rating-item .p-rating-icon {
1500
1503
  color: #495057;
1501
- margin-left: 0.5rem;
1502
1504
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1503
1505
  font-size: 1.143rem;
1504
1506
  }
1505
- .p-rating .p-rating-icon.p-rating-cancel {
1507
+ .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
1506
1508
  color: #e74c3c;
1507
1509
  }
1508
- .p-rating .p-rating-icon:focus {
1510
+ .p-rating .p-rating-item:focus {
1509
1511
  outline: 0 none;
1510
1512
  outline-offset: 0;
1511
1513
  box-shadow: 0 0 0 0.2rem #b7e0b8;
1512
1514
  }
1513
- .p-rating .p-rating-icon:first-child {
1514
- margin-left: 0;
1515
- }
1516
- .p-rating .p-rating-icon.pi-star-fill {
1515
+ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1517
1516
  color: #4CAF50;
1518
1517
  }
1519
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1518
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
1520
1519
  color: #4CAF50;
1521
1520
  }
1522
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1521
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1523
1522
  color: #c0392b;
1524
1523
  }
1525
1524
 
@@ -1496,30 +1496,29 @@
1496
1496
  background: #d29d00;
1497
1497
  }
1498
1498
 
1499
- .p-rating .p-rating-icon {
1499
+ .p-rating {
1500
+ gap: 0.5rem;
1501
+ }
1502
+ .p-rating .p-rating-item .p-rating-icon {
1500
1503
  color: #495057;
1501
- margin-left: 0.5rem;
1502
1504
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1503
1505
  font-size: 1.143rem;
1504
1506
  }
1505
- .p-rating .p-rating-icon.p-rating-cancel {
1507
+ .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
1506
1508
  color: #e74c3c;
1507
1509
  }
1508
- .p-rating .p-rating-icon:focus {
1510
+ .p-rating .p-rating-item:focus {
1509
1511
  outline: 0 none;
1510
1512
  outline-offset: 0;
1511
1513
  box-shadow: 0 0 0 0.2rem #ffe69c;
1512
1514
  }
1513
- .p-rating .p-rating-icon:first-child {
1514
- margin-left: 0;
1515
- }
1516
- .p-rating .p-rating-icon.pi-star-fill {
1515
+ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1517
1516
  color: #FFC107;
1518
1517
  }
1519
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1518
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
1520
1519
  color: #FFC107;
1521
1520
  }
1522
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1521
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1523
1522
  color: #c0392b;
1524
1523
  }
1525
1524
 
@@ -1496,30 +1496,29 @@
1496
1496
  background: #7d1f8d;
1497
1497
  }
1498
1498
 
1499
- .p-rating .p-rating-icon {
1499
+ .p-rating {
1500
+ gap: 0.5rem;
1501
+ }
1502
+ .p-rating .p-rating-item .p-rating-icon {
1500
1503
  color: #495057;
1501
- margin-left: 0.5rem;
1502
1504
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1503
1505
  font-size: 1.143rem;
1504
1506
  }
1505
- .p-rating .p-rating-icon.p-rating-cancel {
1507
+ .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
1506
1508
  color: #e74c3c;
1507
1509
  }
1508
- .p-rating .p-rating-icon:focus {
1510
+ .p-rating .p-rating-item:focus {
1509
1511
  outline: 0 none;
1510
1512
  outline-offset: 0;
1511
1513
  box-shadow: 0 0 0 0.2rem #df9eea;
1512
1514
  }
1513
- .p-rating .p-rating-icon:first-child {
1514
- margin-left: 0;
1515
- }
1516
- .p-rating .p-rating-icon.pi-star-fill {
1515
+ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1517
1516
  color: #9C27B0;
1518
1517
  }
1519
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1518
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
1520
1519
  color: #9C27B0;
1521
1520
  }
1522
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1521
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1523
1522
  color: #c0392b;
1524
1523
  }
1525
1524
 
@@ -1531,30 +1531,29 @@
1531
1531
  background: #4F46E5;
1532
1532
  }
1533
1533
 
1534
- .p-rating .p-rating-icon {
1534
+ .p-rating {
1535
+ gap: 0.5rem;
1536
+ }
1537
+ .p-rating .p-rating-item .p-rating-icon {
1535
1538
  color: #3f3f46;
1536
- margin-left: 0.5rem;
1537
1539
  transition: none;
1538
1540
  font-size: 1.143rem;
1539
1541
  }
1540
- .p-rating .p-rating-icon.p-rating-cancel {
1542
+ .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
1541
1543
  color: #EF4444;
1542
1544
  }
1543
- .p-rating .p-rating-icon:focus {
1545
+ .p-rating .p-rating-item:focus {
1544
1546
  outline: 0 none;
1545
1547
  outline-offset: 0;
1546
1548
  box-shadow: 0 0 0 1px #6366F1;
1547
1549
  }
1548
- .p-rating .p-rating-icon:first-child {
1549
- margin-left: 0;
1550
- }
1551
- .p-rating .p-rating-icon.pi-star-fill {
1550
+ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1552
1551
  color: #4F46E5;
1553
1552
  }
1554
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1553
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
1555
1554
  color: #4F46E5;
1556
1555
  }
1557
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1556
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1558
1557
  color: #DC2626;
1559
1558
  }
1560
1559
 
@@ -1496,30 +1496,29 @@
1496
1496
  background: #2396f2;
1497
1497
  }
1498
1498
 
1499
- .p-rating .p-rating-icon {
1499
+ .p-rating {
1500
+ gap: 0.5rem;
1501
+ }
1502
+ .p-rating .p-rating-item .p-rating-icon {
1500
1503
  color: rgba(255, 255, 255, 0.87);
1501
- margin-left: 0.5rem;
1502
1504
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1503
1505
  font-size: 1.143rem;
1504
1506
  }
1505
- .p-rating .p-rating-icon.p-rating-cancel {
1507
+ .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
1506
1508
  color: #F48FB1;
1507
1509
  }
1508
- .p-rating .p-rating-icon:focus {
1510
+ .p-rating .p-rating-item:focus {
1509
1511
  outline: 0 none;
1510
1512
  outline-offset: 0;
1511
1513
  box-shadow: 0 0 0 1px #93cbf9;
1512
1514
  }
1513
- .p-rating .p-rating-icon:first-child {
1514
- margin-left: 0;
1515
- }
1516
- .p-rating .p-rating-icon.pi-star-fill {
1515
+ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1517
1516
  color: #64B5F6;
1518
1517
  }
1519
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1518
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
1520
1519
  color: #64B5F6;
1521
1520
  }
1522
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1521
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1523
1522
  color: #F48FB1;
1524
1523
  }
1525
1524
 
@@ -1496,30 +1496,29 @@
1496
1496
  background: #54b358;
1497
1497
  }
1498
1498
 
1499
- .p-rating .p-rating-icon {
1499
+ .p-rating {
1500
+ gap: 0.5rem;
1501
+ }
1502
+ .p-rating .p-rating-item .p-rating-icon {
1500
1503
  color: rgba(255, 255, 255, 0.87);
1501
- margin-left: 0.5rem;
1502
1504
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1503
1505
  font-size: 1.143rem;
1504
1506
  }
1505
- .p-rating .p-rating-icon.p-rating-cancel {
1507
+ .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
1506
1508
  color: #F48FB1;
1507
1509
  }
1508
- .p-rating .p-rating-icon:focus {
1510
+ .p-rating .p-rating-item:focus {
1509
1511
  outline: 0 none;
1510
1512
  outline-offset: 0;
1511
1513
  box-shadow: 0 0 0 1px #a7d8a9;
1512
1514
  }
1513
- .p-rating .p-rating-icon:first-child {
1514
- margin-left: 0;
1515
- }
1516
- .p-rating .p-rating-icon.pi-star-fill {
1515
+ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1517
1516
  color: #81C784;
1518
1517
  }
1519
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1518
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
1520
1519
  color: #81C784;
1521
1520
  }
1522
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1521
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1523
1522
  color: #F48FB1;
1524
1523
  }
1525
1524
 
@@ -1496,30 +1496,29 @@
1496
1496
  background: #ffc50c;
1497
1497
  }
1498
1498
 
1499
- .p-rating .p-rating-icon {
1499
+ .p-rating {
1500
+ gap: 0.5rem;
1501
+ }
1502
+ .p-rating .p-rating-item .p-rating-icon {
1500
1503
  color: rgba(255, 255, 255, 0.87);
1501
- margin-left: 0.5rem;
1502
1504
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1503
1505
  font-size: 1.143rem;
1504
1506
  }
1505
- .p-rating .p-rating-icon.p-rating-cancel {
1507
+ .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
1506
1508
  color: #F48FB1;
1507
1509
  }
1508
- .p-rating .p-rating-icon:focus {
1510
+ .p-rating .p-rating-item:focus {
1509
1511
  outline: 0 none;
1510
1512
  outline-offset: 0;
1511
1513
  box-shadow: 0 0 0 1px #ffe284;
1512
1514
  }
1513
- .p-rating .p-rating-icon:first-child {
1514
- margin-left: 0;
1515
- }
1516
- .p-rating .p-rating-icon.pi-star-fill {
1515
+ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1517
1516
  color: #FFD54F;
1518
1517
  }
1519
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1518
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
1520
1519
  color: #FFD54F;
1521
1520
  }
1522
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1521
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1523
1522
  color: #F48FB1;
1524
1523
  }
1525
1524
 
@@ -1496,30 +1496,29 @@
1496
1496
  background: #a241b2;
1497
1497
  }
1498
1498
 
1499
- .p-rating .p-rating-icon {
1499
+ .p-rating {
1500
+ gap: 0.5rem;
1501
+ }
1502
+ .p-rating .p-rating-item .p-rating-icon {
1500
1503
  color: rgba(255, 255, 255, 0.87);
1501
- margin-left: 0.5rem;
1502
1504
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1503
1505
  font-size: 1.143rem;
1504
1506
  }
1505
- .p-rating .p-rating-icon.p-rating-cancel {
1507
+ .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
1506
1508
  color: #F48FB1;
1507
1509
  }
1508
- .p-rating .p-rating-icon:focus {
1510
+ .p-rating .p-rating-item:focus {
1509
1511
  outline: 0 none;
1510
1512
  outline-offset: 0;
1511
1513
  box-shadow: 0 0 0 1px #cf95d9;
1512
1514
  }
1513
- .p-rating .p-rating-icon:first-child {
1514
- margin-left: 0;
1515
- }
1516
- .p-rating .p-rating-icon.pi-star-fill {
1515
+ .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
1517
1516
  color: #BA68C8;
1518
1517
  }
1519
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1518
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
1520
1519
  color: #BA68C8;
1521
1520
  }
1522
- .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1521
+ .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1523
1522
  color: #F48FB1;
1524
1523
  }
1525
1524
 
@@ -4,4 +4,4 @@ export interface RippleProps {
4
4
  children?: React.ReactNode;
5
5
  }
6
6
 
7
- export declare class Ripple extends React.Component<RippleProps, any> { }
7
+ export declare class Ripple extends React.Component<RippleProps, any> {}
package/row/row.d.ts CHANGED
@@ -6,4 +6,4 @@ export interface RowProps {
6
6
  children?: React.ReactNode;
7
7
  }
8
8
 
9
- export declare class Row extends React.Component<RowProps, any> { }
9
+ export declare class Row extends React.Component<RowProps, any> {}
@@ -67,7 +67,7 @@ var ScrollPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref)
67
67
  if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
68
68
  containerRef.current.style.height = containerStyles['max-height'];
69
69
  } else {
70
- containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + "px";
70
+ containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';
71
71
  }
72
72
  }
73
73
  };
@@ -4,7 +4,7 @@ export interface ScrollPanelProps extends Omit<React.DetailedHTMLProps<React.HTM
4
4
  children?: React.ReactNode;
5
5
  }
6
6
 
7
- export declare class ScrollPanel extends React.Component<ScrollPanelProps, any> {
7
+ export declare class ScrollPanel extends React.Component<ScrollPanelProps, any> {
8
8
  public getElement(): HTMLDivElement;
9
9
  public getContent(): HTMLDivElement;
10
10
  public getXBar(): HTMLDivElement;
@@ -43,7 +43,7 @@ var ScrollPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
43
43
  if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
44
44
  containerRef.current.style.height = containerStyles['max-height'];
45
45
  } else {
46
- containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + "px";
46
+ containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';
47
47
  }
48
48
  }
49
49
  };
@@ -63,7 +63,7 @@ this.primereact.scrollpanel = (function (exports, React, hooks, utils) {
63
63
  if (contentRef.current.offsetHeight + parseInt(xBarStyles['height'], 10) > parseInt(containerStyles['max-height'], 10)) {
64
64
  containerRef.current.style.height = containerStyles['max-height'];
65
65
  } else {
66
- containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + "px";
66
+ containerRef.current.style.height = contentRef.current.offsetHeight + parseFloat(containerStyles.paddingTop) + parseFloat(containerStyles.paddingBottom) + parseFloat(containerStyles.borderTopWidth) + parseFloat(containerStyles.borderBottomWidth) + 'px';
67
67
  }
68
68
  }
69
69
  };