primereact 8.1.1 → 8.2.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 (335) hide show
  1. package/autocomplete/autocomplete.cjs.js +19 -10
  2. package/autocomplete/autocomplete.cjs.min.js +1 -1
  3. package/autocomplete/autocomplete.esm.js +20 -11
  4. package/autocomplete/autocomplete.esm.min.js +1 -1
  5. package/autocomplete/autocomplete.js +19 -10
  6. package/autocomplete/autocomplete.min.js +1 -1
  7. package/avatar/avatar.cjs.js +7 -7
  8. package/avatar/avatar.cjs.min.js +1 -1
  9. package/avatar/avatar.d.ts +1 -3
  10. package/avatar/avatar.esm.js +7 -7
  11. package/avatar/avatar.esm.min.js +1 -1
  12. package/avatar/avatar.js +7 -7
  13. package/avatar/avatar.min.js +1 -1
  14. package/badge/badge.cjs.js +2 -2
  15. package/badge/badge.cjs.min.js +1 -1
  16. package/badge/badge.d.ts +2 -4
  17. package/badge/badge.esm.js +2 -2
  18. package/badge/badge.esm.min.js +1 -1
  19. package/badge/badge.js +2 -2
  20. package/badge/badge.min.js +1 -1
  21. package/calendar/calendar.cjs.js +77 -4
  22. package/calendar/calendar.cjs.min.js +1 -1
  23. package/calendar/calendar.d.ts +1 -0
  24. package/calendar/calendar.esm.js +77 -4
  25. package/calendar/calendar.esm.min.js +1 -1
  26. package/calendar/calendar.js +77 -4
  27. package/calendar/calendar.min.js +1 -1
  28. package/card/card.d.ts +1 -4
  29. package/cascadeselect/cascadeselect.cjs.js +3 -3
  30. package/cascadeselect/cascadeselect.cjs.min.js +1 -1
  31. package/cascadeselect/cascadeselect.d.ts +1 -1
  32. package/cascadeselect/cascadeselect.esm.js +3 -3
  33. package/cascadeselect/cascadeselect.esm.min.js +1 -1
  34. package/cascadeselect/cascadeselect.js +3 -3
  35. package/cascadeselect/cascadeselect.min.js +1 -1
  36. package/chart/chart.cjs.js +13 -7
  37. package/chart/chart.cjs.min.js +1 -1
  38. package/chart/chart.esm.js +13 -7
  39. package/chart/chart.esm.min.js +1 -1
  40. package/chart/chart.js +13 -7
  41. package/chart/chart.min.js +1 -1
  42. package/checkbox/checkbox.cjs.js +1 -1
  43. package/checkbox/checkbox.cjs.min.js +1 -1
  44. package/checkbox/checkbox.esm.js +2 -2
  45. package/checkbox/checkbox.esm.min.js +1 -1
  46. package/checkbox/checkbox.js +1 -1
  47. package/checkbox/checkbox.min.js +1 -1
  48. package/chip/chip.d.ts +1 -3
  49. package/chips/chips.cjs.js +18 -2
  50. package/chips/chips.cjs.min.js +1 -1
  51. package/chips/chips.d.ts +3 -0
  52. package/chips/chips.esm.js +19 -3
  53. package/chips/chips.esm.min.js +1 -1
  54. package/chips/chips.js +19 -4
  55. package/chips/chips.min.js +1 -1
  56. package/column/column.d.ts +1 -0
  57. package/confirmdialog/confirmdialog.d.ts +1 -6
  58. package/contextmenu/contextmenu.cjs.js +1 -0
  59. package/contextmenu/contextmenu.cjs.min.js +1 -1
  60. package/contextmenu/contextmenu.esm.js +1 -0
  61. package/contextmenu/contextmenu.esm.min.js +1 -1
  62. package/contextmenu/contextmenu.js +1 -0
  63. package/contextmenu/contextmenu.min.js +1 -1
  64. package/core/core.js +249 -117
  65. package/core/core.min.js +9 -9
  66. package/datatable/datatable.cjs.js +63 -25
  67. package/datatable/datatable.cjs.min.js +1 -1
  68. package/datatable/datatable.esm.js +64 -26
  69. package/datatable/datatable.esm.min.js +1 -1
  70. package/datatable/datatable.js +63 -25
  71. package/datatable/datatable.min.js +1 -1
  72. package/dialog/dialog.cjs.js +2 -2
  73. package/dialog/dialog.cjs.min.js +1 -1
  74. package/dialog/dialog.esm.js +2 -2
  75. package/dialog/dialog.esm.min.js +1 -1
  76. package/dialog/dialog.js +2 -2
  77. package/dialog/dialog.min.js +1 -1
  78. package/dropdown/dropdown.cjs.js +29 -17
  79. package/dropdown/dropdown.cjs.min.js +1 -1
  80. package/dropdown/dropdown.d.ts +1 -1
  81. package/dropdown/dropdown.esm.js +29 -17
  82. package/dropdown/dropdown.esm.min.js +1 -1
  83. package/dropdown/dropdown.js +29 -17
  84. package/dropdown/dropdown.min.js +1 -1
  85. package/editor/editor.cjs.js +11 -3
  86. package/editor/editor.cjs.min.js +1 -1
  87. package/editor/editor.esm.js +11 -3
  88. package/editor/editor.esm.min.js +1 -1
  89. package/editor/editor.js +11 -3
  90. package/editor/editor.min.js +1 -1
  91. package/image/image.cjs.js +5 -5
  92. package/image/image.cjs.min.js +1 -1
  93. package/image/image.d.ts +1 -3
  94. package/image/image.esm.js +5 -5
  95. package/image/image.esm.min.js +1 -1
  96. package/image/image.js +5 -5
  97. package/image/image.min.css +1 -1
  98. package/image/image.min.js +1 -1
  99. package/inplace/inplace.cjs.js +1 -1
  100. package/inplace/inplace.cjs.min.js +1 -1
  101. package/inplace/inplace.esm.js +1 -1
  102. package/inplace/inplace.esm.min.js +1 -1
  103. package/inplace/inplace.js +1 -1
  104. package/inplace/inplace.min.js +1 -1
  105. package/inputmask/inputmask.cjs.js +7 -5
  106. package/inputmask/inputmask.cjs.min.js +1 -1
  107. package/inputmask/inputmask.d.ts +0 -1
  108. package/inputmask/inputmask.esm.js +7 -5
  109. package/inputmask/inputmask.esm.min.js +1 -1
  110. package/inputmask/inputmask.js +7 -5
  111. package/inputmask/inputmask.min.js +1 -1
  112. package/inputnumber/inputnumber.cjs.js +2 -2
  113. package/inputnumber/inputnumber.cjs.min.js +1 -1
  114. package/inputnumber/inputnumber.esm.js +2 -2
  115. package/inputnumber/inputnumber.esm.min.js +1 -1
  116. package/inputnumber/inputnumber.js +2 -2
  117. package/inputnumber/inputnumber.min.js +1 -1
  118. package/inputswitch/inputswitch.cjs.js +1 -1
  119. package/inputswitch/inputswitch.cjs.min.js +1 -1
  120. package/inputswitch/inputswitch.esm.js +2 -2
  121. package/inputswitch/inputswitch.esm.min.js +1 -1
  122. package/inputswitch/inputswitch.js +1 -1
  123. package/inputswitch/inputswitch.min.css +1 -1
  124. package/inputswitch/inputswitch.min.js +1 -1
  125. package/inputtext/inputtext.min.css +1 -1
  126. package/listbox/listbox.cjs.js +66 -6
  127. package/listbox/listbox.cjs.min.js +1 -1
  128. package/listbox/listbox.d.ts +1 -1
  129. package/listbox/listbox.esm.js +66 -6
  130. package/listbox/listbox.esm.min.js +1 -1
  131. package/listbox/listbox.js +67 -8
  132. package/listbox/listbox.min.js +1 -1
  133. package/megamenu/megamenu.cjs.js +32 -12
  134. package/megamenu/megamenu.cjs.min.js +1 -1
  135. package/megamenu/megamenu.d.ts +7 -0
  136. package/megamenu/megamenu.esm.js +32 -12
  137. package/megamenu/megamenu.esm.min.js +1 -1
  138. package/megamenu/megamenu.js +32 -12
  139. package/megamenu/megamenu.min.css +1 -1
  140. package/megamenu/megamenu.min.js +1 -1
  141. package/mention/mention.cjs.js +1 -1
  142. package/mention/mention.cjs.min.js +1 -1
  143. package/mention/mention.esm.js +1 -1
  144. package/mention/mention.esm.min.js +1 -1
  145. package/mention/mention.js +1 -1
  146. package/mention/mention.min.js +1 -1
  147. package/menubar/menubar.cjs.js +1 -0
  148. package/menubar/menubar.cjs.min.js +1 -1
  149. package/menubar/menubar.esm.js +1 -0
  150. package/menubar/menubar.esm.min.js +1 -1
  151. package/menubar/menubar.js +1 -0
  152. package/menubar/menubar.min.js +1 -1
  153. package/menuitem/menuitem.d.ts +2 -0
  154. package/message/message.d.ts +1 -1
  155. package/messages/messages.cjs.js +3 -2
  156. package/messages/messages.cjs.min.js +1 -1
  157. package/messages/messages.d.ts +1 -1
  158. package/messages/messages.esm.js +3 -2
  159. package/messages/messages.esm.min.js +1 -1
  160. package/messages/messages.js +3 -2
  161. package/messages/messages.min.js +1 -1
  162. package/multiselect/multiselect.cjs.js +20 -10
  163. package/multiselect/multiselect.cjs.min.js +1 -1
  164. package/multiselect/multiselect.d.ts +1 -1
  165. package/multiselect/multiselect.esm.js +20 -10
  166. package/multiselect/multiselect.esm.min.js +1 -1
  167. package/multiselect/multiselect.js +20 -10
  168. package/multiselect/multiselect.min.js +1 -1
  169. package/overlaypanel/overlaypanel.cjs.js +1 -1
  170. package/overlaypanel/overlaypanel.cjs.min.js +1 -1
  171. package/overlaypanel/overlaypanel.esm.js +1 -1
  172. package/overlaypanel/overlaypanel.esm.min.js +1 -1
  173. package/overlaypanel/overlaypanel.js +1 -1
  174. package/overlaypanel/overlaypanel.min.js +1 -1
  175. package/package.json +1 -1
  176. package/panelmenu/panelmenu.cjs.js +1 -0
  177. package/panelmenu/panelmenu.cjs.min.js +1 -1
  178. package/panelmenu/panelmenu.esm.js +1 -0
  179. package/panelmenu/panelmenu.esm.min.js +1 -1
  180. package/panelmenu/panelmenu.js +1 -0
  181. package/panelmenu/panelmenu.min.js +1 -1
  182. package/picklist/picklist.cjs.js +169 -14
  183. package/picklist/picklist.cjs.min.js +1 -1
  184. package/picklist/picklist.d.ts +29 -0
  185. package/picklist/picklist.esm.js +169 -14
  186. package/picklist/picklist.esm.min.js +1 -1
  187. package/picklist/picklist.js +170 -16
  188. package/picklist/picklist.min.css +1 -1
  189. package/picklist/picklist.min.js +1 -1
  190. package/primereact.all.cjs.js +924 -387
  191. package/primereact.all.cjs.min.js +1 -1
  192. package/primereact.all.esm.js +924 -387
  193. package/primereact.all.esm.min.js +1 -1
  194. package/primereact.all.js +924 -387
  195. package/primereact.all.min.js +1 -1
  196. package/radiobutton/radiobutton.cjs.js +1 -1
  197. package/radiobutton/radiobutton.cjs.min.js +1 -1
  198. package/radiobutton/radiobutton.esm.js +2 -2
  199. package/radiobutton/radiobutton.esm.min.js +1 -1
  200. package/radiobutton/radiobutton.js +1 -1
  201. package/radiobutton/radiobutton.min.js +1 -1
  202. package/resources/primereact.css +248 -194
  203. package/resources/primereact.min.css +1 -1
  204. package/resources/themes/arya-blue/theme.css +20 -6
  205. package/resources/themes/arya-green/theme.css +20 -6
  206. package/resources/themes/arya-orange/theme.css +20 -6
  207. package/resources/themes/arya-purple/theme.css +20 -6
  208. package/resources/themes/bootstrap4-dark-blue/theme.css +20 -6
  209. package/resources/themes/bootstrap4-dark-purple/theme.css +20 -6
  210. package/resources/themes/bootstrap4-light-blue/theme.css +19 -5
  211. package/resources/themes/bootstrap4-light-purple/theme.css +19 -5
  212. package/resources/themes/fluent-light/theme.css +20 -6
  213. package/resources/themes/lara-dark-blue/theme.css +20 -6
  214. package/resources/themes/lara-dark-indigo/theme.css +20 -6
  215. package/resources/themes/lara-dark-purple/theme.css +20 -6
  216. package/resources/themes/lara-dark-teal/theme.css +20 -6
  217. package/resources/themes/lara-light-blue/theme.css +20 -6
  218. package/resources/themes/lara-light-indigo/theme.css +20 -6
  219. package/resources/themes/lara-light-purple/theme.css +20 -6
  220. package/resources/themes/lara-light-teal/theme.css +20 -6
  221. package/resources/themes/luna-amber/theme.css +20 -6
  222. package/resources/themes/luna-blue/theme.css +20 -6
  223. package/resources/themes/luna-green/theme.css +20 -6
  224. package/resources/themes/luna-pink/theme.css +20 -6
  225. package/resources/themes/md-dark-deeppurple/theme.css +20 -6
  226. package/resources/themes/md-dark-indigo/theme.css +20 -6
  227. package/resources/themes/md-light-deeppurple/theme.css +20 -6
  228. package/resources/themes/md-light-indigo/theme.css +20 -6
  229. package/resources/themes/mdc-dark-deeppurple/theme.css +20 -6
  230. package/resources/themes/mdc-dark-indigo/theme.css +20 -6
  231. package/resources/themes/mdc-light-deeppurple/theme.css +20 -6
  232. package/resources/themes/mdc-light-indigo/theme.css +20 -6
  233. package/resources/themes/nova/theme.css +20 -6
  234. package/resources/themes/nova-accent/theme.css +20 -6
  235. package/resources/themes/nova-alt/theme.css +20 -6
  236. package/resources/themes/rhea/theme.css +20 -6
  237. package/resources/themes/saga-blue/theme.css +20 -6
  238. package/resources/themes/saga-green/theme.css +20 -6
  239. package/resources/themes/saga-orange/theme.css +20 -6
  240. package/resources/themes/saga-purple/theme.css +20 -6
  241. package/resources/themes/tailwind-light/theme.css +20 -6
  242. package/resources/themes/vela-blue/theme.css +20 -6
  243. package/resources/themes/vela-green/theme.css +20 -6
  244. package/resources/themes/vela-orange/theme.css +20 -6
  245. package/resources/themes/vela-purple/theme.css +20 -6
  246. package/selectbutton/selectbutton.d.ts +1 -1
  247. package/slidemenu/slidemenu.cjs.js +1 -0
  248. package/slidemenu/slidemenu.cjs.min.js +1 -1
  249. package/slidemenu/slidemenu.esm.js +1 -0
  250. package/slidemenu/slidemenu.esm.min.js +1 -1
  251. package/slidemenu/slidemenu.js +1 -0
  252. package/slidemenu/slidemenu.min.js +1 -1
  253. package/slider/slider.d.ts +1 -1
  254. package/splitbutton/splitbutton.cjs.js +4 -0
  255. package/splitbutton/splitbutton.cjs.min.js +1 -1
  256. package/splitbutton/splitbutton.d.ts +2 -0
  257. package/splitbutton/splitbutton.esm.js +4 -0
  258. package/splitbutton/splitbutton.esm.min.js +1 -1
  259. package/splitbutton/splitbutton.js +4 -0
  260. package/splitbutton/splitbutton.min.js +1 -1
  261. package/splitter/splitter.cjs.js +9 -5
  262. package/splitter/splitter.cjs.min.js +1 -1
  263. package/splitter/splitter.esm.js +10 -6
  264. package/splitter/splitter.esm.min.js +1 -1
  265. package/splitter/splitter.js +9 -5
  266. package/splitter/splitter.min.js +1 -1
  267. package/steps/steps.cjs.js +1 -0
  268. package/steps/steps.cjs.min.js +1 -1
  269. package/steps/steps.esm.js +1 -0
  270. package/steps/steps.esm.min.js +1 -1
  271. package/steps/steps.js +1 -0
  272. package/steps/steps.min.js +1 -1
  273. package/styleclass/styleclass.d.ts +1 -1
  274. package/tag/tag.d.ts +1 -1
  275. package/terminal/terminal.cjs.js +1 -1
  276. package/terminal/terminal.cjs.min.js +1 -1
  277. package/terminal/terminal.esm.js +2 -2
  278. package/terminal/terminal.esm.min.js +1 -1
  279. package/terminal/terminal.js +1 -1
  280. package/terminal/terminal.min.js +1 -1
  281. package/tieredmenu/tieredmenu.cjs.js +3 -1
  282. package/tieredmenu/tieredmenu.cjs.min.js +1 -1
  283. package/tieredmenu/tieredmenu.esm.js +3 -1
  284. package/tieredmenu/tieredmenu.esm.min.js +1 -1
  285. package/tieredmenu/tieredmenu.js +3 -1
  286. package/tieredmenu/tieredmenu.min.js +1 -1
  287. package/toast/toast.cjs.js +30 -35
  288. package/toast/toast.cjs.min.js +1 -1
  289. package/toast/toast.d.ts +2 -1
  290. package/toast/toast.esm.js +30 -35
  291. package/toast/toast.esm.min.js +1 -1
  292. package/toast/toast.js +30 -35
  293. package/toast/toast.min.css +1 -1
  294. package/toast/toast.min.js +1 -1
  295. package/tooltip/tooltip.cjs.js +28 -22
  296. package/tooltip/tooltip.cjs.min.js +1 -1
  297. package/tooltip/tooltip.esm.js +28 -22
  298. package/tooltip/tooltip.esm.min.js +1 -1
  299. package/tooltip/tooltip.js +28 -22
  300. package/tooltip/tooltip.min.js +1 -1
  301. package/tree/tree.cjs.js +9 -1
  302. package/tree/tree.cjs.min.js +1 -1
  303. package/tree/tree.esm.js +9 -1
  304. package/tree/tree.esm.min.js +1 -1
  305. package/tree/tree.js +9 -1
  306. package/tree/tree.min.js +1 -1
  307. package/treeselect/treeselect.cjs.js +2 -2
  308. package/treeselect/treeselect.cjs.min.js +1 -1
  309. package/treeselect/treeselect.esm.js +2 -2
  310. package/treeselect/treeselect.esm.min.js +1 -1
  311. package/treeselect/treeselect.js +2 -2
  312. package/treeselect/treeselect.min.js +1 -1
  313. package/treetable/treetable.cjs.js +1 -0
  314. package/treetable/treetable.cjs.min.js +1 -1
  315. package/treetable/treetable.d.ts +2 -2
  316. package/treetable/treetable.esm.js +1 -0
  317. package/treetable/treetable.esm.min.js +1 -1
  318. package/treetable/treetable.js +1 -0
  319. package/treetable/treetable.min.js +1 -1
  320. package/utils/utils.cjs.js +21 -5
  321. package/utils/utils.cjs.min.js +1 -1
  322. package/utils/utils.d.ts +1 -0
  323. package/utils/utils.esm.js +21 -5
  324. package/utils/utils.esm.min.js +1 -1
  325. package/utils/utils.js +21 -5
  326. package/utils/utils.min.js +1 -1
  327. package/virtualscroller/virtualscroller.cjs.js +154 -65
  328. package/virtualscroller/virtualscroller.cjs.min.js +1 -1
  329. package/virtualscroller/virtualscroller.d.ts +12 -0
  330. package/virtualscroller/virtualscroller.esm.js +156 -67
  331. package/virtualscroller/virtualscroller.esm.min.js +1 -1
  332. package/virtualscroller/virtualscroller.js +154 -65
  333. package/virtualscroller/virtualscroller.min.css +1 -1
  334. package/virtualscroller/virtualscroller.min.js +1 -1
  335. package/web-types.json +167 -4
