primeng 16.0.2 → 16.1.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 (222) hide show
  1. package/accordion/accordion.d.ts +35 -11
  2. package/api/translation.d.ts +23 -0
  3. package/api/treenode.d.ts +1 -1
  4. package/avatar/avatar.d.ts +11 -1
  5. package/breadcrumb/breadcrumb.d.ts +5 -1
  6. package/button/button.d.ts +3 -0
  7. package/chip/chip.d.ts +1 -0
  8. package/contextmenu/contextmenu.d.ts +157 -67
  9. package/dock/dock.d.ts +47 -2
  10. package/dom/domhandler.d.ts +1 -0
  11. package/esm2022/accordion/accordion.mjs +177 -43
  12. package/esm2022/api/primengconfig.mjs +75 -2
  13. package/esm2022/api/translation.mjs +1 -1
  14. package/esm2022/api/treenode.mjs +1 -1
  15. package/esm2022/autocomplete/autocomplete.mjs +3 -3
  16. package/esm2022/avatar/avatar.mjs +18 -4
  17. package/esm2022/blockui/blockui.mjs +19 -3
  18. package/esm2022/breadcrumb/breadcrumb.mjs +50 -33
  19. package/esm2022/button/button.mjs +4 -1
  20. package/esm2022/card/card.mjs +3 -3
  21. package/esm2022/chip/chip.mjs +18 -13
  22. package/esm2022/contextmenu/contextmenu.mjs +993 -547
  23. package/esm2022/divider/divider.mjs +3 -3
  24. package/esm2022/dock/dock.mjs +284 -86
  25. package/esm2022/dom/domhandler.mjs +19 -7
  26. package/esm2022/dynamicdialog/dynamicdialog-ref.mjs +4 -1
  27. package/esm2022/fieldset/fieldset.mjs +59 -32
  28. package/esm2022/image/image.mjs +11 -3
  29. package/esm2022/inplace/inplace.mjs +18 -11
  30. package/esm2022/megamenu/megamenu.mjs +997 -348
  31. package/esm2022/menu/menu.mjs +397 -166
  32. package/esm2022/menubar/menubar.mjs +895 -282
  33. package/esm2022/orderlist/orderlist.mjs +9 -15
  34. package/esm2022/panel/panel.mjs +44 -33
  35. package/esm2022/panelmenu/panelmenu.mjs +982 -344
  36. package/esm2022/progressbar/progressbar.mjs +19 -15
  37. package/esm2022/progressspinner/progressspinner.mjs +5 -5
  38. package/esm2022/ripple/ripple.mjs +3 -1
  39. package/esm2022/scrollpanel/scrollpanel.mjs +195 -23
  40. package/esm2022/scrolltop/scrolltop.mjs +11 -2
  41. package/esm2022/skeleton/skeleton.mjs +3 -3
  42. package/esm2022/slidemenu/slidemenu.mjs +1059 -372
  43. package/esm2022/splitbutton/splitbutton.mjs +2 -2
  44. package/esm2022/splitter/splitter.mjs +160 -29
  45. package/esm2022/steps/steps.mjs +112 -22
  46. package/esm2022/table/table.mjs +13 -7
  47. package/esm2022/tabmenu/tabmenu.mjs +191 -63
  48. package/esm2022/tabview/tabview.mjs +173 -39
  49. package/esm2022/terminal/terminal.mjs +3 -3
  50. package/esm2022/tieredmenu/tieredmenu.mjs +868 -392
  51. package/esm2022/toolbar/toolbar.mjs +17 -10
  52. package/esm2022/tooltip/tooltip.mjs +1 -1
  53. package/esm2022/tree/tree.mjs +3 -3
  54. package/esm2022/treetable/treetable.mjs +17 -17
  55. package/esm2022/utils/objectutils.mjs +31 -1
  56. package/esm2022/utils/uniquecomponentid.mjs +2 -3
  57. package/fesm2022/primeng-accordion.mjs +176 -42
  58. package/fesm2022/primeng-accordion.mjs.map +1 -1
  59. package/fesm2022/primeng-api.mjs +74 -1
  60. package/fesm2022/primeng-api.mjs.map +1 -1
  61. package/fesm2022/primeng-autocomplete.mjs +2 -2
  62. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  63. package/fesm2022/primeng-avatar.mjs +17 -3
  64. package/fesm2022/primeng-avatar.mjs.map +1 -1
  65. package/fesm2022/primeng-blockui.mjs +18 -2
  66. package/fesm2022/primeng-blockui.mjs.map +1 -1
  67. package/fesm2022/primeng-breadcrumb.mjs +49 -32
  68. package/fesm2022/primeng-breadcrumb.mjs.map +1 -1
  69. package/fesm2022/primeng-button.mjs +3 -0
  70. package/fesm2022/primeng-button.mjs.map +1 -1
  71. package/fesm2022/primeng-card.mjs +2 -2
  72. package/fesm2022/primeng-card.mjs.map +1 -1
  73. package/fesm2022/primeng-chip.mjs +17 -12
  74. package/fesm2022/primeng-chip.mjs.map +1 -1
  75. package/fesm2022/primeng-contextmenu.mjs +992 -546
  76. package/fesm2022/primeng-contextmenu.mjs.map +1 -1
  77. package/fesm2022/primeng-divider.mjs +2 -2
  78. package/fesm2022/primeng-divider.mjs.map +1 -1
  79. package/fesm2022/primeng-dock.mjs +283 -85
  80. package/fesm2022/primeng-dock.mjs.map +1 -1
  81. package/fesm2022/primeng-dom.mjs +18 -6
  82. package/fesm2022/primeng-dom.mjs.map +1 -1
  83. package/fesm2022/primeng-dynamicdialog.mjs +3 -0
  84. package/fesm2022/primeng-dynamicdialog.mjs.map +1 -1
  85. package/fesm2022/primeng-fieldset.mjs +57 -30
  86. package/fesm2022/primeng-fieldset.mjs.map +1 -1
  87. package/fesm2022/primeng-image.mjs +10 -2
  88. package/fesm2022/primeng-image.mjs.map +1 -1
  89. package/fesm2022/primeng-inplace.mjs +17 -10
  90. package/fesm2022/primeng-inplace.mjs.map +1 -1
  91. package/fesm2022/primeng-megamenu.mjs +996 -348
  92. package/fesm2022/primeng-megamenu.mjs.map +1 -1
  93. package/fesm2022/primeng-menu.mjs +396 -165
  94. package/fesm2022/primeng-menu.mjs.map +1 -1
  95. package/fesm2022/primeng-menubar.mjs +894 -281
  96. package/fesm2022/primeng-menubar.mjs.map +1 -1
  97. package/fesm2022/primeng-orderlist.mjs +8 -14
  98. package/fesm2022/primeng-orderlist.mjs.map +1 -1
  99. package/fesm2022/primeng-panel.mjs +44 -33
  100. package/fesm2022/primeng-panel.mjs.map +1 -1
  101. package/fesm2022/primeng-panelmenu.mjs +981 -344
  102. package/fesm2022/primeng-panelmenu.mjs.map +1 -1
  103. package/fesm2022/primeng-progressbar.mjs +18 -14
  104. package/fesm2022/primeng-progressbar.mjs.map +1 -1
  105. package/fesm2022/primeng-progressspinner.mjs +4 -4
  106. package/fesm2022/primeng-progressspinner.mjs.map +1 -1
  107. package/fesm2022/primeng-ripple.mjs +2 -0
  108. package/fesm2022/primeng-ripple.mjs.map +1 -1
  109. package/fesm2022/primeng-scrollpanel.mjs +194 -22
  110. package/fesm2022/primeng-scrollpanel.mjs.map +1 -1
  111. package/fesm2022/primeng-scrolltop.mjs +10 -1
  112. package/fesm2022/primeng-scrolltop.mjs.map +1 -1
  113. package/fesm2022/primeng-skeleton.mjs +2 -2
  114. package/fesm2022/primeng-skeleton.mjs.map +1 -1
  115. package/fesm2022/primeng-slidemenu.mjs +1058 -371
  116. package/fesm2022/primeng-slidemenu.mjs.map +1 -1
  117. package/fesm2022/primeng-splitbutton.mjs +1 -1
  118. package/fesm2022/primeng-splitbutton.mjs.map +1 -1
  119. package/fesm2022/primeng-splitter.mjs +160 -29
  120. package/fesm2022/primeng-splitter.mjs.map +1 -1
  121. package/fesm2022/primeng-steps.mjs +111 -21
  122. package/fesm2022/primeng-steps.mjs.map +1 -1
  123. package/fesm2022/primeng-table.mjs +12 -6
  124. package/fesm2022/primeng-table.mjs.map +1 -1
  125. package/fesm2022/primeng-tabmenu.mjs +190 -62
  126. package/fesm2022/primeng-tabmenu.mjs.map +1 -1
  127. package/fesm2022/primeng-tabview.mjs +172 -38
  128. package/fesm2022/primeng-tabview.mjs.map +1 -1
  129. package/fesm2022/primeng-terminal.mjs +2 -2
  130. package/fesm2022/primeng-terminal.mjs.map +1 -1
  131. package/fesm2022/primeng-tieredmenu.mjs +867 -391
  132. package/fesm2022/primeng-tieredmenu.mjs.map +1 -1
  133. package/fesm2022/primeng-toolbar.mjs +16 -9
  134. package/fesm2022/primeng-toolbar.mjs.map +1 -1
  135. package/fesm2022/primeng-tooltip.mjs.map +1 -1
  136. package/fesm2022/primeng-tree.mjs +2 -2
  137. package/fesm2022/primeng-tree.mjs.map +1 -1
  138. package/fesm2022/primeng-treetable.mjs +16 -16
  139. package/fesm2022/primeng-treetable.mjs.map +1 -1
  140. package/fesm2022/primeng-utils.mjs +31 -2
  141. package/fesm2022/primeng-utils.mjs.map +1 -1
  142. package/fieldset/fieldset.d.ts +6 -5
  143. package/image/image.d.ts +1 -0
  144. package/inplace/inplace.d.ts +6 -1
  145. package/megamenu/megamenu.d.ts +137 -15
  146. package/menu/menu.d.ts +64 -7
  147. package/menubar/menubar.d.ts +116 -22
  148. package/orderlist/orderlist.d.ts +2 -1
  149. package/package.json +124 -124
  150. package/panel/panel.d.ts +6 -5
  151. package/panelmenu/panelmenu.d.ts +134 -22
  152. package/resources/components/autocomplete/autocomplete.css +9 -8
  153. package/resources/components/breadcrumb/breadcrumb.css +9 -3
  154. package/resources/components/common/common.css +1 -1
  155. package/resources/components/contextmenu/contextmenu.css +1 -7
  156. package/resources/components/dock/dock.css +1 -1
  157. package/resources/components/megamenu/megamenu.css +9 -10
  158. package/resources/components/panelmenu/panelmenu.css +4 -2
  159. package/resources/components/slidemenu/slidemenu.css +40 -41
  160. package/resources/primeng.css +1 -1
  161. package/resources/primeng.min.css +1 -1
  162. package/resources/themes/arya-blue/theme.css +342 -390
  163. package/resources/themes/arya-green/theme.css +342 -390
  164. package/resources/themes/arya-orange/theme.css +342 -390
  165. package/resources/themes/arya-purple/theme.css +342 -390
  166. package/resources/themes/bootstrap4-dark-blue/theme.css +357 -416
  167. package/resources/themes/bootstrap4-dark-purple/theme.css +357 -416
  168. package/resources/themes/bootstrap4-light-blue/theme.css +369 -428
  169. package/resources/themes/bootstrap4-light-purple/theme.css +369 -428
  170. package/resources/themes/fluent-light/theme.css +352 -400
  171. package/resources/themes/lara-dark-blue/theme.css +344 -392
  172. package/resources/themes/lara-dark-indigo/theme.css +344 -392
  173. package/resources/themes/lara-dark-purple/theme.css +344 -392
  174. package/resources/themes/lara-dark-teal/theme.css +344 -392
  175. package/resources/themes/lara-light-blue/theme.css +370 -418
  176. package/resources/themes/lara-light-indigo/theme.css +370 -418
  177. package/resources/themes/lara-light-purple/theme.css +370 -418
  178. package/resources/themes/lara-light-teal/theme.css +370 -418
  179. package/resources/themes/luna-amber/theme.css +360 -408
  180. package/resources/themes/luna-blue/theme.css +360 -408
  181. package/resources/themes/luna-green/theme.css +360 -408
  182. package/resources/themes/luna-pink/theme.css +360 -408
  183. package/resources/themes/md-dark-deeppurple/theme.css +373 -403
  184. package/resources/themes/md-dark-indigo/theme.css +373 -403
  185. package/resources/themes/md-light-deeppurple/theme.css +373 -403
  186. package/resources/themes/md-light-indigo/theme.css +373 -403
  187. package/resources/themes/mdc-dark-deeppurple/theme.css +373 -403
  188. package/resources/themes/mdc-dark-indigo/theme.css +373 -403
  189. package/resources/themes/mdc-light-deeppurple/theme.css +373 -403
  190. package/resources/themes/mdc-light-indigo/theme.css +373 -403
  191. package/resources/themes/mira/theme.css +347 -395
  192. package/resources/themes/nano/theme.css +348 -396
  193. package/resources/themes/nova/theme.css +336 -384
  194. package/resources/themes/nova-accent/theme.css +336 -384
  195. package/resources/themes/nova-alt/theme.css +336 -384
  196. package/resources/themes/rhea/theme.css +336 -384
  197. package/resources/themes/saga-blue/theme.css +348 -396
  198. package/resources/themes/saga-green/theme.css +348 -396
  199. package/resources/themes/saga-orange/theme.css +348 -396
  200. package/resources/themes/saga-purple/theme.css +348 -396
  201. package/resources/themes/soho-dark/theme.css +362 -410
  202. package/resources/themes/soho-light/theme.css +370 -418
  203. package/resources/themes/tailwind-light/theme.css +361 -409
  204. package/resources/themes/vela-blue/theme.css +348 -396
  205. package/resources/themes/vela-green/theme.css +348 -396
  206. package/resources/themes/vela-orange/theme.css +348 -396
  207. package/resources/themes/vela-purple/theme.css +348 -396
  208. package/resources/themes/viva-dark/theme.css +342 -390
  209. package/resources/themes/viva-light/theme.css +348 -396
  210. package/scrollpanel/scrollpanel.d.ts +22 -4
  211. package/scrolltop/scrolltop.d.ts +6 -1
  212. package/slidemenu/slidemenu.d.ts +192 -88
  213. package/splitter/splitter.d.ts +18 -5
  214. package/steps/steps.d.ts +20 -3
  215. package/table/table.d.ts +3 -1
  216. package/tabmenu/tabmenu.d.ts +24 -1
  217. package/tabview/tabview.d.ts +26 -3
  218. package/tieredmenu/tieredmenu.d.ts +134 -50
  219. package/toolbar/toolbar.d.ts +6 -1
  220. package/tooltip/tooltip.d.ts +1 -1
  221. package/utils/objectutils.d.ts +4 -0
  222. package/utils/uniquecomponentid.d.ts +1 -1
