primereact 9.2.0 → 9.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (176) hide show
  1. package/README.md +30 -39
  2. package/api/api.cjs.js +16 -0
  3. package/api/api.cjs.min.js +1 -1
  4. package/api/api.esm.js +16 -0
  5. package/api/api.esm.min.js +1 -1
  6. package/api/api.js +16 -0
  7. package/api/api.min.js +1 -1
  8. package/autocomplete/autocomplete.cjs.min.js +1 -1
  9. package/autocomplete/autocomplete.esm.min.js +1 -1
  10. package/autocomplete/autocomplete.min.js +1 -1
  11. package/button/button.cjs.js +6 -1
  12. package/button/button.cjs.min.js +1 -1
  13. package/button/button.d.ts +2 -2
  14. package/button/button.esm.js +6 -1
  15. package/button/button.esm.min.js +1 -1
  16. package/button/button.js +6 -1
  17. package/button/button.min.js +1 -1
  18. package/calendar/calendar.d.ts +1 -1
  19. package/colorpicker/colorpicker.min.css +1 -1
  20. package/confirmdialog/confirmdialog.cjs.min.js +1 -1
  21. package/confirmdialog/confirmdialog.esm.min.js +1 -1
  22. package/confirmdialog/confirmdialog.min.js +1 -1
  23. package/confirmpopup/confirmpopup.cjs.min.js +1 -1
  24. package/confirmpopup/confirmpopup.esm.min.js +1 -1
  25. package/confirmpopup/confirmpopup.min.js +1 -1
  26. package/core/core.js +38 -19
  27. package/core/core.min.js +9 -9
  28. package/datatable/datatable.cjs.js +11 -8
  29. package/datatable/datatable.cjs.min.js +1 -1
  30. package/datatable/datatable.esm.js +11 -8
  31. package/datatable/datatable.esm.min.js +1 -1
  32. package/datatable/datatable.js +11 -8
  33. package/datatable/datatable.min.js +1 -1
  34. package/dataview/dataview.d.ts +1 -1
  35. package/dialog/dialog.min.css +1 -1
  36. package/hooks/hooks.cjs.min.js +1 -1
  37. package/hooks/hooks.d.ts +19 -4
  38. package/hooks/hooks.esm.min.js +1 -1
  39. package/hooks/hooks.min.js +1 -1
  40. package/inputnumber/inputnumber.cjs.min.js +1 -1
  41. package/inputnumber/inputnumber.esm.min.js +1 -1
  42. package/inputnumber/inputnumber.min.js +1 -1
  43. package/inputtext/inputtext.min.css +1 -1
  44. package/listbox/listbox.cjs.min.js +1 -1
  45. package/listbox/listbox.esm.min.js +1 -1
  46. package/listbox/listbox.min.js +1 -1
  47. package/megamenu/megamenu.cjs.js +3 -0
  48. package/megamenu/megamenu.cjs.min.js +1 -1
  49. package/megamenu/megamenu.esm.js +3 -0
  50. package/megamenu/megamenu.esm.min.js +1 -1
  51. package/megamenu/megamenu.js +3 -0
  52. package/megamenu/megamenu.min.js +1 -1
  53. package/mention/mention.cjs.js +1 -7
  54. package/mention/mention.cjs.min.js +1 -1
  55. package/mention/mention.esm.js +1 -7
  56. package/mention/mention.esm.min.js +1 -1
  57. package/mention/mention.js +1 -7
  58. package/mention/mention.min.js +1 -1
  59. package/multiselect/multiselect.cjs.js +2 -1
  60. package/multiselect/multiselect.cjs.min.js +1 -1
  61. package/multiselect/multiselect.d.ts +27 -1
  62. package/multiselect/multiselect.esm.js +2 -1
  63. package/multiselect/multiselect.esm.min.js +1 -1
  64. package/multiselect/multiselect.js +2 -1
  65. package/multiselect/multiselect.min.js +1 -1
  66. package/package.json +1 -1
  67. package/paginator/paginator.cjs.js +0 -8
  68. package/paginator/paginator.cjs.min.js +1 -1
  69. package/paginator/paginator.esm.js +0 -8
  70. package/paginator/paginator.esm.min.js +1 -1
  71. package/paginator/paginator.js +0 -8
  72. package/paginator/paginator.min.js +1 -1
  73. package/picklist/picklist.cjs.min.js +1 -1
  74. package/picklist/picklist.esm.min.js +1 -1
  75. package/picklist/picklist.min.js +1 -1
  76. package/primereact.all.cjs.js +79 -44
  77. package/primereact.all.cjs.min.js +1 -1
  78. package/primereact.all.esm.js +79 -44
  79. package/primereact.all.esm.min.js +1 -1
  80. package/primereact.all.js +79 -44
  81. package/primereact.all.min.js +1 -1
  82. package/resources/images/color.png +0 -0
  83. package/resources/images/hue.png +0 -0
  84. package/resources/primereact.css +583 -592
  85. package/resources/primereact.min.css +1 -1
  86. package/resources/themes/arya-blue/theme.css +4 -4
  87. package/resources/themes/arya-green/theme.css +4 -4
  88. package/resources/themes/arya-orange/theme.css +4 -4
  89. package/resources/themes/arya-purple/theme.css +4 -4
  90. package/resources/themes/bootstrap4-dark-blue/theme.css +6 -6
  91. package/resources/themes/bootstrap4-dark-purple/theme.css +6 -6
  92. package/resources/themes/bootstrap4-light-blue/theme.css +6 -6
  93. package/resources/themes/bootstrap4-light-purple/theme.css +6 -6
  94. package/resources/themes/fluent-light/theme.css +2 -2
  95. package/resources/themes/lara-dark-blue/theme.css +4 -4
  96. package/resources/themes/lara-dark-indigo/theme.css +4 -4
  97. package/resources/themes/lara-dark-purple/theme.css +4 -4
  98. package/resources/themes/lara-dark-teal/theme.css +4 -4
  99. package/resources/themes/lara-light-blue/theme.css +6 -6
  100. package/resources/themes/lara-light-indigo/theme.css +6 -6
  101. package/resources/themes/lara-light-purple/theme.css +6 -6
  102. package/resources/themes/lara-light-teal/theme.css +6 -6
  103. package/resources/themes/luna-amber/theme.css +6 -6
  104. package/resources/themes/luna-blue/theme.css +6 -6
  105. package/resources/themes/luna-green/theme.css +6 -6
  106. package/resources/themes/luna-pink/theme.css +6 -6
  107. package/resources/themes/md-dark-deeppurple/theme.css +6 -6
  108. package/resources/themes/md-dark-indigo/theme.css +6 -6
  109. package/resources/themes/md-light-deeppurple/theme.css +6 -6
  110. package/resources/themes/md-light-indigo/theme.css +6 -6
  111. package/resources/themes/mdc-dark-deeppurple/theme.css +6 -6
  112. package/resources/themes/mdc-dark-indigo/theme.css +6 -6
  113. package/resources/themes/mdc-light-deeppurple/theme.css +6 -6
  114. package/resources/themes/mdc-light-indigo/theme.css +6 -6
  115. package/resources/themes/mira/theme.css +6 -6
  116. package/resources/themes/nano/theme.css +6 -6
  117. package/resources/themes/nova/theme.css +6 -6
  118. package/resources/themes/nova-accent/theme.css +6 -6
  119. package/resources/themes/nova-alt/theme.css +6 -6
  120. package/resources/themes/rhea/theme.css +6 -6
  121. package/resources/themes/saga-blue/theme.css +4 -4
  122. package/resources/themes/saga-green/theme.css +4 -4
  123. package/resources/themes/saga-orange/theme.css +4 -4
  124. package/resources/themes/saga-purple/theme.css +4 -4
  125. package/resources/themes/soho-dark/theme.css +6 -6
  126. package/resources/themes/soho-light/theme.css +6 -6
  127. package/resources/themes/tailwind-light/theme.css +6 -6
  128. package/resources/themes/vela-blue/theme.css +4 -4
  129. package/resources/themes/vela-green/theme.css +4 -4
  130. package/resources/themes/vela-orange/theme.css +4 -4
  131. package/resources/themes/vela-purple/theme.css +4 -4
  132. package/resources/themes/viva-dark/theme.css +6 -6
  133. package/resources/themes/viva-light/theme.css +6 -6
  134. package/ripple/ripple.cjs.js +10 -5
  135. package/ripple/ripple.cjs.min.js +1 -1
  136. package/ripple/ripple.esm.js +10 -5
  137. package/ripple/ripple.esm.min.js +1 -1
  138. package/ripple/ripple.js +10 -5
  139. package/ripple/ripple.min.js +1 -1
  140. package/sidebar/sidebar.min.css +1 -1
  141. package/slider/slider.cjs.js +8 -6
  142. package/slider/slider.cjs.min.js +1 -1
  143. package/slider/slider.esm.js +8 -6
  144. package/slider/slider.esm.min.js +1 -1
  145. package/slider/slider.js +8 -6
  146. package/slider/slider.min.js +1 -1
  147. package/splitbutton/splitbutton.cjs.js +57 -3
  148. package/splitbutton/splitbutton.cjs.min.js +1 -1
  149. package/splitbutton/splitbutton.d.ts +28 -0
  150. package/splitbutton/splitbutton.esm.js +57 -3
  151. package/splitbutton/splitbutton.esm.min.js +1 -1
  152. package/splitbutton/splitbutton.js +57 -3
  153. package/splitbutton/splitbutton.min.js +1 -1
  154. package/toast/toast.cjs.js +16 -0
  155. package/toast/toast.cjs.min.js +1 -1
  156. package/toast/toast.esm.js +16 -0
  157. package/toast/toast.esm.min.js +1 -1
  158. package/toast/toast.js +16 -0
  159. package/toast/toast.min.js +1 -1
  160. package/tooltip/tooltip.cjs.js +5 -4
  161. package/tooltip/tooltip.cjs.min.js +1 -1
  162. package/tooltip/tooltip.esm.js +5 -4
  163. package/tooltip/tooltip.esm.min.js +1 -1
  164. package/tooltip/tooltip.js +5 -4
  165. package/tooltip/tooltip.min.js +1 -1
  166. package/tree/tree.d.ts +4 -0
  167. package/utils/utils.cjs.js +1 -1
  168. package/utils/utils.cjs.min.js +1 -1
  169. package/utils/utils.esm.js +1 -1
  170. package/utils/utils.esm.min.js +1 -1
  171. package/utils/utils.js +1 -1
  172. package/utils/utils.min.js +1 -1
  173. package/virtualscroller/virtualscroller.cjs.min.js +1 -1
  174. package/virtualscroller/virtualscroller.esm.min.js +1 -1
  175. package/virtualscroller/virtualscroller.min.js +1 -1
  176. package/web-types.json +2 -2