package/resources/themes/lara-dark-purple/theme.css CHANGED
@@ -42,6 +42,7 @@
42
42
  --surface-hover:rgba(255,255,255,.03);
43
43
  --focus-ring: 0 0 0 0.2rem rgba(196, 181, 253, 0.5);
44
44
  --maskbg: rgba(0, 0, 0, 0.4);
45
+ color-scheme: dark;
45
46
  }
46
47
 
47
48
  * {
@@ -1058,7 +1059,7 @@
1058
1059
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
1059
1060
  background: #b3a0fc;
1060
1061
  }
1061
- .p-inputswitch.p-invalid {
1062
+ .p-inputswitch.p-invalid .p-inputswitch-slider {
1062
1063
  border-color: #FCA5A5;
1063
1064
  }
1064
1065
 
@@ -3524,6 +3525,19 @@
3524
3525
  border-top-right-radius: 6px;
3525
3526
  border-top-left-radius: 6px;
3526
3527
  }
3528
+ .p-picklist .p-picklist-filter-container {
3529
+ padding: 1.25rem;
3530
+ background: #071426;
3531
+ border: 1px solid #0b213f;
3532
+ border-bottom: 0 none;
3533
+ }
3534
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
3535
+ padding-right: 1.75rem;
3536
+ }
3537
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
3538
+ right: 0.75rem;
3539
+ color: rgba(255, 255, 255, 0.6);
3540
+ }
3527
3541
  .p-picklist .p-picklist-list {
3528
3542
  border: 1px solid #0b213f;
3529
3543
  background: #071426;
@@ -4265,6 +4279,10 @@
4265
4279
  color: rgba(255, 255, 255, 0.87);
4266
4280
  padding: 0 1.5rem 2rem 1.5rem;
4267
4281
  }