package/resources/themes/soho-dark/theme.css CHANGED
@@ -4129,7 +4129,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4129
4129
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
4130
4130
  outline: 0 none;
4131
4131
  outline-offset: 0;
4132
- box-shadow: 0 0 0 1px #e0d8fc;
4132
+ box-shadow: inset 0 0 0 1px #e0d8fc;
4133
4133
  }
4134
4134
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
4135
4135
  background: rgba(255, 255, 255, 0.03);
@@ -4339,6 +4339,9 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4339
4339
  background: #3e4053;
4340
4340
  }
4341
4341
 
4342
+ .p-tabview .p-tabview-nav-content {
4343
+ scroll-padding-inline: 3rem;
4344
+ }
4342
4345
  .p-tabview .p-tabview-nav {
4343
4346
  background: transparent;
4344
4347
  border: 1px solid #3e4053;
@@ -4692,29 +4695,29 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4692
4695
  border-radius: 6px;
4693
4696
  padding: 1rem;
4694
4697
  }
4695
- .p-breadcrumb ul li .p-menuitem-link {
4698
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
4696
4699
  transition: box-shadow 0.2s;
4697
4700
  border-radius: 6px;
4698
4701
  }
4699
- .p-breadcrumb ul li .p-menuitem-link:focus {
4702
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus {
4700
4703
  outline: 0 none;
4701
4704
  outline-offset: 0;
4702
4705
  box-shadow: 0 0 0 1px #e0d8fc;
4703
4706
  }
4704
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
4707
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
4705
4708
  color: rgba(255, 255, 255, 0.87);
4706
4709
  }