@@ -694,9 +694,9 @@
694
694
  .p-chips .p-chips-multiple-container .p-chips-token {
695
695
  padding: 0.25rem 0.75rem;
696
696
  margin-right: 0.5rem;
697
- background: #c298d8;
698
- color: #151515;
699
- border-radius: 4px;
697
+ background: #3f4b5b;
698
+ color: rgba(255, 255, 255, 0.87);
699
+ border-radius: 16px;
700
700
  }
701
701
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
702
702
  margin-left: 0.5rem;
@@ -1291,9 +1291,9 @@
1291
1291
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1292
1292
  padding: 0.25rem 0.75rem;
1293
1293
  margin-right: 0.5rem;
1294
- background: #c298d8;
1295
- color: #151515;
1296
- border-radius: 4px;
1294
+ background: #3f4b5b;
1295
+ color: rgba(255, 255, 255, 0.87);
1296
+ border-radius: 16px;
1297
1297
  }
1298
1298
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1299
1299
  margin-left: 0.5rem;
@@ -694,9 +694,9 @@
694
694
  .p-chips .p-chips-multiple-container .p-chips-token {
695
695
  padding: 0.25rem 0.75rem;
696
696
  margin-right: 0.5rem;
697
- background: #007bff;
698
- color: #ffffff;
699
- border-radius: 4px;
697
+ background: #dee2e6;
698
+ color: #212529;
699
+ border-radius: 16px;
700
700
  }