4282
+ .p-dialog .p-dialog-content:last-of-type {
4283
+ border-bottom-right-radius: 6px;
4284
+ border-bottom-left-radius: 6px;
4285
+ }
4268
4286
  .p-dialog .p-dialog-footer {
4269
4287
  border-top: 0 none;
4270
4288
  background: #071426;
@@ -4318,7 +4336,7 @@
4318
4336
  .p-overlaypanel:before {
4319
4337
  border: solid transparent;
4320
4338
  border-color: rgba(11, 33, 63, 0);
4321
- border-bottom-color: #0b213f;
4339
+ border-bottom-color: #0a1f3c;
4322
4340
  }
4323
4341
  .p-overlaypanel.p-overlaypanel-flipped:after {
4324
4342
  border-top-color: #071426;
@@ -5918,10 +5936,6 @@
5918
5936
  color: #1c2127;
5919
5937
  }
5920
5938
 
5921
- .p-virtualscroller-loading-icon {
5922
- font-size: 2rem;
5923
- }
5924
-
5925
5939
  .p-button-label {
5926
5940
  font-weight: 700;
5927
5941
  }
package/resources/themes/lara-dark-teal/theme.css CHANGED
@@ -42,6 +42,7 @@
42
42
  --surface-hover:rgba(255,255,255,.03);
43
43
  --focus-ring: 0 0 0 0.2rem rgba(94, 234, 212, 0.5);
44
44
  --maskbg: rgba(0, 0, 0, 0.4);
45
+ color-scheme: dark;
45
46
  }