4707
- .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
4710
+ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
4708
4711
  color: rgba(255, 255, 255, 0.6);
4709
4712
  }
4710
- .p-breadcrumb ul li.p-breadcrumb-chevron {
4713
+ .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
4711
4714
  margin: 0 0.5rem 0 0.5rem;
4712
4715
  color: rgba(255, 255, 255, 0.87);
4713
4716
  }
4714
- .p-breadcrumb ul li:last-child .p-menuitem-text {
4717
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
4715
4718
  color: rgba(255, 255, 255, 0.87);
4716
4719
  }
4717
- .p-breadcrumb ul li:last-child .p-menuitem-icon {
4720
+ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
4718
4721
  color: rgba(255, 255, 255, 0.6);
4719
4722
  }
4720
4723
 
@@ -4727,97 +4730,100 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4727
4730
  border-radius: 6px;
4728
4731
  width: 12.5rem;
4729
4732
  }
4730
- .p-contextmenu .p-menuitem-link {
4731
- padding: 0.75rem 1.25rem;
4733
+ .p-contextmenu .p-contextmenu-root-list {
4734
+ outline: 0 none;
4735
+ }
4736
+ .p-contextmenu .p-submenu-list {
4737
+ padding: 0.25rem 0;
4738
+ background: #333544;
4739
+ border: 1px solid #3e4053;
4740
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4741
+ border-radius: 6px;
4742
+ }
4743
+ .p-contextmenu .p-menuitem > .p-menuitem-content {
4732
4744
  color: rgba(255, 255, 255, 0.87);
4733
- border-radius: 0;
4734
4745
  transition: box-shadow 0.2s;
4746
+ border-radius: 0;
4747
+ }
4748
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4749
+ color: rgba(255, 255, 255, 0.87);
4750
+ padding: 0.75rem 1.25rem;
4735
4751
  user-select: none;
4736
4752
  }
4737
- .p-contextmenu .p-menuitem-link .p-menuitem-text {
4753
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4738
4754
  color: rgba(255, 255, 255, 0.87);
4739
4755
  }
4740
- .p-contextmenu .p-menuitem-link .p-menuitem-icon {
4756
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4741
4757
  color: rgba(255, 255, 255, 0.6);
4742
4758
  margin-right: 0.5rem;
4743
4759
  }
4744
- .p-contextmenu .p-menuitem-link .p-submenu-icon {
4760
+ .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4745
4761
  color: rgba(255, 255, 255, 0.6);
4746
4762
  }
4747
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
4748
- background: rgba(255, 255, 255, 0.03);
4749
- }
4750
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4751
- color: rgba(255, 255, 255, 0.87);
4763
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
4764
+ color: #b19df7;
4765
+ background: rgba(177, 157, 247, 0.16);
4752
4766
  }
4753
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4754
- color: rgba(255, 255, 255, 0.87);
4767
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4768
+ color: #b19df7;
4755
4769
  }
4756
- .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4757
- color: rgba(255, 255, 255, 0.87);
4770
+ .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4771
+ color: #b19df7;
4758
4772
  }
4759
- .p-contextmenu .p-menuitem-link:focus {
4760
- outline: 0 none;
4761
- outline-offset: 0;
4762
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
4773
+ .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4774
+ background: rgba(177, 157, 247, 0.24);
4763
4775
  }
4764
- .p-contextmenu .p-submenu-list {
4765
- padding: 0.25rem 0;
4766
- background: #333544;
4767
- border: 1px solid #3e4053;
4768
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4769
- border-radius: 6px;
4776
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4777
+ color: rgba(255, 255, 255, 0.87);
4778
+ background: rgba(255, 255, 255, 0.09);
4770
4779
  }
4771
- .p-contextmenu .p-menuitem {
4772
- margin: 0;
4780
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4781
+ color: rgba(255, 255, 255, 0.87);
4773
4782
  }
4774
- .p-contextmenu .p-menuitem:last-child {
4775
- margin: 0;
4783
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4784
+ color: rgba(255, 255, 255, 0.87);
4776
4785
  }
4777
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4778
- background: rgba(177, 157, 247, 0.16);
4786
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4787
+ color: rgba(255, 255, 255, 0.87);
4788
+ background: rgba(255, 255, 255, 0.03);
4779
4789
  }
4780
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4781
- color: #b19df7;
4790
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4791
+ color: rgba(255, 255, 255, 0.87);
4782
4792
  }
4783
- .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
4784
- color: #b19df7;
4793
+ .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
4794
+ color: rgba(255, 255, 255, 0.87);
4785
4795
  }