701
701
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
702
702
  margin-left: 0.5rem;
@@ -1291,9 +1291,9 @@
1291
1291
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1292
1292
  padding: 0.25rem 0.75rem;
1293
1293
  margin-right: 0.5rem;
1294
- background: #007bff;
1295
- color: #ffffff;
1296
- border-radius: 4px;
1294
+ background: #dee2e6;
1295
+ color: #212529;
1296
+ border-radius: 16px;
1297
1297
  }
1298
1298
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1299
1299
  margin-left: 0.5rem;
@@ -694,9 +694,9 @@
694
694
  .p-chips .p-chips-multiple-container .p-chips-token {
695
695
  padding: 0.25rem 0.75rem;
696
696
  margin-right: 0.5rem;
697
- background: #883cae;
698
- color: #ffffff;
699
- border-radius: 4px;
697
+ background: #dee2e6;
698
+ color: #212529;
699
+ border-radius: 16px;
700
700
  }
701
701
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
702
702
  margin-left: 0.5rem;
@@ -1291,9 +1291,9 @@
1291
1291
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1292
1292
  padding: 0.25rem 0.75rem;
1293
1293
  margin-right: 0.5rem;
1294
- background: #883cae;
1295
- color: #ffffff;
1296
- border-radius: 4px;
1294
+ background: #dee2e6;
1295
+ color: #212529;
1296
+ border-radius: 16px;
1297
1297
  }