46
47
 
47
48
  * {
@@ -1058,7 +1059,7 @@
1058
1059
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
1059
1060
  background: #4fe8d0;
1060
1061
  }
1061
- .p-inputswitch.p-invalid {
1062
+ .p-inputswitch.p-invalid .p-inputswitch-slider {
1062
1063
  border-color: #FCA5A5;
1063
1064
  }
1064
1065
 
@@ -3524,6 +3525,19 @@
3524
3525
  border-top-right-radius: 6px;
3525
3526
  border-top-left-radius: 6px;
3526
3527
  }
3528
+ .p-picklist .p-picklist-filter-container {
3529
+ padding: 1.25rem;
3530
+ background: #071426;
3531
+ border: 1px solid #0b213f;
3532
+ border-bottom: 0 none;
3533
+ }
3534
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
3535
+ padding-right: 1.75rem;
3536
+ }
3537
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
3538
+ right: 0.75rem;
3539
+ color: rgba(255, 255, 255, 0.6);
3540
+ }
3527
3541
  .p-picklist .p-picklist-list {
3528
3542
  border: 1px solid #0b213f;
3529
3543
  background: #071426;
@@ -4265,6 +4279,10 @@
4265
4279
  color: rgba(255, 255, 255, 0.87);
4266
4280
  padding: 0 1.5rem 2rem 1.5rem;
4267
4281
  }