4786
- .p-contextmenu .p-menu-separator {
4796
+ .p-contextmenu .p-menuitem-separator {
4787
4797
  border-top: 1px solid #3e4053;
4788
4798
  margin: 0.25rem 0;
4789
4799
  }
4790
4800
  .p-contextmenu .p-submenu-icon {
4791
4801
  font-size: 0.875rem;
4792
4802
  }
4793
- .p-contextmenu .p-icon {
4803
+ .p-contextmenu .p-submenu-icon.p-icon {
4794
4804
  width: 0.875rem;
4795
4805
  height: 0.875rem;
4796
4806
  }
4797
- .p-contextmenu .p-menuitem-badge {
4798
- background: #b19df7;
4799
- color: #1c1d26;
4800
- font-size: 0.75rem;
4801
- font-weight: 700;
4802
- min-width: 1.5rem;
4803
- height: 1.5rem;
4804
- line-height: 1.5rem;
4805
- border-radius: 6px;
4806
- margin-left: 0.5rem;
4807
- padding-left: 0.5rem;
4808
- padding-right: 0.5rem;
4809
- }
4810
4807
 
4811
- .p-dock .p-dock-list {
4808
+ .p-dock .p-dock-list-container {
4812
4809
  background: rgba(255, 255, 255, 0.1);
4813
4810
  border: 1px solid rgba(255, 255, 255, 0.2);
4814
4811
  padding: 0.5rem 0.5rem;
4815
4812
  border-radius: 0.5rem;
4816
4813
  }
4814
+ .p-dock .p-dock-list-container .p-dock-list {
4815
+ outline: 0 none;
4816
+ }
4817
4817
  .p-dock .p-dock-item {
4818
4818
  padding: 0.5rem;
4819
+ border-radius: 6px;
4820
+ }
4821
+ .p-dock .p-dock-item.p-focus {
4822
+ outline: 0 none;
4823
+ outline-offset: 0;
4824
+ box-shadow: inset 0 0 0 0.15rem #e0d8fc;
4819
4825
  }
4820
- .p-dock .p-dock-action {
4826
+ .p-dock .p-dock-link {
4821
4827
  width: 4rem;
4822
4828
  height: 4rem;
4823
4829
  }
@@ -4875,90 +4881,61 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4875
4881
  border: 1px solid #3e4053;
4876
4882
  border-radius: 6px;
4877
4883
  }
4878
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4879
- padding: 0.75rem 1.25rem;
4884
+ .p-megamenu .p-megamenu-root-list {
4885
+ outline: 0 none;
4886
+ }
4887
+ .p-megamenu .p-menuitem > .p-menuitem-content {
4880
4888
  color: rgba(255, 255, 255, 0.87);
4881
- border-radius: 6px;
4882
4889
  transition: box-shadow 0.2s;
4890
+ border-radius: 0;
4891
+ }
4892
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
4893
+ color: rgba(255, 255, 255, 0.87);
4894
+ padding: 0.75rem 1.25rem;
4883
4895
  user-select: none;
4884
4896
  }
4885
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4897
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4886
4898
  color: rgba(255, 255, 255, 0.87);
4887
4899
  }
4888
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4900
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4889
4901
  color: rgba(255, 255, 255, 0.6);
4890
4902
  margin-right: 0.5rem;
4891
4903
  }
4892
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4904
+ .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4893
4905
  color: rgba(255, 255, 255, 0.6);
4894
- margin-left: 0.5rem;
4895
- }
4896
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4897
- background: rgba(255, 255, 255, 0.03);
4898
4906
  }
4899
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4900
- color: rgba(255, 255, 255, 0.87);
4901
- }
4902
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4903
- color: rgba(255, 255, 255, 0.87);
4904
- }
4905
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4906
- color: rgba(255, 255, 255, 0.87);
4907
- }
4908
- .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4909
- outline: 0 none;
4910
- outline-offset: 0;
4911
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
4912
- }
4913
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4914
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4907
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
4908
+ color: #b19df7;
4915
4909
  background: rgba(177, 157, 247, 0.16);
4916
4910
  }
4917
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4918
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4911
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4919
4912
  color: #b19df7;
4920
4913
  }
4921
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4922
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4914
+ .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4923
4915
  color: #b19df7;
4924
4916
  }
4925
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4926
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4927
- color: #b19df7;
4917
+ .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
4918
+ background: rgba(177, 157, 247, 0.24);
4928
4919
  }
4929
- .p-megamenu .p-menuitem-link {
4930
- padding: 0.75rem 1.25rem;
4920
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
4931
4921
  color: rgba(255, 255, 255, 0.87);
4932
- border-radius: 0;
4933
- transition: box-shadow 0.2s;
4934
- user-select: none;
4922
+ background: rgba(255, 255, 255, 0.09);
4935
4923
  }
4936
- .p-megamenu .p-menuitem-link .p-menuitem-text {
4924
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4937
4925
  color: rgba(255, 255, 255, 0.87);
4938
4926
  }
4939
- .p-megamenu .p-menuitem-link .p-menuitem-icon {
4940
- color: rgba(255, 255, 255, 0.6);
4941
- margin-right: 0.5rem;
4942
- }
4943
- .p-megamenu .p-menuitem-link .p-submenu-icon {
4944
- color: rgba(255, 255, 255, 0.6);
4945
- }
4946
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
4947
- background: rgba(255, 255, 255, 0.03);
4948
- }
4949
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4927
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4950
4928
  color: rgba(255, 255, 255, 0.87);
4951
4929
  }
4952
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4930
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4953
4931
  color: rgba(255, 255, 255, 0.87);
4932
+ background: rgba(255, 255, 255, 0.03);
4954
4933
  }
4955
- .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4934
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4956
4935
  color: rgba(255, 255, 255, 0.87);
4957
4936
  }
4958
- .p-megamenu .p-menuitem-link:focus {
4959
- outline: 0 none;
4960
- outline-offset: 0;
4961
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
4937
+ .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
4938
+ color: rgba(255, 255, 255, 0.87);
4962
4939
  }
4963
4940
  .p-megamenu .p-megamenu-panel {
4964
4941
  background: #333544;
@@ -4966,7 +4943,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4966
4943
  border: 1px solid #3e4053;
4967
4944
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4968
4945
  }
4969
- .p-megamenu .p-megamenu-submenu-header {
4946
+ .p-megamenu .p-submenu-header {
4970
4947
  margin: 0;
4971
4948
  padding: 0.75rem 1.25rem;
4972
4949
  color: rgba(255, 255, 255, 0.87);
@@ -4975,51 +4952,47 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
4975
4952
  border-top-right-radius: 6px;
4976
4953
  border-top-left-radius: 6px;
4977
4954
  }
4978
- .p-megamenu .p-megamenu-submenu {
4955
+ .p-megamenu .p-submenu-list {
4979
4956
  padding: 0.25rem 0;
4980
4957
  width: 12.5rem;
4981
4958
  }
4982
- .p-megamenu .p-megamenu-submenu .p-menu-separator {
4959
+ .p-megamenu .p-submenu-list .p-menuitem-separator {
4983
4960
  border-top: 1px solid #3e4053;
4984
4961
  margin: 0.25rem 0;
4985
4962
  }
4986
- .p-megamenu .p-megamenu-submenu .p-menuitem {
4987
- margin: 0;
4963
+ .p-megamenu.p-megamenu-vertical {
4964
+ width: 12.5rem;
4965
+ padding: 0.25rem 0;
4988
4966
  }
4989
- .p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
4990
- margin: 0;
4967
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
4968
+ color: rgba(255, 255, 255, 0.87);
4969
+ transition: box-shadow 0.2s;
4970
+ border-radius: 6px;
4991
4971
  }
4992
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4993
- background: rgba(177, 157, 247, 0.16);
4972
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
4973
+ padding: 0.75rem 1.25rem;
4974
+ user-select: none;
4994
4975
  }
4995
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4996
- color: #b19df7;
4976
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
4977
+ color: rgba(255, 255, 255, 0.87);
4997
4978
  }
4998
- .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
4999
- color: #b19df7;
4979
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
4980
+ color: rgba(255, 255, 255, 0.6);
4981
+ margin-right: 0.5rem;
5000
4982
  }