1298
1298
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1299
1299
  margin-left: 0.5rem;
@@ -692,7 +692,7 @@
692
692
  margin-right: 0.5rem;
693
693
  background: #edebe9;
694
694
  color: #323130;
695
- border-radius: 2px;
695
+ border-radius: 16px;
696
696
  }
697
697
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
698
698
  margin-left: 0.5rem;
@@ -1289,7 +1289,7 @@
1289
1289
  margin-right: 0.5rem;
1290
1290
  background: #edebe9;
1291
1291
  color: #323130;
1292
- border-radius: 2px;
1292
+ border-radius: 16px;
1293
1293
  }
1294
1294
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1295
1295
  margin-left: 0.5rem;
@@ -690,9 +690,9 @@
690
690
  .p-chips .p-chips-multiple-container .p-chips-token {
691
691
  padding: 0.375rem 0.75rem;
692
692
  margin-right: 0.5rem;
693
- background: rgba(147, 197, 253, 0.16);
693
+ background: #0b213f;
694
694
  color: rgba(255, 255, 255, 0.87);
695
- border-radius: 6px;
695
+ border-radius: 16px;
696
696
  }
697
697
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
698
698
  margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
1287
1287
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1288
1288
  padding: 0.375rem 0.75rem;
1289
1289
  margin-right: 0.5rem;
1290
- background: rgba(147, 197, 253, 0.16);
1290
+ background: #0b213f;
1291
1291
  color: rgba(255, 255, 255, 0.87);
1292
- border-radius: 6px;
1292
+ border-radius: 16px;
1293
1293
  }
1294
1294
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1295
1295
  margin-left: 0.5rem;
@@ -690,9 +690,9 @@
690
690
  .p-chips .p-chips-multiple-container .p-chips-token {
691
691
  padding: 0.375rem 0.75rem;
692
692
  margin-right: 0.5rem;
693
- background: rgba(165, 180, 252, 0.16);
693
+ background: #0b213f;
694
694
  color: rgba(255, 255, 255, 0.87);
695
- border-radius: 6px;
695
+ border-radius: 16px;
696
696
  }
697
697
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
698
698
  margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
1287
1287
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1288
1288
  padding: 0.375rem 0.75rem;
1289
1289
  margin-right: 0.5rem;
1290
- background: rgba(165, 180, 252, 0.16);
1290
+ background: #0b213f;
1291
1291
  color: rgba(255, 255, 255, 0.87);
1292
- border-radius: 6px;
1292
+ border-radius: 16px;
1293
1293
  }
1294
1294
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1295
1295
  margin-left: 0.5rem;
@@ -690,9 +690,9 @@
690
690
  .p-chips .p-chips-multiple-container .p-chips-token {
691
691
  padding: 0.375rem 0.75rem;
692
692
  margin-right: 0.5rem;
693
- background: rgba(196, 181, 253, 0.16);
693
+ background: #0b213f;
694
694
  color: rgba(255, 255, 255, 0.87);
695
- border-radius: 6px;
695
+ border-radius: 16px;
696
696
  }
697
697
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
698
698
  margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
1287
1287
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1288
1288
  padding: 0.375rem 0.75rem;
1289
1289
  margin-right: 0.5rem;
1290
- background: rgba(196, 181, 253, 0.16);
1290
+ background: #0b213f;
1291
1291
  color: rgba(255, 255, 255, 0.87);
1292
- border-radius: 6px;
1292
+ border-radius: 16px;
1293
1293
  }
1294
1294
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1295
1295
  margin-left: 0.5rem;
@@ -690,9 +690,9 @@
690
690
  .p-chips .p-chips-multiple-container .p-chips-token {
691
691
  padding: 0.375rem 0.75rem;
692
692
  margin-right: 0.5rem;
693
- background: rgba(94, 234, 212, 0.16);
693
+ background: #0b213f;
694
694
  color: rgba(255, 255, 255, 0.87);
695
- border-radius: 6px;
695
+ border-radius: 16px;
696
696
  }
697
697
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
698
698
  margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
1287
1287
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1288
1288
  padding: 0.375rem 0.75rem;