4282
+ .p-dialog .p-dialog-content:last-of-type {
4283
+ border-bottom-right-radius: 6px;
4284
+ border-bottom-left-radius: 6px;
4285
+ }
4268
4286
  .p-dialog .p-dialog-footer {
4269
4287
  border-top: 0 none;
4270
4288
  background: #071426;
@@ -4318,7 +4336,7 @@
4318
4336
  .p-overlaypanel:before {
4319
4337
  border: solid transparent;
4320
4338
  border-color: rgba(11, 33, 63, 0);
4321
- border-bottom-color: #0b213f;
4339
+ border-bottom-color: #0a1f3c;
4322
4340
  }
4323
4341
  .p-overlaypanel.p-overlaypanel-flipped:after {
4324
4342
  border-top-color: #071426;
@@ -5918,10 +5936,6 @@
5918
5936
  color: #1c2127;
5919
5937
  }
5920
5938
 
5921
- .p-virtualscroller-loading-icon {
5922
- font-size: 2rem;
5923
- }
5924
-
5925
5939
  .p-button-label {
5926
5940
  font-weight: 700;
5927
5941
  }
package/resources/themes/lara-light-blue/theme.css CHANGED
@@ -42,6 +42,7 @@
42
42
  --surface-hover:#f6f9fc;
43
43
  --focus-ring: 0 0 0 0.2rem #BFDBFE;
44
44
  --maskbg: rgba(0, 0, 0, 0.4);
45
+ color-scheme: light;
45
46
  }
46
47
 
47
48
  * {
@@ -1058,7 +1059,7 @@
1058
1059
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
1059
1060
  background: #3B82F6;
1060
1061
  }
1061
- .p-inputswitch.p-invalid {
1062
+ .p-inputswitch.p-invalid .p-inputswitch-slider {
1062
1063
  border-color: #e24c4c;
1063
1064
  }
1064
1065
 
@@ -3524,6 +3525,19 @@
3524
3525
  border-top-right-radius: 6px;
3525
3526
  border-top-left-radius: 6px;
3526
3527
  }
3528
+ .p-picklist .p-picklist-filter-container {
3529
+ padding: 1.25rem;
3530
+ background: #ffffff;
3531
+ border: 1px solid #dee2e6;
3532
+ border-bottom: 0 none;
3533
+ }
3534
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
3535
+ padding-right: 1.75rem;
3536
+ }
3537
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
3538
+ right: 0.75rem;
3539
+ color: #6c757d;
3540
+ }
3527
3541
  .p-picklist .p-picklist-list {
3528
3542
  border: 1px solid #dee2e6;
3529
3543
  background: #ffffff;
@@ -4265,6 +4279,10 @@
4265
4279
  color: #495057;
4266
4280
  padding: 0 1.5rem 2rem 1.5rem;
4267
4281
  }
4282
+ .p-dialog .p-dialog-content:last-of-type {
4283
+ border-bottom-right-radius: 6px;
4284
+ border-bottom-left-radius: 6px;
4285
+ }
4268
4286
  .p-dialog .p-dialog-footer {
4269
4287
  border-top: 0 none;
4270
4288
  background: #ffffff;
@@ -4318,7 +4336,7 @@
4318
4336
  .p-overlaypanel:before {
4319
4337
  border: solid transparent;
4320
4338
  border-color: rgba(255, 255, 255, 0);
4321
- border-bottom-color: #ffffff;
4339
+ border-bottom-color: #f2f2f2;
4322
4340
  }
4323
4341
  .p-overlaypanel.p-overlaypanel-flipped:after {
4324
4342
  border-top-color: #ffffff;
@@ -5918,10 +5936,6 @@
5918
5936
  color: #ffffff;
5919
5937
  }
5920
5938
 
5921
- .p-virtualscroller-loading-icon {
5922
- font-size: 2rem;
5923
- }
5924
-
5925
5939
  .p-button-label {
5926
5940
  font-weight: 700;
5927
5941
  }
package/resources/themes/lara-light-indigo/theme.css CHANGED
@@ -42,6 +42,7 @@
42
42
  --surface-hover:#f6f9fc;
43
43
  --focus-ring: 0 0 0 0.2rem #C7D2FE;
44
44
  --maskbg: rgba(0, 0, 0, 0.4);
45
+ color-scheme: light;
45
46
  }
46
47
 
47
48
  * {
@@ -1058,7 +1059,7 @@
1058
1059
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
1059
1060
  background: #4F46E5;
1060
1061
  }
1061
- .p-inputswitch.p-invalid {
1062
+ .p-inputswitch.p-invalid .p-inputswitch-slider {
1062
1063
  border-color: #e24c4c;
1063
1064
  }
1064
1065
 
@@ -3524,6 +3525,19 @@
3524
3525
  border-top-right-radius: 6px;
3525
3526
  border-top-left-radius: 6px;
3526
3527
  }