5001
- .p-megamenu.p-megamenu-vertical {
5002
- width: 12.5rem;
5003
- padding: 0.25rem 0;
4983
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
4984
+ color: rgba(255, 255, 255, 0.6);
4985
+ margin-left: 0.5rem;
5004
4986
  }
5005
- .p-megamenu.p-megamenu-vertical .p-menuitem {
5006
- margin: 0;
4987
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
4988
+ color: rgba(255, 255, 255, 0.87);
4989
+ background: rgba(255, 255, 255, 0.03);
5007
4990
  }
5008
- .p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
5009
- margin: 0;
4991
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
4992
+ color: rgba(255, 255, 255, 0.87);
5010
4993
  }
5011
- .p-megamenu .p-menuitem-badge {
5012
- background: #b19df7;
5013
- color: #1c1d26;
5014
- font-size: 0.75rem;
5015
- font-weight: 700;
5016
- min-width: 1.5rem;
5017
- height: 1.5rem;
5018
- line-height: 1.5rem;
5019
- border-radius: 6px;
5020
- margin-left: 0.5rem;
5021
- padding-left: 0.5rem;
5022
- padding-right: 0.5rem;
4994
+ .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
4995
+ color: rgba(255, 255, 255, 0.87);
5023
4996
  }
5024
4997
 
5025
4998
  .p-menu {
@@ -5030,39 +5003,58 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5030
5003
  border-radius: 6px;
5031
5004
  width: 12.5rem;
5032
5005
  }
5033
- .p-menu .p-menuitem-link {
5034
- padding: 0.75rem 1.25rem;
5006
+ .p-menu .p-menuitem > .p-menuitem-content {
5035
5007
  color: rgba(255, 255, 255, 0.87);
5036
- border-radius: 0;
5037
5008
  transition: box-shadow 0.2s;
5009
+ border-radius: 0;
5010
+ }
5011
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5012
+ color: rgba(255, 255, 255, 0.87);
5013
+ padding: 0.75rem 1.25rem;
5038
5014
  user-select: none;
5039
5015
  }
5040
- .p-menu .p-menuitem-link .p-menuitem-text {
5016
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5041
5017
  color: rgba(255, 255, 255, 0.87);
5042
5018
  }
5043
- .p-menu .p-menuitem-link .p-menuitem-icon {
5019
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5044
5020
  color: rgba(255, 255, 255, 0.6);
5045
5021
  margin-right: 0.5rem;
5046
5022
  }
5047
- .p-menu .p-menuitem-link .p-submenu-icon {
5023
+ .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5048
5024
  color: rgba(255, 255, 255, 0.6);
5049
5025
  }
5050
- .p-menu .p-menuitem-link:not(.p-disabled):hover {
5051
- background: rgba(255, 255, 255, 0.03);
5026
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
5027
+ color: #b19df7;
5028
+ background: rgba(177, 157, 247, 0.16);
5052
5029
  }
5053
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5030
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5031
+ color: #b19df7;
5032
+ }
5033
+ .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5034
+ color: #b19df7;
5035
+ }
5036
+ .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5037
+ background: rgba(177, 157, 247, 0.24);
5038
+ }
5039
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5054
5040
  color: rgba(255, 255, 255, 0.87);
5041
+ background: rgba(255, 255, 255, 0.09);
5055
5042
  }
5056
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5043
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5057
5044
  color: rgba(255, 255, 255, 0.87);
5058
5045
  }
5059
- .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5046
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5060
5047
  color: rgba(255, 255, 255, 0.87);
5061
5048
  }
5062
- .p-menu .p-menuitem-link:focus {
5063
- outline: 0 none;
5064
- outline-offset: 0;
5065
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
5049
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5050
+ color: rgba(255, 255, 255, 0.87);
5051
+ background: rgba(255, 255, 255, 0.03);
5052
+ }
5053
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5054
+ color: rgba(255, 255, 255, 0.87);
5055
+ }
5056
+ .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5057
+ color: rgba(255, 255, 255, 0.87);
5066
5058
  }
5067
5059
  .p-menu.p-menu-overlay {
5068
5060
  background: #333544;
@@ -5082,12 +5074,6 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5082
5074
  border-top: 1px solid #3e4053;
5083
5075
  margin: 0.25rem 0;
5084
5076
  }
5085
- .p-menu .p-menuitem {
5086
- margin: 0;
5087
- }
5088
- .p-menu .p-menuitem:last-child {
5089
- margin: 0;
5090
- }
5091
5077
  .p-menu .p-menuitem-badge {
5092
5078
  background: #b19df7;
5093
5079
  color: #1c1d26;
@@ -5109,90 +5095,91 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5109
5095
  border: 1px solid #3e4053;
5110
5096
  border-radius: 6px;
5111
5097
  }
5112
- .p-menubar .p-menuitem-link {
5113
- padding: 0.75rem 1.25rem;
5098
+ .p-menubar .p-menubar-root-list {
5099
+ outline: 0 none;
5100
+ }
5101
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
5114
5102
  color: rgba(255, 255, 255, 0.87);
5115
- border-radius: 0;
5116
5103
  transition: box-shadow 0.2s;
5104
+ border-radius: 6px;
5105
+ }
5106
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
5107
+ padding: 0.75rem 1.25rem;
5117
5108
  user-select: none;
5118
5109
  }
5119
- .p-menubar .p-menuitem-link .p-menuitem-text {
5110
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5120
5111
  color: rgba(255, 255, 255, 0.87);
5121
5112
  }
5122
- .p-menubar .p-menuitem-link .p-menuitem-icon {
5113
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5123
5114
  color: rgba(255, 255, 255, 0.6);
5124
5115
  margin-right: 0.5rem;
5125
5116
  }
5126
- .p-menubar .p-menuitem-link .p-submenu-icon {
5117
+ .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5127
5118
  color: rgba(255, 255, 255, 0.6);
5119
+ margin-left: 0.5rem;
5128
5120
  }
5129
- .p-menubar .p-menuitem-link:not(.p-disabled):hover {
5121
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5122
+ color: rgba(255, 255, 255, 0.87);
5130
5123
  background: rgba(255, 255, 255, 0.03);
5131
5124
  }
5132
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5125
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5133
5126
  color: rgba(255, 255, 255, 0.87);
5134
5127
  }
5135
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5128
+ .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5136
5129
  color: rgba(255, 255, 255, 0.87);
5137
5130
  }
5138
- .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5131
+ .p-menubar .p-menuitem > .p-menuitem-content {
5139
5132
  color: rgba(255, 255, 255, 0.87);
5133
+ transition: box-shadow 0.2s;
5134
+ border-radius: 0;
5140
5135
  }
5141
- .p-menubar .p-menuitem-link:focus {
5142
- outline: 0 none;
5143
- outline-offset: 0;
5144
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
5145
- }
5146
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
5147
- padding: 0.75rem 1.25rem;
5136
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
5148
5137
  color: rgba(255, 255, 255, 0.87);
5149
- border-radius: 6px;
5150
- transition: box-shadow 0.2s;
5138
+ padding: 0.75rem 1.25rem;
5151
5139
  user-select: none;
5152
5140
  }