1289
1289
  margin-right: 0.5rem;
1290
- background: rgba(94, 234, 212, 0.16);
1290
+ background: #0b213f;
1291
1291
  color: rgba(255, 255, 255, 0.87);
1292
- border-radius: 6px;
1292
+ border-radius: 16px;
1293
1293
  }
1294
1294
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1295
1295
  margin-left: 0.5rem;
@@ -690,9 +690,9 @@
690
690
  .p-chips .p-chips-multiple-container .p-chips-token {
691
691
  padding: 0.375rem 0.75rem;
692
692
  margin-right: 0.5rem;
693
- background: #EFF6FF;
694
- color: #3B82F6;
695
- border-radius: 6px;
693
+ background: #dee2e6;
694
+ color: #495057;
695
+ border-radius: 16px;
696
696
  }
697
697
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
698
698
  margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
1287
1287
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1288
1288
  padding: 0.375rem 0.75rem;
1289
1289
  margin-right: 0.5rem;
1290
- background: #EFF6FF;
1291
- color: #3B82F6;
1292
- border-radius: 6px;
1290
+ background: #dee2e6;
1291
+ color: #495057;
1292
+ border-radius: 16px;
1293
1293
  }
1294
1294
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1295
1295
  margin-left: 0.5rem;
@@ -690,9 +690,9 @@
690
690
  .p-chips .p-chips-multiple-container .p-chips-token {
691
691
  padding: 0.375rem 0.75rem;
692
692
  margin-right: 0.5rem;
693
- background: #EEF2FF;
694
- color: #4338CA;
695
- border-radius: 6px;
693
+ background: #dee2e6;
694
+ color: #495057;
695
+ border-radius: 16px;
696
696
  }
697
697
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
698
698
  margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
1287
1287
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1288
1288
  padding: 0.375rem 0.75rem;
1289
1289
  margin-right: 0.5rem;
1290
- background: #EEF2FF;
1291
- color: #4338CA;
1292
- border-radius: 6px;
1290
+ background: #dee2e6;
1291
+ color: #495057;
1292
+ border-radius: 16px;
1293
1293
  }
1294
1294
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1295
1295
  margin-left: 0.5rem;
@@ -690,9 +690,9 @@
690
690
  .p-chips .p-chips-multiple-container .p-chips-token {
691
691
  padding: 0.375rem 0.75rem;
692
692
  margin-right: 0.5rem;
693
- background: #F5F3FF;
694
- color: #6D28D9;
695
- border-radius: 6px;
693
+ background: #dee2e6;
694
+ color: #495057;
695
+ border-radius: 16px;
696
696
  }
697
697
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
698
698
  margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
1287
1287
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1288
1288
  padding: 0.375rem 0.75rem;
1289
1289
  margin-right: 0.5rem;
1290
- background: #F5F3FF;
1291
- color: #6D28D9;
1292
- border-radius: 6px;
1290
+ background: #dee2e6;
1291
+ color: #495057;
1292
+ border-radius: 16px;
1293
1293
  }
1294
1294
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1295
1295
  margin-left: 0.5rem;
@@ -690,9 +690,9 @@
690
690
  .p-chips .p-chips-multiple-container .p-chips-token {
691
691
  padding: 0.375rem 0.75rem;
692
692
  margin-right: 0.5rem;
693
- background: #F0FDFA;
694
- color: #0F766E;
695
- border-radius: 6px;
693
+ background: #dee2e6;
694
+ color: #495057;
695
+ border-radius: 16px;
696
696
  }
697
697
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
698
698
  margin-left: 0.5rem;
@@ -1287,9 +1287,9 @@
1287
1287
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1288
1288
  padding: 0.375rem 0.75rem;
1289
1289
  margin-right: 0.5rem;
1290
- background: #F0FDFA;
1291
- color: #0F766E;
1292
- border-radius: 6px;
1290
+ background: #dee2e6;
1291
+ color: #495057;
1292
+ border-radius: 16px;
1293
1293
  }
1294
1294
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1295
1295
  margin-left: 0.5rem;
@@ -694,9 +694,9 @@
694
694
  .p-chips .p-chips-multiple-container .p-chips-token {
695
695
  padding: 0.2145rem 0.429rem;
696
696
  margin-right: 0.5rem;
697
- background: #FFE082;
698
- color: #212529;
699
- border-radius: 3px;
697
+ background: #4b4b4b;
698
+ color: #dedede;
699
+ border-radius: 16px;
700
700
  }