3528
+ .p-picklist .p-picklist-filter-container {
3529
+ padding: 1.25rem;
3530
+ background: #ffffff;
3531
+ border: 1px solid #dee2e6;
3532
+ border-bottom: 0 none;
3533
+ }
3534
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
3535
+ padding-right: 1.75rem;
3536
+ }
3537
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
3538
+ right: 0.75rem;
3539
+ color: #6c757d;
3540
+ }
3527
3541
  .p-picklist .p-picklist-list {
3528
3542
  border: 1px solid #dee2e6;
3529
3543
  background: #ffffff;
@@ -4265,6 +4279,10 @@
4265
4279
  color: #495057;
4266
4280
  padding: 0 1.5rem 2rem 1.5rem;
4267
4281
  }
4282
+ .p-dialog .p-dialog-content:last-of-type {
4283
+ border-bottom-right-radius: 6px;
4284
+ border-bottom-left-radius: 6px;
4285
+ }
4268
4286
  .p-dialog .p-dialog-footer {
4269
4287
  border-top: 0 none;
4270
4288
  background: #ffffff;
@@ -4318,7 +4336,7 @@
4318
4336
  .p-overlaypanel:before {
4319
4337
  border: solid transparent;
4320
4338
  border-color: rgba(255, 255, 255, 0);
4321
- border-bottom-color: #ffffff;
4339
+ border-bottom-color: #f2f2f2;
4322
4340
  }
4323
4341
  .p-overlaypanel.p-overlaypanel-flipped:after {
4324
4342
  border-top-color: #ffffff;
@@ -5918,10 +5936,6 @@
5918
5936
  color: #ffffff;
5919
5937
  }
5920
5938
 
5921
- .p-virtualscroller-loading-icon {
5922
- font-size: 2rem;
5923
- }
5924
-
5925
5939
  .p-button-label {
5926
5940
  font-weight: 700;
5927
5941
  }
package/resources/themes/lara-light-purple/theme.css CHANGED
@@ -42,6 +42,7 @@
42
42
  --surface-hover:#f6f9fc;
43
43
  --focus-ring: 0 0 0 0.2rem #DDD6FE;
44
44
  --maskbg: rgba(0, 0, 0, 0.4);
45
+ color-scheme: light;
45
46
  }
46
47
 
47
48
  * {
@@ -1058,7 +1059,7 @@
1058
1059
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
1059
1060
  background: #7C3AED;
1060
1061
  }
1061
- .p-inputswitch.p-invalid {
1062
+ .p-inputswitch.p-invalid .p-inputswitch-slider {
1062
1063
  border-color: #e24c4c;
1063
1064
  }
1064
1065
 
@@ -3524,6 +3525,19 @@
3524
3525
  border-top-right-radius: 6px;
3525
3526
  border-top-left-radius: 6px;
3526
3527
  }
3528
+ .p-picklist .p-picklist-filter-container {
3529
+ padding: 1.25rem;
3530
+ background: #ffffff;
3531
+ border: 1px solid #dee2e6;
3532
+ border-bottom: 0 none;
3533
+ }
3534
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
3535
+ padding-right: 1.75rem;
3536
+ }
3537
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
3538
+ right: 0.75rem;
3539
+ color: #6c757d;
3540
+ }
3527
3541
  .p-picklist .p-picklist-list {
3528
3542
  border: 1px solid #dee2e6;
3529
3543
  background: #ffffff;
@@ -4265,6 +4279,10 @@
4265
4279
  color: #495057;
4266
4280
  padding: 0 1.5rem 2rem 1.5rem;
4267
4281
  }
4282
+ .p-dialog .p-dialog-content:last-of-type {
4283
+ border-bottom-right-radius: 6px;
4284
+ border-bottom-left-radius: 6px;
4285
+ }
4268
4286
  .p-dialog .p-dialog-footer {
4269
4287
  border-top: 0 none;
4270
4288
  background: #ffffff;
@@ -4318,7 +4336,7 @@
4318
4336
  .p-overlaypanel:before {
4319
4337
  border: solid transparent;
4320
4338
  border-color: rgba(255, 255, 255, 0);
4321
- border-bottom-color: #ffffff;
4339
+ border-bottom-color: #f2f2f2;
4322
4340
  }
4323
4341
  .p-overlaypanel.p-overlaypanel-flipped:after {
4324
4342
  border-top-color: #ffffff;
@@ -5918,10 +5936,6 @@
5918
5936
  color: #ffffff;
5919
5937
  }
5920
5938
 
5921
- .p-virtualscroller-loading-icon {
5922
- font-size: 2rem;
5923
- }
5924
-
5925
5939
  .p-button-label {
5926
5940
  font-weight: 700;
5927
5941
  }
package/resources/themes/lara-light-teal/theme.css CHANGED
@@ -42,6 +42,7 @@
42
42
  --surface-hover:#f6f9fc;
43
43
  --focus-ring: 0 0 0 0.2rem #99F6E4;
44
44
  --maskbg: rgba(0, 0, 0, 0.4);
45
+ color-scheme: light;
45
46
  }
46
47
 
47
48
  * {
@@ -1058,7 +1059,7 @@
1058
1059
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
1059
1060
  background: #0D9488;
1060
1061
  }
1061
- .p-inputswitch.p-invalid {
1062
+ .p-inputswitch.p-invalid .p-inputswitch-slider {
1062
1063
  border-color: #e24c4c;
1063
1064
  }
1064
1065
 
@@ -3524,6 +3525,19 @@
3524
3525
  border-top-right-radius: 6px;
3525
3526
  border-top-left-radius: 6px;
3526
3527
  }
3528
+ .p-picklist .p-picklist-filter-container {
3529
+ padding: 1.25rem;
3530
+ background: #ffffff;
3531
+ border: 1px solid #dee2e6;
3532
+ border-bottom: 0 none;
3533
+ }
3534
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
3535
+ padding-right: 1.75rem;
3536
+ }
3537
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
3538
+ right: 0.75rem;
3539
+ color: #6c757d;
3540
+ }
3527
3541
  .p-picklist .p-picklist-list {
3528
3542
  border: 1px solid #dee2e6;
3529
3543
  background: #ffffff;
@@ -4265,6 +4279,10 @@
4265
4279
  color: #495057;
4266
4280
  padding: 0 1.5rem 2rem 1.5rem;
4267
4281
  }