5153
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
5141
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5154
5142
  color: rgba(255, 255, 255, 0.87);
5155
5143
  }
5156
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
5144
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5157
5145
  color: rgba(255, 255, 255, 0.6);
5158
5146
  margin-right: 0.5rem;
5159
5147
  }
5160
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
5148
+ .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5161
5149
  color: rgba(255, 255, 255, 0.6);
5162
- margin-left: 0.5rem;
5163
5150
  }
5164
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
5165
- background: rgba(255, 255, 255, 0.03);
5151
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
5152
+ color: #b19df7;
5153
+ background: rgba(177, 157, 247, 0.16);
5166
5154
  }
5167
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5168
- color: rgba(255, 255, 255, 0.87);
5155
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5156
+ color: #b19df7;
5169
5157
  }
5170
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5171
- color: rgba(255, 255, 255, 0.87);
5158
+ .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5159
+ color: #b19df7;
5172
5160
  }
5173
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5161
+ .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5162
+ background: rgba(177, 157, 247, 0.24);
5163
+ }
5164
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5174
5165
  color: rgba(255, 255, 255, 0.87);
5166
+ background: rgba(255, 255, 255, 0.09);
5175
5167
  }
5176
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
5177
- outline: 0 none;
5178
- outline-offset: 0;
5179
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
5168
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5169
+ color: rgba(255, 255, 255, 0.87);
5180
5170
  }
5181
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
5182
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
5183
- background: rgba(177, 157, 247, 0.16);
5171
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5172
+ color: rgba(255, 255, 255, 0.87);
5184
5173
  }
5185
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
5186
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5187
- color: #b19df7;
5174
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5175
+ color: rgba(255, 255, 255, 0.87);
5176
+ background: rgba(255, 255, 255, 0.03);
5188
5177
  }
5189
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
5190
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5191
- color: #b19df7;
5178
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5179
+ color: rgba(255, 255, 255, 0.87);
5192
5180
  }
5193
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
5194
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5195
- color: #b19df7;
5181
+ .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5182
+ color: rgba(255, 255, 255, 0.87);
5196
5183
  }
5197
5184
  .p-menubar .p-submenu-list {
5198
5185
  padding: 0.25rem 0;
@@ -5201,45 +5188,13 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5201
5188
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5202
5189
  width: 12.5rem;
5203
5190
  }
5204
- .p-menubar .p-submenu-list .p-menu-separator {
5191
+ .p-menubar .p-submenu-list .p-menuitem-separator {
5205
5192
  border-top: 1px solid #3e4053;
5206
5193
  margin: 0.25rem 0;
5207
5194
  }
5208
5195
  .p-menubar .p-submenu-list .p-submenu-icon {
5209
5196
  font-size: 0.875rem;
5210
5197
  }
5211
- .p-menubar .p-submenu-list .p-icon {
5212
- width: 0.875rem;
5213
- height: 0.875rem;
5214
- }
5215
- .p-menubar .p-submenu-list .p-menuitem {
5216
- margin: 0;
5217
- }
5218
- .p-menubar .p-submenu-list .p-menuitem:last-child {
5219
- margin: 0;
5220
- }
5221
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
5222
- background: rgba(177, 157, 247, 0.16);
5223
- }
5224
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5225
- color: #b19df7;
5226
- }
5227
- .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
5228
- color: #b19df7;
5229
- }
5230
- .p-menubar .p-menuitem-badge {
5231
- background: #b19df7;
5232
- color: #1c1d26;
5233
- font-size: 0.75rem;
5234
- font-weight: 700;
5235
- min-width: 1.5rem;
5236
- height: 1.5rem;
5237
- line-height: 1.5rem;
5238
- border-radius: 6px;
5239
- margin-left: 0.5rem;
5240
- padding-left: 0.5rem;
5241
- padding-right: 0.5rem;
5242
- }
5243
5198
 
5244
5199
  @media screen and (max-width: 960px) {
5245
5200
  .p-menubar {
@@ -5271,56 +5226,22 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5271
5226
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5272
5227
  width: 100%;
5273
5228
  }
5274
- .p-menubar .p-menubar-root-list .p-menu-separator {
5229
+ .p-menubar .p-menubar-root-list .p-menuitem-separator {
5275
5230
  border-top: 1px solid #3e4053;
5276
5231
  margin: 0.25rem 0;
5277
5232
  }
5278
5233
  .p-menubar .p-menubar-root-list .p-submenu-icon {
5279
5234
  font-size: 0.875rem;
5280
5235
  }
5281
- .p-menubar .p-menubar-root-list > .p-menuitem {
5236
+ .p-menubar .p-menubar-root-list .p-menuitem {
5282
5237
  width: 100%;
5283
5238
  position: static;
5284
5239
  }
5285
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
5286
- padding: 0.75rem 1.25rem;
5287
- color: rgba(255, 255, 255, 0.87);
5288
- border-radius: 0;
5289
- transition: box-shadow 0.2s;
5290
- user-select: none;
5291
- }
5292
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
5293
- color: rgba(255, 255, 255, 0.87);
5294
- }
5295
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
5296
- color: rgba(255, 255, 255, 0.6);
5297
- margin-right: 0.5rem;
5298
- }
5299
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
5300
- color: rgba(255, 255, 255, 0.6);
5301
- }
5302
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
5303
- background: rgba(255, 255, 255, 0.03);
5304
- }
5305
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5306
- color: rgba(255, 255, 255, 0.87);
5307
- }
5308
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5309
- color: rgba(255, 255, 255, 0.87);
5310
- }
5311
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5312
- color: rgba(255, 255, 255, 0.87);
5313
- }
5314
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
5315
- outline: 0 none;
5316
- outline-offset: 0;
5317
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
5318
- }
5319
- .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
5240
+ .p-menubar .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5320
5241
  margin-left: auto;
5321
5242
  transition: transform 0.2s;
5322
5243
  }
5323
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
5244
+ .p-menubar .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
5324
5245
  transform: rotate(-180deg);
5325
5246
  }
5326
5247
  .p-menubar .p-menubar-root-list .p-submenu-list {
@@ -5333,7 +5254,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5333
5254
  transition: transform 0.2s;
5334
5255
  transform: rotate(90deg);
5335
5256
  }
5336
- .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
5257
+ .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
5337
5258
  transform: rotate(-90deg);
5338
5259
  }
5339
5260
  .p-menubar .p-menubar-root-list .p-menuitem {
@@ -5363,42 +5284,46 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5363
5284
  z-index: 1;
5364
5285
  }
5365
5286
  }
5366
- .p-panelmenu .p-panelmenu-header > a {
5367
- padding: 1.25rem;
5287
+ .p-panelmenu .p-panelmenu-header {
5288
+ outline: 0 none;
5289
+ }
5290
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
5368
5291
  border: 1px solid #3e4053;
5369
5292
  color: rgba(255, 255, 255, 0.87);
5370
5293
  background: #282936;
5371
- font-weight: 700;
5372
5294
  border-radius: 6px;
5373
5295
  transition: box-shadow 0.2s;
5374
5296
  }
5375
- .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
5297
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action {
5298
+ color: rgba(255, 255, 255, 0.87);
5299
+ padding: 1.25rem;
5300
+ font-weight: 700;
5301
+ }
5302
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-submenu-icon {
5376
5303
  margin-right: 0.5rem;
5377
5304
  }