701
701
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
702
702
  margin-left: 0.5rem;
@@ -1291,9 +1291,9 @@
1291
1291
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1292
1292
  padding: 0.2145rem 0.429rem;
1293
1293
  margin-right: 0.5rem;
1294
- background: #FFE082;
1295
- color: #212529;
1296
- border-radius: 3px;
1294
+ background: #4b4b4b;
1295
+ color: #dedede;
1296
+ border-radius: 16px;
1297
1297
  }
1298
1298
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1299
1299
  margin-left: 0.5rem;
@@ -694,9 +694,9 @@
694
694
  .p-chips .p-chips-multiple-container .p-chips-token {
695
695
  padding: 0.2145rem 0.429rem;
696
696
  margin-right: 0.5rem;
697
- background: #81D4FA;
698
- color: #212529;
699
- border-radius: 3px;
697
+ background: #4b4b4b;
698
+ color: #dedede;
699
+ border-radius: 16px;
700
700
  }
701
701
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
702
702
  margin-left: 0.5rem;
@@ -1291,9 +1291,9 @@
1291
1291
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1292
1292
  padding: 0.2145rem 0.429rem;
1293
1293
  margin-right: 0.5rem;
1294
- background: #81D4FA;
1295
- color: #212529;
1296
- border-radius: 3px;
1294
+ background: #4b4b4b;
1295
+ color: #dedede;
1296
+ border-radius: 16px;
1297
1297
  }
1298
1298
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1299
1299
  margin-left: 0.5rem;
@@ -694,9 +694,9 @@
694
694
  .p-chips .p-chips-multiple-container .p-chips-token {
695
695
  padding: 0.2145rem 0.429rem;
696
696
  margin-right: 0.5rem;
697
- background: #C5E1A5;
698
- color: #212529;
699
- border-radius: 3px;
697
+ background: #4b4b4b;
698
+ color: #dedede;
699
+ border-radius: 16px;
700
700
  }
701
701
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
702
702
  margin-left: 0.5rem;
@@ -1291,9 +1291,9 @@
1291
1291
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1292
1292
  padding: 0.2145rem 0.429rem;
1293
1293
  margin-right: 0.5rem;
1294
- background: #C5E1A5;
1295
- color: #212529;
1296
- border-radius: 3px;
1294
+ background: #4b4b4b;
1295
+ color: #dedede;
1296
+ border-radius: 16px;
1297
1297
  }
1298
1298
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1299
1299
  margin-left: 0.5rem;
@@ -694,9 +694,9 @@
694
694
  .p-chips .p-chips-multiple-container .p-chips-token {
695
695
  padding: 0.2145rem 0.429rem;
696
696
  margin-right: 0.5rem;
697
- background: #F48FB1;
698
- color: #212529;
699
- border-radius: 3px;
697
+ background: #4b4b4b;
698
+ color: #dedede;
699
+ border-radius: 16px;
700
700
  }
701
701
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
702
702
  margin-left: 0.5rem;
@@ -1291,9 +1291,9 @@
1291
1291
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1292
1292
  padding: 0.2145rem 0.429rem;
1293
1293
  margin-right: 0.5rem;
1294
- background: #F48FB1;
1295
- color: #212529;
1296
- border-radius: 3px;
1294
+ background: #4b4b4b;
1295
+ color: #dedede;
1296
+ border-radius: 16px;
1297
1297
  }
1298
1298
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1299
1299
  margin-left: 0.5rem;
@@ -714,9 +714,9 @@
714
714
  .p-chips .p-chips-multiple-container .p-chips-token {
715
715
  padding: 0.5rem 1rem;
716
716
  margin-right: 0.5rem;
717
- background: rgba(206, 147, 216, 0.16);
718
- color: #CE93D8;
719
- border-radius: 4px;
717
+ background: rgba(255, 255, 255, 0.12);
718
+ color: rgba(255, 255, 255, 0.87);
719
+ border-radius: 16px;
720
720
  }
721
721
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
722
722
  margin-left: 0.5rem;
@@ -1311,9 +1311,9 @@
1311
1311
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1312
1312
  padding: 0.5rem 1rem;
1313
1313
  margin-right: 0.5rem;
1314
- background: rgba(206, 147, 216, 0.16);
1315
- color: #CE93D8;
1316
- border-radius: 4px;
1314
+ background: rgba(255, 255, 255, 0.12);
1315
+ color: rgba(255, 255, 255, 0.87);
1316
+ border-radius: 16px;
1317
1317
  }