4282
+ .p-dialog .p-dialog-content:last-of-type {
4283
+ border-bottom-right-radius: 6px;
4284
+ border-bottom-left-radius: 6px;
4285
+ }
4268
4286
  .p-dialog .p-dialog-footer {
4269
4287
  border-top: 0 none;
4270
4288
  background: #ffffff;
@@ -4318,7 +4336,7 @@
4318
4336
  .p-overlaypanel:before {
4319
4337
  border: solid transparent;
4320
4338
  border-color: rgba(255, 255, 255, 0);
4321
- border-bottom-color: #ffffff;
4339
+ border-bottom-color: #f2f2f2;
4322
4340
  }
4323
4341
  .p-overlaypanel.p-overlaypanel-flipped:after {
4324
4342
  border-top-color: #ffffff;
@@ -5918,10 +5936,6 @@
5918
5936
  color: #ffffff;
5919
5937
  }
5920
5938
 
5921
- .p-virtualscroller-loading-icon {
5922
- font-size: 2rem;
5923
- }
5924
-
5925
5939
  .p-button-label {
5926
5940
  font-weight: 700;
5927
5941
  }
package/resources/themes/luna-amber/theme.css CHANGED
@@ -42,6 +42,7 @@
42
42
  --surface-hover:#4c4c4c;
43
43
  --maskbg: rgba(0, 0, 0, 0.4);
44
44
  --focus-ring: 0 0 0 0.1rem white;
45
+ color-scheme: dark;
45
46
  }
46
47
 
47
48
  * {
@@ -1062,7 +1063,7 @@
1062
1063
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
1063
1064
  background: #FFD54F;
1064
1065
  }
1065
- .p-inputswitch.p-invalid {
1066
+ .p-inputswitch.p-invalid .p-inputswitch-slider {
1066
1067
  border-color: #e57373;
1067
1068
  }
1068
1069
 
@@ -3536,6 +3537,19 @@
3536
3537
  border-top-right-radius: 3px;
3537
3538
  border-top-left-radius: 3px;
3538
3539
  }
3540
+ .p-picklist .p-picklist-filter-container {
3541
+ padding: 0.857rem 1rem;
3542
+ background: #323232;
3543
+ border: 1px solid #191919;
3544
+ border-bottom: 0 none;
3545
+ }
3546
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
3547
+ padding-right: 1.429rem;
3548
+ }
3549
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
3550
+ right: 0.429rem;
3551
+ color: #888888;
3552
+ }
3539
3553
  .p-picklist .p-picklist-list {
3540
3554
  border: 1px solid #191919;
3541
3555
  background: #323232;
@@ -4277,6 +4291,10 @@
4277
4291
  color: #dedede;
4278
4292
  padding: 1rem;
4279
4293
  }
4294
+ .p-dialog .p-dialog-content:last-of-type {
4295
+ border-bottom-right-radius: 3px;
4296
+ border-bottom-left-radius: 3px;
4297
+ }
4280
4298
  .p-dialog .p-dialog-footer {
4281
4299
  border-top: 1px solid #191919;
4282
4300
  background: #323232;
@@ -4330,7 +4348,7 @@
4330
4348
  .p-overlaypanel:before {
4331
4349
  border: solid transparent;
4332
4350
  border-color: rgba(25, 25, 25, 0);
4333
- border-bottom-color: #191919;
4351
+ border-bottom-color: #181818;
4334
4352
  }
4335
4353
  .p-overlaypanel.p-overlaypanel-flipped:after {
4336
4354
  border-top-color: #323232;
@@ -5930,8 +5948,4 @@
5930
5948
  color: #212529;
5931
5949
  }
5932
5950
 
5933
- .p-virtualscroller-loading-icon {
5934
- font-size: 2rem;
5935
- }
5936
-
5937
5951
  /* Customizations to the designer theme should be defined here */
package/resources/themes/luna-blue/theme.css CHANGED
@@ -42,6 +42,7 @@
42
42
  --surface-hover:#4c4c4c;
43
43
  --maskbg: rgba(0, 0, 0, 0.4);
44
44
  --focus-ring: 0 0 0 0.1rem white;
45
+ color-scheme: dark;
45
46
  }
46
47
 
47
48
  * {
@@ -1062,7 +1063,7 @@
1062
1063
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
1063
1064
  background: #4FC3F7;
1064
1065
  }
1065
- .p-inputswitch.p-invalid {
1066
+ .p-inputswitch.p-invalid .p-inputswitch-slider {
1066
1067
  border-color: #e57373;
1067
1068
  }
1068
1069
 
@@ -3536,6 +3537,19 @@
3536
3537
  border-top-right-radius: 3px;
3537
3538
  border-top-left-radius: 3px;
3538
3539
  }
3540
+ .p-picklist .p-picklist-filter-container {
3541
+ padding: 0.857rem 1rem;
3542
+ background: #323232;
3543
+ border: 1px solid #191919;
3544
+ border-bottom: 0 none;
3545
+ }
3546
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
3547
+ padding-right: 1.429rem;
3548
+ }
3549
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
3550
+ right: 0.429rem;
3551
+ color: #888888;
3552
+ }
3539
3553
  .p-picklist .p-picklist-list {
3540
3554
  border: 1px solid #191919;
3541
3555
  background: #323232;
@@ -4277,6 +4291,10 @@
4277
4291
  color: #dedede;
4278
4292
  padding: 1rem;
4279
4293
  }