5378
- .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
5305
+ .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-action .p-menuitem-icon {
5379
5306
  margin-right: 0.5rem;
5380
5307
  }
5381
- .p-panelmenu .p-panelmenu-header > a:focus {
5308
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus .p-panelmenu-header-content {
5382
5309
  outline: 0 none;
5383
5310
  outline-offset: 0;
5384
- box-shadow: 0 0 0 1px #e0d8fc;
5311
+ box-shadow: inset 0 0 0 1px #e0d8fc;
5385
5312
  }
5386
- .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
5313
+ .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
5387
5314
  background: rgba(255, 255, 255, 0.03);
5388
5315
  border-color: #3e4053;
5389
5316
  color: rgba(255, 255, 255, 0.87);
5390
5317
  }
5391
- .p-panelmenu .p-panelmenu-header.p-highlight {
5392
- margin-bottom: 0;
5393
- }
5394
- .p-panelmenu .p-panelmenu-header.p-highlight > a {
5318
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
5395
5319
  background: #282936;
5396
5320
  border-color: #3e4053;
5397
5321
  color: rgba(255, 255, 255, 0.87);
5398
5322
  border-bottom-right-radius: 0;
5399
5323
  border-bottom-left-radius: 0;
5324
+ margin-bottom: 0;
5400
5325
  }
5401
- .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
5326
+ .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
5402
5327
  border-color: #3e4053;
5403
5328
  background: rgba(255, 255, 255, 0.03);
5404
5329
  color: rgba(255, 255, 255, 0.87);
@@ -5408,69 +5333,81 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5408
5333
  border: 1px solid #3e4053;
5409
5334
  background: #282936;
5410
5335
  color: rgba(255, 255, 255, 0.87);
5411
- margin-bottom: 4px;
5412
5336
  border-top: 0;
5413
5337
  border-top-right-radius: 0;
5414
5338
  border-top-left-radius: 0;
5415
5339
  border-bottom-right-radius: 6px;
5416
5340
  border-bottom-left-radius: 6px;
5417
5341
  }
5418
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
5419
- padding: 0.75rem 1.25rem;
5342
+ .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
5343
+ outline: 0 none;
5344
+ }
5345
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
5420
5346
  color: rgba(255, 255, 255, 0.87);
5421
- border-radius: 0;
5422
5347
  transition: box-shadow 0.2s;
5348
+ border-radius: 0;
5349
+ }
5350
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
5351
+ color: rgba(255, 255, 255, 0.87);
5352
+ padding: 0.75rem 1.25rem;
5423
5353
  user-select: none;
5424
5354
  }
5425
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
5355
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5426
5356
  color: rgba(255, 255, 255, 0.87);
5427
5357
  }
5428
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
5358
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5429
5359
  color: rgba(255, 255, 255, 0.6);
5430
5360
  margin-right: 0.5rem;
5431
5361
  }
5432
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
5362
+ .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5433
5363
  color: rgba(255, 255, 255, 0.6);
5434
5364
  }
5435
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
5436
- background: rgba(255, 255, 255, 0.03);
5365
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
5366
+ color: #b19df7;
5367
+ background: rgba(177, 157, 247, 0.16);
5437
5368
  }
5438
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5369
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5370
+ color: #b19df7;
5371
+ }
5372
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5373
+ color: #b19df7;
5374
+ }
5375
+ .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5376
+ background: rgba(177, 157, 247, 0.24);
5377
+ }
5378
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5439
5379
  color: rgba(255, 255, 255, 0.87);
5380
+ background: rgba(255, 255, 255, 0.09);
5440
5381
  }
5441
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5382
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5442
5383
  color: rgba(255, 255, 255, 0.87);
5443
5384
  }
5444
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5385
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5445
5386
  color: rgba(255, 255, 255, 0.87);
5446
5387
  }
5447
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
5448
- outline: 0 none;
5449
- outline-offset: 0;
5450
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
5388
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5389
+ color: rgba(255, 255, 255, 0.87);
5390
+ background: rgba(255, 255, 255, 0.03);
5451
5391
  }
5452
- .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
5392
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5393
+ color: rgba(255, 255, 255, 0.87);
5394
+ }
5395
+ .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5396
+ color: rgba(255, 255, 255, 0.87);
5397
+ }
5398
+ .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5453
5399
  margin-right: 0.5rem;
5454
5400
  }
5455
- .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
5401
+ .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
5402
+ border-top: 1px solid #3e4053;
5403
+ margin: 0.25rem 0;
5404
+ }
5405
+ .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
5456
5406
  padding: 0 0 0 1rem;
5457
5407
  }
5458
5408
  .p-panelmenu .p-panelmenu-panel {
5459
5409
  margin-bottom: 4px;
5460
5410
  }
5461
- .p-panelmenu .p-menuitem-badge {
5462
- background: #b19df7;
5463
- color: #1c1d26;
5464
- font-size: 0.75rem;
5465
- font-weight: 700;
5466
- min-width: 1.5rem;
5467
- height: 1.5rem;
5468
- line-height: 1.5rem;
5469
- border-radius: 6px;
5470
- margin-left: 0.5rem;
5471
- padding-left: 0.5rem;
5472
- padding-right: 0.5rem;
5473
- }
5474
5411
 
5475
5412
  .p-slidemenu {
5476
5413
  padding: 0.25rem 0;
@@ -5480,39 +5417,64 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5480
5417
  border-radius: 6px;
5481
5418
  width: 12.5rem;
5482
5419
  }
5483
- .p-slidemenu .p-menuitem-link {
5484
- padding: 0.75rem 1.25rem;
5420
+ .p-slidemenu .p-slidemenu-root-list {
5421
+ outline: 0 none;
5422
+ }
5423
+ .p-slidemenu .p-submenu-list {
5424
+ outline: 0 none;
5425
+ }
5426
+ .p-slidemenu .p-menuitem > .p-menuitem-content {
5485
5427
  color: rgba(255, 255, 255, 0.87);
5486
- border-radius: 0;
5487
5428
  transition: box-shadow 0.2s;
5429
+ border-radius: 0;
5430
+ }
5431
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5432
+ color: rgba(255, 255, 255, 0.87);
5433
+ padding: 0.75rem 1.25rem;
5488
5434
  user-select: none;
5489
5435
  }
5490
- .p-slidemenu .p-menuitem-link .p-menuitem-text {
5436
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5491
5437
  color: rgba(255, 255, 255, 0.87);
5492
5438
  }
5493
- .p-slidemenu .p-menuitem-link .p-menuitem-icon {
5439
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5494
5440
  color: rgba(255, 255, 255, 0.6);
5495
5441
  margin-right: 0.5rem;
5496
5442
  }
5497
- .p-slidemenu .p-menuitem-link .p-submenu-icon {
5443
+ .p-slidemenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5498
5444
  color: rgba(255, 255, 255, 0.6);
5499
5445
  }
5500
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
5501
- background: rgba(255, 255, 255, 0.03);
5446
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content {
5447
+ color: #b19df7;
5448
+ background: rgba(177, 157, 247, 0.16);
5449
+ }
5450
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5451
+ color: #b19df7;
5502
5452
  }
5503
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5453
+ .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5454
+ color: #b19df7;
5455
+ }
5456
+ .p-slidemenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5457
+ background: rgba(177, 157, 247, 0.24);
5458
+ }
5459
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5504
5460
  color: rgba(255, 255, 255, 0.87);