1318
1318
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1319
1319
  margin-left: 0.5rem;
@@ -714,9 +714,9 @@
714
714
  .p-chips .p-chips-multiple-container .p-chips-token {
715
715
  padding: 0.5rem 1rem;
716
716
  margin-right: 0.5rem;
717
- background: rgba(159, 168, 218, 0.16);
718
- color: #9FA8DA;
719
- border-radius: 4px;
717
+ background: rgba(255, 255, 255, 0.12);
718
+ color: rgba(255, 255, 255, 0.87);
719
+ border-radius: 16px;
720
720
  }
721
721
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
722
722
  margin-left: 0.5rem;
@@ -1311,9 +1311,9 @@
1311
1311
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1312
1312
  padding: 0.5rem 1rem;
1313
1313
  margin-right: 0.5rem;
1314
- background: rgba(159, 168, 218, 0.16);
1315
- color: #9FA8DA;
1316
- border-radius: 4px;
1314
+ background: rgba(255, 255, 255, 0.12);
1315
+ color: rgba(255, 255, 255, 0.87);
1316
+ border-radius: 16px;
1317
1317
  }
1318
1318
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1319
1319
  margin-left: 0.5rem;
@@ -714,9 +714,9 @@
714
714
  .p-chips .p-chips-multiple-container .p-chips-token {
715
715
  padding: 0.5rem 1rem;
716
716
  margin-right: 0.5rem;
717
- background: rgba(103, 58, 183, 0.12);
718
- color: #673AB7;
719
- border-radius: 4px;
717
+ background: rgba(0, 0, 0, 0.12);
718
+ color: rgba(0, 0, 0, 0.87);
719
+ border-radius: 16px;
720
720
  }
721
721
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
722
722
  margin-left: 0.5rem;
@@ -1311,9 +1311,9 @@
1311
1311
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1312
1312
  padding: 0.5rem 1rem;
1313
1313
  margin-right: 0.5rem;
1314
- background: rgba(103, 58, 183, 0.12);
1315
- color: #673AB7;
1316
- border-radius: 4px;
1314
+ background: rgba(0, 0, 0, 0.12);
1315
+ color: rgba(0, 0, 0, 0.87);
1316
+ border-radius: 16px;
1317
1317
  }
1318
1318
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1319
1319
  margin-left: 0.5rem;
@@ -714,9 +714,9 @@
714
714
  .p-chips .p-chips-multiple-container .p-chips-token {
715
715
  padding: 0.5rem 1rem;
716
716
  margin-right: 0.5rem;
717
- background: rgba(63, 81, 181, 0.12);
718
- color: #3F51B5;
719
- border-radius: 4px;
717
+ background: rgba(0, 0, 0, 0.12);
718
+ color: rgba(0, 0, 0, 0.87);
719
+ border-radius: 16px;
720
720
  }
721
721
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
722
722
  margin-left: 0.5rem;
@@ -1311,9 +1311,9 @@
1311
1311
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1312
1312
  padding: 0.5rem 1rem;
1313
1313
  margin-right: 0.5rem;
1314
- background: rgba(63, 81, 181, 0.12);
1315
- color: #3F51B5;
1316
- border-radius: 4px;
1314
+ background: rgba(0, 0, 0, 0.12);
1315
+ color: rgba(0, 0, 0, 0.87);
1316
+ border-radius: 16px;
1317
1317
  }
1318
1318
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1319
1319
  margin-left: 0.5rem;
@@ -714,9 +714,9 @@
714
714
  .p-chips .p-chips-multiple-container .p-chips-token {
715
715
  padding: 0.375rem 0.75rem;
716
716
  margin-right: 0.5rem;
717
- background: rgba(206, 147, 216, 0.16);
718
- color: #CE93D8;
719
- border-radius: 4px;
717
+ background: rgba(255, 255, 255, 0.12);
718
+ color: rgba(255, 255, 255, 0.87);
719
+ border-radius: 16px;
720
720
  }
721
721
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
722
722
  margin-left: 0.5rem;
@@ -1311,9 +1311,9 @@
1311
1311
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1312
1312
  padding: 0.375rem 0.75rem;
1313
1313
  margin-right: 0.5rem;
1314
- background: rgba(206, 147, 216, 0.16);
1315
- color: #CE93D8;
1316
- border-radius: 4px;
1314
+ background: rgba(255, 255, 255, 0.12);
1315
+ color: rgba(255, 255, 255, 0.87);
1316
+ border-radius: 16px;
1317
1317
  }