4294
+ .p-dialog .p-dialog-content:last-of-type {
4295
+ border-bottom-right-radius: 3px;
4296
+ border-bottom-left-radius: 3px;
4297
+ }
4280
4298
  .p-dialog .p-dialog-footer {
4281
4299
  border-top: 1px solid #191919;
4282
4300
  background: #323232;
@@ -4330,7 +4348,7 @@
4330
4348
  .p-overlaypanel:before {
4331
4349
  border: solid transparent;
4332
4350
  border-color: rgba(25, 25, 25, 0);
4333
- border-bottom-color: #191919;
4351
+ border-bottom-color: #181818;
4334
4352
  }
4335
4353
  .p-overlaypanel.p-overlaypanel-flipped:after {
4336
4354
  border-top-color: #323232;
@@ -5930,8 +5948,4 @@
5930
5948
  color: #212529;
5931
5949
  }
5932
5950
 
5933
- .p-virtualscroller-loading-icon {
5934
- font-size: 2rem;
5935
- }
5936
-
5937
5951
  /* Customizations to the designer theme should be defined here */
package/resources/themes/luna-green/theme.css CHANGED
@@ -42,6 +42,7 @@
42
42
  --surface-hover:#4c4c4c;
43
43
  --maskbg: rgba(0, 0, 0, 0.4);
44
44
  --focus-ring: 0 0 0 0.1rem white;
45
+ color-scheme: dark;
45
46
  }
46
47
 
47
48
  * {
@@ -1062,7 +1063,7 @@
1062
1063
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
1063
1064
  background: #AED581;
1064
1065
  }
1065
- .p-inputswitch.p-invalid {
1066
+ .p-inputswitch.p-invalid .p-inputswitch-slider {
1066
1067
  border-color: #e57373;
1067
1068
  }
1068
1069
 
@@ -3536,6 +3537,19 @@
3536
3537
  border-top-right-radius: 3px;
3537
3538
  border-top-left-radius: 3px;
3538
3539
  }
3540
+ .p-picklist .p-picklist-filter-container {
3541
+ padding: 0.857rem 1rem;
3542
+ background: #323232;
3543
+ border: 1px solid #191919;
3544
+ border-bottom: 0 none;
3545
+ }
3546
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
3547
+ padding-right: 1.429rem;
3548
+ }
3549
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
3550
+ right: 0.429rem;
3551
+ color: #888888;
3552
+ }
3539
3553
  .p-picklist .p-picklist-list {
3540
3554
  border: 1px solid #191919;
3541
3555
  background: #323232;
@@ -4277,6 +4291,10 @@
4277
4291
  color: #dedede;
4278
4292
  padding: 1rem;
4279
4293
  }
4294
+ .p-dialog .p-dialog-content:last-of-type {
4295
+ border-bottom-right-radius: 3px;
4296
+ border-bottom-left-radius: 3px;
4297
+ }
4280
4298
  .p-dialog .p-dialog-footer {
4281
4299
  border-top: 1px solid #191919;
4282
4300
  background: #323232;
@@ -4330,7 +4348,7 @@
4330
4348
  .p-overlaypanel:before {
4331
4349
  border: solid transparent;
4332
4350
  border-color: rgba(25, 25, 25, 0);
4333
- border-bottom-color: #191919;
4351
+ border-bottom-color: #181818;
4334
4352
  }
4335
4353
  .p-overlaypanel.p-overlaypanel-flipped:after {
4336
4354
  border-top-color: #323232;
@@ -5930,8 +5948,4 @@
5930
5948
  color: #212529;
5931
5949
  }
5932
5950
 
5933
- .p-virtualscroller-loading-icon {
5934
- font-size: 2rem;
5935
- }
5936
-
5937
5951
  /* Customizations to the designer theme should be defined here */
package/resources/themes/luna-pink/theme.css CHANGED
@@ -42,6 +42,7 @@
42
42
  --surface-hover:#4c4c4c;
43
43
  --maskbg: rgba(0, 0, 0, 0.4);
44
44
  --focus-ring: 0 0 0 0.1rem white;
45
+ color-scheme: dark;
45
46
  }
46
47
 
47
48
  * {
@@ -1062,7 +1063,7 @@
1062
1063
  .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
1063
1064
  background: #F06292;
1064
1065
  }
1065
- .p-inputswitch.p-invalid {
1066
+ .p-inputswitch.p-invalid .p-inputswitch-slider {
1066
1067
  border-color: #e57373;
1067
1068
  }
1068
1069
 
@@ -3536,6 +3537,19 @@
3536
3537
  border-top-right-radius: 3px;
3537
3538
  border-top-left-radius: 3px;
3538
3539
  }
3540
+ .p-picklist .p-picklist-filter-container {
3541
+ padding: 0.857rem 1rem;
3542
+ background: #323232;
3543
+ border: 1px solid #191919;
3544
+ border-bottom: 0 none;
3545
+ }
3546
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
3547
+ padding-right: 1.429rem;
3548
+ }
3549
+ .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
3550
+ right: 0.429rem;
3551
+ color: #888888;
3552
+ }
3539
3553
  .p-picklist .p-picklist-list {
3540
3554
  border: 1px solid #191919;
3541
3555
  background: #323232;
@@ -4277,6 +4291,10 @@
4277
4291
  color: #dedede;
4278
4292
  padding: 1rem;
4279
4293
  }
4294
+ .p-dialog .p-dialog-content:last-of-type {
4295
+ border-bottom-right-radius: 3px;
4296
+ border-bottom-left-radius: 3px;
4297
+ }
4280
4298
  .p-dialog .p-dialog-footer {
4281
4299
  border-top: 1px solid #191919;
4282
4300
  background: #323232;
@@ -4330,7 +4348,7 @@
4330
4348
  .p-overlaypanel:before {
4331
4349
  border: solid transparent;
4332
4350
  border-color: rgba(25, 25, 25, 0);
4333
- border-bottom-color: #191919;
4351
+ border-bottom-color: #181818;
4334
4352
  }
4335
4353
  .p-overlaypanel.p-overlaypanel-flipped:after {
4336
4354
  border-top-color: #323232;
@@ -5930,8 +5948,4 @@
5930
5948
  color: #212529;
5931
5949
  }
5932
5950
 
5933
- .p-virtualscroller-loading-icon {
5934
- font-size: 2rem;
5935
- }
5936
-
5937
5951
  /* Customizations to the designer theme should be defined here */