5461
+ background: rgba(255, 255, 255, 0.09);
5505
5462
  }
5506
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5463
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5507
5464
  color: rgba(255, 255, 255, 0.87);
5508
5465
  }
5509
- .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5466
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5510
5467
  color: rgba(255, 255, 255, 0.87);
5511
5468
  }
5512
- .p-slidemenu .p-menuitem-link:focus {
5513
- outline: 0 none;
5514
- outline-offset: 0;
5515
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
5469
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5470
+ color: rgba(255, 255, 255, 0.87);
5471
+ background: rgba(255, 255, 255, 0.03);
5472
+ }
5473
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5474
+ color: rgba(255, 255, 255, 0.87);
5475
+ }
5476
+ .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5477
+ color: rgba(255, 255, 255, 0.87);
5516
5478
  }
5517
5479
  .p-slidemenu.p-slidemenu-overlay {
5518
5480
  background: #333544;
@@ -5525,16 +5487,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5525
5487
  border: 1px solid #3e4053;
5526
5488
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5527
5489
  }
5528
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
5529
- background: rgba(177, 157, 247, 0.16);
5530
- }
5531
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
5532
- color: #b19df7;
5533
- }
5534
- .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
5535
- color: #b19df7;
5536
- }
5537
- .p-slidemenu .p-slidemenu-separator {
5490
+ .p-slidemenu .p-menuitem-separator {
5538
5491
  border-top: 1px solid #3e4053;
5539
5492
  margin: 0.25rem 0;
5540
5493
  }
@@ -5549,6 +5502,11 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5549
5502
  padding: 0.75rem 1.25rem;
5550
5503
  color: rgba(255, 255, 255, 0.87);
5551
5504
  }
5505
+ .p-slidemenu .p-slidemenu-backward:not(.p-disabled):focus {
5506
+ outline: 0 none;
5507
+ outline-offset: 0;
5508
+ box-shadow: inset 0 0 0 1px #e0d8fc;
5509
+ }
5552
5510
  .p-slidemenu .p-menuitem-badge {
5553
5511
  background: #b19df7;
5554
5512
  color: #1c1d26;
@@ -5687,90 +5645,84 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5687
5645
  border-radius: 6px;
5688
5646
  width: 12.5rem;
5689
5647
  }
5690
- .p-tieredmenu .p-menuitem-link {
5691
- padding: 0.75rem 1.25rem;
5648
+ .p-tieredmenu.p-tieredmenu-overlay {
5649
+ background: #333544;
5650
+ border: 1px solid #3e4053;
5651
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5652
+ }
5653
+ .p-tieredmenu .p-tieredmenu-root-list {
5654
+ outline: 0 none;
5655
+ }
5656
+ .p-tieredmenu .p-submenu-list {
5657
+ padding: 0.25rem 0;
5658
+ background: #333544;
5659
+ border: 1px solid #3e4053;
5660
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5661
+ }
5662
+ .p-tieredmenu .p-menuitem > .p-menuitem-content {
5692
5663
  color: rgba(255, 255, 255, 0.87);
5693
- border-radius: 0;
5694
5664
  transition: box-shadow 0.2s;
5665
+ border-radius: 0;
5666
+ }
5667
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
5668
+ color: rgba(255, 255, 255, 0.87);
5669
+ padding: 0.75rem 1.25rem;
5695
5670
  user-select: none;
5696
5671
  }
5697
- .p-tieredmenu .p-menuitem-link .p-menuitem-text {
5672
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5698
5673
  color: rgba(255, 255, 255, 0.87);
5699
5674
  }
5700
- .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
5675
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
5701
5676
  color: rgba(255, 255, 255, 0.6);
5702
5677
  margin-right: 0.5rem;
5703
5678
  }
5704
- .p-tieredmenu .p-menuitem-link .p-submenu-icon {
5679
+ .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5705
5680
  color: rgba(255, 255, 255, 0.6);
5706
5681
  }
5707
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
5708
- background: rgba(255, 255, 255, 0.03);
5709
- }
5710
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5711
- color: rgba(255, 255, 255, 0.87);
5712
- }
5713
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5714
- color: rgba(255, 255, 255, 0.87);
5682
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
5683
+ color: #b19df7;
5684
+ background: rgba(177, 157, 247, 0.16);
5715
5685
  }
5716
- .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5717
- color: rgba(255, 255, 255, 0.87);
5686
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5687
+ color: #b19df7;
5718
5688
  }
5719
- .p-tieredmenu .p-menuitem-link:focus {
5720
- outline: 0 none;
5721
- outline-offset: 0;
5722
- box-shadow: inset 0 0 0 0.15rem #e0d8fc;
5689
+ .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5690
+ color: #b19df7;
5723
5691
  }
5724
- .p-tieredmenu.p-tieredmenu-overlay {
5725
- background: #333544;
5726
- border: 1px solid #3e4053;
5727
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5692
+ .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
5693
+ background: rgba(177, 157, 247, 0.24);
5728
5694
  }
5729
- .p-tieredmenu .p-submenu-list {
5730
- padding: 0.25rem 0;
5731
- background: #333544;
5732
- border: 1px solid #3e4053;
5733
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5695
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
5696
+ color: rgba(255, 255, 255, 0.87);
5697
+ background: rgba(255, 255, 255, 0.09);
5734
5698
  }
5735
- .p-tieredmenu .p-menuitem {
5736
- margin: 0;
5699
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
5700
+ color: rgba(255, 255, 255, 0.87);
5737
5701
  }
5738
- .p-tieredmenu .p-menuitem:last-child {
5739
- margin: 0;
5702
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
5703
+ color: rgba(255, 255, 255, 0.87);
5740
5704
  }
5741
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5742
- background: rgba(177, 157, 247, 0.16);
5705
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
5706
+ color: rgba(255, 255, 255, 0.87);
5707
+ background: rgba(255, 255, 255, 0.03);
5743
5708
  }
5744
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5745
- color: #b19df7;
5709
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
5710
+ color: rgba(255, 255, 255, 0.87);
5746
5711
  }
5747
- .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
5748
- color: #b19df7;
5712
+ .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
5713
+ color: rgba(255, 255, 255, 0.87);
5749
5714
  }
5750
- .p-tieredmenu .p-menu-separator {
5715
+ .p-tieredmenu .p-menuitem-separator {
5751
5716
  border-top: 1px solid #3e4053;
5752
5717
  margin: 0.25rem 0;
5753
5718
  }
5754
5719
  .p-tieredmenu .p-submenu-icon {
5755
5720
  font-size: 0.875rem;
5756
5721
  }
5757
- .p-tieredmenu .p-icon {
5722
+ .p-tieredmenu .p-submenu-icon.p-icon {
5758
5723
  width: 0.875rem;
5759
5724
  height: 0.875rem;
5760
5725
  }
5761
- .p-tieredmenu .p-menuitem-badge {
5762
- background: #b19df7;
5763
- color: #1c1d26;
5764
- font-size: 0.75rem;
5765
- font-weight: 700;
5766
- min-width: 1.5rem;
5767
- height: 1.5rem;
5768
- line-height: 1.5rem;
5769
- border-radius: 6px;
5770
- margin-left: 0.5rem;
5771
- padding-left: 0.5rem;
5772
- padding-right: 0.5rem;
5773
- }
5774
5726
 
5775
5727
  .p-inline-message {
5776
5728
  padding: 0.75rem 0.75rem;