1318
1318
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1319
1319
  margin-left: 0.5rem;
@@ -714,9 +714,9 @@
714
714
  .p-chips .p-chips-multiple-container .p-chips-token {
715
715
  padding: 0.375rem 0.75rem;
716
716
  margin-right: 0.5rem;
717
- background: rgba(159, 168, 218, 0.16);
718
- color: #9FA8DA;
719
- border-radius: 4px;
717
+ background: rgba(255, 255, 255, 0.12);
718
+ color: rgba(255, 255, 255, 0.87);
719
+ border-radius: 16px;
720
720
  }
721
721
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
722
722
  margin-left: 0.5rem;
@@ -1311,9 +1311,9 @@
1311
1311
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1312
1312
  padding: 0.375rem 0.75rem;
1313
1313
  margin-right: 0.5rem;
1314
- background: rgba(159, 168, 218, 0.16);
1315
- color: #9FA8DA;
1316
- border-radius: 4px;
1314
+ background: rgba(255, 255, 255, 0.12);
1315
+ color: rgba(255, 255, 255, 0.87);
1316
+ border-radius: 16px;
1317
1317
  }
1318
1318
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1319
1319
  margin-left: 0.5rem;
@@ -714,9 +714,9 @@
714
714
  .p-chips .p-chips-multiple-container .p-chips-token {
715
715
  padding: 0.375rem 0.75rem;
716
716
  margin-right: 0.5rem;
717
- background: rgba(103, 58, 183, 0.12);
718
- color: #673AB7;
719
- border-radius: 4px;
717
+ background: rgba(0, 0, 0, 0.12);
718
+ color: rgba(0, 0, 0, 0.87);
719
+ border-radius: 16px;
720
720
  }
721
721
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
722
722
  margin-left: 0.5rem;
@@ -1311,9 +1311,9 @@
1311
1311
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1312
1312
  padding: 0.375rem 0.75rem;
1313
1313
  margin-right: 0.5rem;
1314
- background: rgba(103, 58, 183, 0.12);
1315
- color: #673AB7;
1316
- border-radius: 4px;
1314
+ background: rgba(0, 0, 0, 0.12);
1315
+ color: rgba(0, 0, 0, 0.87);
1316
+ border-radius: 16px;
1317
1317
  }
1318
1318
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1319
1319
  margin-left: 0.5rem;
@@ -714,9 +714,9 @@
714
714
  .p-chips .p-chips-multiple-container .p-chips-token {
715
715
  padding: 0.375rem 0.75rem;
716
716
  margin-right: 0.5rem;
717
- background: rgba(63, 81, 181, 0.12);
718
- color: #3F51B5;
719
- border-radius: 4px;
717
+ background: rgba(0, 0, 0, 0.12);
718
+ color: rgba(0, 0, 0, 0.87);
719
+ border-radius: 16px;
720
720
  }
721
721
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
722
722
  margin-left: 0.5rem;
@@ -1311,9 +1311,9 @@
1311
1311
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1312
1312
  padding: 0.375rem 0.75rem;
1313
1313
  margin-right: 0.5rem;
1314
- background: rgba(63, 81, 181, 0.12);
1315
- color: #3F51B5;
1316
- border-radius: 4px;
1314
+ background: rgba(0, 0, 0, 0.12);
1315
+ color: rgba(0, 0, 0, 0.87);
1316
+ border-radius: 16px;
1317
1317
  }
1318
1318
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1319
1319
  margin-left: 0.5rem;
@@ -718,9 +718,9 @@
718
718
  .p-chips .p-chips-multiple-container .p-chips-token {
719
719
  padding: 0.25rem 0.5rem;
720
720
  margin-right: 0.5rem;
721
- background: #D8DEE9;
722
- color: #2E3440;
723
- border-radius: 4px;
721
+ background: #E5E9F0;
722
+ color: #4C566A;
723
+ border-radius: 16px;
724
724
  }
725
725
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
726
726
  margin-left: 0.5rem;
@@ -1315,9 +1315,9 @@
1315
1315
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1316
1316
  padding: 0.25rem 0.5rem;
1317
1317
  margin-right: 0.5rem;
1318
- background: #D8DEE9;
1319
- color: #2E3440;
1320
- border-radius: 4px;
1318
+ background: #E5E9F0;
1319
+ color: #4C566A;
1320
+ border-radius: 16px;
1321
1321
  }
1322
1322
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1323
1323
  margin-left: 0.5rem;