primeng 15.4.0 → 15.4.1

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 (79) hide show
  1. package/esm2020/table/table.mjs +33 -33
  2. package/esm2020/treeselect/treeselect.mjs +9 -9
  3. package/fesm2015/primeng-table.mjs +32 -32
  4. package/fesm2015/primeng-table.mjs.map +1 -1
  5. package/fesm2015/primeng-tabview.mjs +1 -0
  6. package/fesm2015/primeng-tag.mjs +1 -0
  7. package/fesm2015/primeng-terminal.mjs +1 -0
  8. package/fesm2015/primeng-timeline.mjs +1 -0
  9. package/fesm2015/primeng-toast.mjs +1 -0
  10. package/fesm2015/primeng-togglebutton.mjs +1 -0
  11. package/fesm2015/primeng-toolbar.mjs +1 -0
  12. package/fesm2015/primeng-tree.mjs +1 -0
  13. package/fesm2015/primeng-treeselect.mjs +9 -8
  14. package/fesm2015/primeng-treeselect.mjs.map +1 -1
  15. package/fesm2015/primeng-treetable.mjs +1 -0
  16. package/fesm2015/primeng-virtualscroller.mjs +1 -0
  17. package/fesm2020/primeng-table.mjs +32 -32
  18. package/fesm2020/primeng-table.mjs.map +1 -1
  19. package/fesm2020/primeng-tabview.mjs +1 -0
  20. package/fesm2020/primeng-tag.mjs +1 -0
  21. package/fesm2020/primeng-terminal.mjs +1 -0
  22. package/fesm2020/primeng-timeline.mjs +1 -0
  23. package/fesm2020/primeng-toast.mjs +1 -0
  24. package/fesm2020/primeng-togglebutton.mjs +1 -0
  25. package/fesm2020/primeng-toolbar.mjs +1 -0
  26. package/fesm2020/primeng-tree.mjs +1 -0
  27. package/fesm2020/primeng-treeselect.mjs +9 -8
  28. package/fesm2020/primeng-treeselect.mjs.map +1 -1
  29. package/fesm2020/primeng-treetable.mjs +1 -0
  30. package/fesm2020/primeng-virtualscroller.mjs +1 -0
  31. package/package.json +1 -1
  32. package/resources/themes/arya-blue/theme.css +7 -5
  33. package/resources/themes/arya-green/theme.css +7 -5
  34. package/resources/themes/arya-orange/theme.css +7 -5
  35. package/resources/themes/arya-purple/theme.css +7 -5
  36. package/resources/themes/bootstrap4-dark-blue/theme.css +7 -5
  37. package/resources/themes/bootstrap4-dark-purple/theme.css +7 -5
  38. package/resources/themes/bootstrap4-light-blue/theme.css +7 -5
  39. package/resources/themes/bootstrap4-light-purple/theme.css +7 -5
  40. package/resources/themes/fluent-light/theme.css +7 -5
  41. package/resources/themes/lara-dark-blue/theme.css +7 -5
  42. package/resources/themes/lara-dark-indigo/theme.css +7 -5
  43. package/resources/themes/lara-dark-purple/theme.css +7 -5
  44. package/resources/themes/lara-dark-teal/theme.css +7 -5
  45. package/resources/themes/lara-light-blue/theme.css +14 -12
  46. package/resources/themes/lara-light-indigo/theme.css +14 -12
  47. package/resources/themes/lara-light-purple/theme.css +14 -12
  48. package/resources/themes/lara-light-teal/theme.css +14 -12
  49. package/resources/themes/luna-amber/theme.css +21 -19
  50. package/resources/themes/luna-blue/theme.css +21 -19
  51. package/resources/themes/luna-green/theme.css +21 -19
  52. package/resources/themes/luna-pink/theme.css +21 -19
  53. package/resources/themes/md-dark-deeppurple/theme.css +132 -127
  54. package/resources/themes/md-dark-indigo/theme.css +132 -127
  55. package/resources/themes/md-light-deeppurple/theme.css +14 -9
  56. package/resources/themes/md-light-indigo/theme.css +14 -9
  57. package/resources/themes/mdc-dark-deeppurple/theme.css +132 -127
  58. package/resources/themes/mdc-dark-indigo/theme.css +132 -127
  59. package/resources/themes/mdc-light-deeppurple/theme.css +14 -9
  60. package/resources/themes/mdc-light-indigo/theme.css +14 -9
  61. package/resources/themes/mira/theme.css +15 -9
  62. package/resources/themes/nano/theme.css +7 -5
  63. package/resources/themes/nova/theme.css +7 -5
  64. package/resources/themes/nova-accent/theme.css +7 -5
  65. package/resources/themes/nova-alt/theme.css +7 -5
  66. package/resources/themes/rhea/theme.css +7 -5
  67. package/resources/themes/saga-blue/theme.css +7 -5
  68. package/resources/themes/saga-green/theme.css +7 -5
  69. package/resources/themes/saga-orange/theme.css +7 -5
  70. package/resources/themes/saga-purple/theme.css +7 -5
  71. package/resources/themes/soho-dark/theme.css +60 -55
  72. package/resources/themes/soho-light/theme.css +13 -8
  73. package/resources/themes/tailwind-light/theme.css +42 -35
  74. package/resources/themes/vela-blue/theme.css +7 -5
  75. package/resources/themes/vela-green/theme.css +7 -5
  76. package/resources/themes/vela-orange/theme.css +7 -5
  77. package/resources/themes/vela-purple/theme.css +7 -5
  78. package/resources/themes/viva-dark/theme.css +15 -9
  79. package/resources/themes/viva-light/theme.css +15 -9
@@ -1210,7 +1210,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1210
1210
  color: #f19ea6;
1211
1211
  }
1212
1212
 
1213
- .p-input-icon-left > .p-icon-wrapper:first-of-type,
1213
+ .p-input-icon-left > .p-icon-wrapper.p-icon,
1214
1214
  .p-input-icon-left > i:first-of-type {
1215
1215
  left: 0.75rem;
1216
1216
  color: rgba(255, 255, 255, 0.6);
@@ -1224,7 +1224,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1224
1224
  left: 2.5rem;
1225
1225
  }
1226
1226
 
1227
- .p-input-icon-right > .p-icon-wrapper:last-of-type,
1227
+ .p-input-icon-right > .p-icon-wrapper,
1228
1228
  .p-input-icon-right > i:last-of-type {
1229
1229
  right: 0.75rem;
1230
1230
  color: rgba(255, 255, 255, 0.6);
@@ -1361,12 +1361,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1361
1361
  .p-multiselect .p-multiselect-label.p-placeholder {
1362
1362
  color: rgba(255, 255, 255, 0.6);
1363
1363
  }
1364
+ .p-multiselect.p-multiselect-chip .p-multiselect-label {
1365
+ gap: 0.5rem;
1366
+ }
1364
1367
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1365
1368
  padding: 0.25rem 0.75rem;
1366
1369
  background: #c298d8;
1367
1370
  color: #151515;
1368
1371
  border-radius: 4px;
1369
- margin-right: 0.5rem;
1370
1372
  }
1371
1373
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1372
1374
  margin-left: 0.5rem;
@@ -6047,7 +6049,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6047
6049
  .p-galleria .p-galleria-close .p-galleria-close-icon {
6048
6050
  font-size: 2rem;
6049
6051
  }
6050
- .p-galleria .p-galleria-close .p-icon {
6052
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
6051
6053
  width: 2rem;
6052
6054
  height: 2rem;
6053
6055
  }
@@ -6068,7 +6070,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6068
6070
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6069
6071
  font-size: 2rem;
6070
6072
  }
6071
- .p-galleria .p-galleria-item-nav .p-icon {
6073
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6072
6074
  width: 2rem;
6073
6075
  height: 2rem;
6074
6076
  }
@@ -1210,7 +1210,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1210
1210
  color: #dc3545;
1211
1211
  }
1212
1212
 
1213
- .p-input-icon-left > .p-icon-wrapper:first-of-type,
1213
+ .p-input-icon-left > .p-icon-wrapper.p-icon,
1214
1214
  .p-input-icon-left > i:first-of-type {
1215
1215
  left: 0.75rem;
1216
1216
  color: #495057;
@@ -1224,7 +1224,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1224
1224
  left: 2.5rem;
1225
1225
  }
1226
1226
 
1227
- .p-input-icon-right > .p-icon-wrapper:last-of-type,
1227
+ .p-input-icon-right > .p-icon-wrapper,
1228
1228
  .p-input-icon-right > i:last-of-type {
1229
1229
  right: 0.75rem;
1230
1230
  color: #495057;
@@ -1361,12 +1361,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1361
1361
  .p-multiselect .p-multiselect-label.p-placeholder {
1362
1362
  color: #6c757d;
1363
1363
  }
1364
+ .p-multiselect.p-multiselect-chip .p-multiselect-label {
1365
+ gap: 0.5rem;
1366
+ }
1364
1367
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1365
1368
  padding: 0.25rem 0.75rem;
1366
1369
  background: #007bff;
1367
1370
  color: #ffffff;
1368
1371
  border-radius: 4px;
1369
- margin-right: 0.5rem;
1370
1372
  }
1371
1373
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1372
1374
  margin-left: 0.5rem;
@@ -6047,7 +6049,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6047
6049
  .p-galleria .p-galleria-close .p-galleria-close-icon {
6048
6050
  font-size: 2rem;
6049
6051
  }
6050
- .p-galleria .p-galleria-close .p-icon {
6052
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
6051
6053
  width: 2rem;
6052
6054
  height: 2rem;
6053
6055
  }
@@ -6068,7 +6070,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6068
6070
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6069
6071
  font-size: 2rem;
6070
6072
  }
6071
- .p-galleria .p-galleria-item-nav .p-icon {
6073
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6072
6074
  width: 2rem;
6073
6075
  height: 2rem;
6074
6076
  }
@@ -1210,7 +1210,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1210
1210
  color: #dc3545;
1211
1211
  }
1212
1212
 
1213
- .p-input-icon-left > .p-icon-wrapper:first-of-type,
1213
+ .p-input-icon-left > .p-icon-wrapper.p-icon,
1214
1214
  .p-input-icon-left > i:first-of-type {
1215
1215
  left: 0.75rem;
1216
1216
  color: #495057;
@@ -1224,7 +1224,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1224
1224
  left: 2.5rem;
1225
1225
  }
1226
1226
 
1227
- .p-input-icon-right > .p-icon-wrapper:last-of-type,
1227
+ .p-input-icon-right > .p-icon-wrapper,
1228
1228
  .p-input-icon-right > i:last-of-type {
1229
1229
  right: 0.75rem;
1230
1230
  color: #495057;
@@ -1361,12 +1361,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1361
1361
  .p-multiselect .p-multiselect-label.p-placeholder {
1362
1362
  color: #6c757d;
1363
1363
  }
1364
+ .p-multiselect.p-multiselect-chip .p-multiselect-label {
1365
+ gap: 0.5rem;
1366
+ }
1364
1367
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1365
1368
  padding: 0.25rem 0.75rem;
1366
1369
  background: #883cae;
1367
1370
  color: #ffffff;
1368
1371
  border-radius: 4px;
1369
- margin-right: 0.5rem;
1370
1372
  }
1371
1373
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1372
1374
  margin-left: 0.5rem;
@@ -6047,7 +6049,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6047
6049
  .p-galleria .p-galleria-close .p-galleria-close-icon {
6048
6050
  font-size: 2rem;
6049
6051
  }
6050
- .p-galleria .p-galleria-close .p-icon {
6052
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
6051
6053
  width: 2rem;
6052
6054
  height: 2rem;
6053
6055
  }
@@ -6068,7 +6070,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6068
6070
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6069
6071
  font-size: 2rem;
6070
6072
  }
6071
- .p-galleria .p-galleria-item-nav .p-icon {
6073
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6072
6074
  width: 2rem;
6073
6075
  height: 2rem;
6074
6076
  }
@@ -1206,7 +1206,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1206
1206
  color: #a4252c;
1207
1207
  }
1208
1208
 
1209
- .p-input-icon-left > .p-icon-wrapper:first-of-type,
1209
+ .p-input-icon-left > .p-icon-wrapper.p-icon,
1210
1210
  .p-input-icon-left > i:first-of-type {
1211
1211
  left: 0.5rem;
1212
1212
  color: #605e5c;
@@ -1220,7 +1220,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
1220
  left: 2rem;
1221
1221
  }
1222
1222
 
1223
- .p-input-icon-right > .p-icon-wrapper:last-of-type,
1223
+ .p-input-icon-right > .p-icon-wrapper,
1224
1224
  .p-input-icon-right > i:last-of-type {
1225
1225
  right: 0.5rem;
1226
1226
  color: #605e5c;
@@ -1357,12 +1357,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1357
1357
  .p-multiselect .p-multiselect-label.p-placeholder {
1358
1358
  color: #605e5c;
1359
1359
  }
1360
+ .p-multiselect.p-multiselect-chip .p-multiselect-label {
1361
+ gap: 0.5rem;
1362
+ }
1360
1363
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1361
1364
  padding: 0.25rem 0.5rem;
1362
1365
  background: #edebe9;
1363
1366
  color: #323130;
1364
1367
  border-radius: 2px;
1365
- margin-right: 0.5rem;
1366
1368
  }
1367
1369
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1368
1370
  margin-left: 0.5rem;
@@ -5987,7 +5989,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5987
5989
  .p-galleria .p-galleria-close .p-galleria-close-icon {
5988
5990
  font-size: 2rem;
5989
5991
  }
5990
- .p-galleria .p-galleria-close .p-icon {
5992
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
5991
5993
  width: 2rem;
5992
5994
  height: 2rem;
5993
5995
  }
@@ -6008,7 +6010,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6008
6010
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6009
6011
  font-size: 2rem;
6010
6012
  }
6011
- .p-galleria .p-galleria-item-nav .p-icon {
6013
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6012
6014
  width: 2rem;
6013
6015
  height: 2rem;
6014
6016
  }
@@ -1206,7 +1206,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1206
1206
  color: #FCA5A5;
1207
1207
  }
1208
1208
 
1209
- .p-input-icon-left > .p-icon-wrapper:first-of-type,
1209
+ .p-input-icon-left > .p-icon-wrapper.p-icon,
1210
1210
  .p-input-icon-left > i:first-of-type {
1211
1211
  left: 0.75rem;
1212
1212
  color: rgba(255, 255, 255, 0.6);
@@ -1220,7 +1220,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
1220
  left: 2.5rem;
1221
1221
  }
1222
1222
 
1223
- .p-input-icon-right > .p-icon-wrapper:last-of-type,
1223
+ .p-input-icon-right > .p-icon-wrapper,
1224
1224
  .p-input-icon-right > i:last-of-type {
1225
1225
  right: 0.75rem;
1226
1226
  color: rgba(255, 255, 255, 0.6);
@@ -1357,12 +1357,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1357
1357
  .p-multiselect .p-multiselect-label.p-placeholder {
1358
1358
  color: rgba(255, 255, 255, 0.6);
1359
1359
  }
1360
+ .p-multiselect.p-multiselect-chip .p-multiselect-label {
1361
+ gap: 0.5rem;
1362
+ }
1360
1363
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1361
1364
  padding: 0.375rem 0.75rem;
1362
1365
  background: rgba(147, 197, 253, 0.16);
1363
1366
  color: rgba(255, 255, 255, 0.87);
1364
1367
  border-radius: 6px;
1365
- margin-right: 0.5rem;
1366
1368
  }
1367
1369
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1368
1370
  margin-left: 0.5rem;
@@ -5987,7 +5989,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5987
5989
  .p-galleria .p-galleria-close .p-galleria-close-icon {
5988
5990
  font-size: 2rem;
5989
5991
  }
5990
- .p-galleria .p-galleria-close .p-icon {
5992
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
5991
5993
  width: 2rem;
5992
5994
  height: 2rem;
5993
5995
  }
@@ -6008,7 +6010,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6008
6010
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6009
6011
  font-size: 2rem;
6010
6012
  }
6011
- .p-galleria .p-galleria-item-nav .p-icon {
6013
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6012
6014
  width: 2rem;
6013
6015
  height: 2rem;
6014
6016
  }
@@ -1206,7 +1206,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1206
1206
  color: #FCA5A5;
1207
1207
  }
1208
1208
 
1209
- .p-input-icon-left > .p-icon-wrapper:first-of-type,
1209
+ .p-input-icon-left > .p-icon-wrapper.p-icon,
1210
1210
  .p-input-icon-left > i:first-of-type {
1211
1211
  left: 0.75rem;
1212
1212
  color: rgba(255, 255, 255, 0.6);
@@ -1220,7 +1220,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
1220
  left: 2.5rem;
1221
1221
  }
1222
1222
 
1223
- .p-input-icon-right > .p-icon-wrapper:last-of-type,
1223
+ .p-input-icon-right > .p-icon-wrapper,
1224
1224
  .p-input-icon-right > i:last-of-type {
1225
1225
  right: 0.75rem;
1226
1226
  color: rgba(255, 255, 255, 0.6);
@@ -1357,12 +1357,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1357
1357
  .p-multiselect .p-multiselect-label.p-placeholder {
1358
1358
  color: rgba(255, 255, 255, 0.6);
1359
1359
  }
1360
+ .p-multiselect.p-multiselect-chip .p-multiselect-label {
1361
+ gap: 0.5rem;
1362
+ }
1360
1363
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1361
1364
  padding: 0.375rem 0.75rem;
1362
1365
  background: rgba(165, 180, 252, 0.16);
1363
1366
  color: rgba(255, 255, 255, 0.87);
1364
1367
  border-radius: 6px;
1365
- margin-right: 0.5rem;
1366
1368
  }
1367
1369
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1368
1370
  margin-left: 0.5rem;
@@ -5987,7 +5989,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5987
5989
  .p-galleria .p-galleria-close .p-galleria-close-icon {
5988
5990
  font-size: 2rem;
5989
5991
  }
5990
- .p-galleria .p-galleria-close .p-icon {
5992
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
5991
5993
  width: 2rem;
5992
5994
  height: 2rem;
5993
5995
  }
@@ -6008,7 +6010,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6008
6010
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6009
6011
  font-size: 2rem;
6010
6012
  }
6011
- .p-galleria .p-galleria-item-nav .p-icon {
6013
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6012
6014
  width: 2rem;
6013
6015
  height: 2rem;
6014
6016
  }
@@ -1206,7 +1206,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1206
1206
  color: #FCA5A5;
1207
1207
  }
1208
1208
 
1209
- .p-input-icon-left > .p-icon-wrapper:first-of-type,
1209
+ .p-input-icon-left > .p-icon-wrapper.p-icon,
1210
1210
  .p-input-icon-left > i:first-of-type {
1211
1211
  left: 0.75rem;
1212
1212
  color: rgba(255, 255, 255, 0.6);
@@ -1220,7 +1220,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
1220
  left: 2.5rem;
1221
1221
  }
1222
1222
 
1223
- .p-input-icon-right > .p-icon-wrapper:last-of-type,
1223
+ .p-input-icon-right > .p-icon-wrapper,
1224
1224
  .p-input-icon-right > i:last-of-type {
1225
1225
  right: 0.75rem;
1226
1226
  color: rgba(255, 255, 255, 0.6);
@@ -1357,12 +1357,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1357
1357
  .p-multiselect .p-multiselect-label.p-placeholder {
1358
1358
  color: rgba(255, 255, 255, 0.6);
1359
1359
  }
1360
+ .p-multiselect.p-multiselect-chip .p-multiselect-label {
1361
+ gap: 0.5rem;
1362
+ }
1360
1363
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1361
1364
  padding: 0.375rem 0.75rem;
1362
1365
  background: rgba(196, 181, 253, 0.16);
1363
1366
  color: rgba(255, 255, 255, 0.87);
1364
1367
  border-radius: 6px;
1365
- margin-right: 0.5rem;
1366
1368
  }
1367
1369
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1368
1370
  margin-left: 0.5rem;
@@ -5987,7 +5989,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5987
5989
  .p-galleria .p-galleria-close .p-galleria-close-icon {
5988
5990
  font-size: 2rem;
5989
5991
  }
5990
- .p-galleria .p-galleria-close .p-icon {
5992
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
5991
5993
  width: 2rem;
5992
5994
  height: 2rem;
5993
5995
  }
@@ -6008,7 +6010,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6008
6010
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6009
6011
  font-size: 2rem;
6010
6012
  }
6011
- .p-galleria .p-galleria-item-nav .p-icon {
6013
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6012
6014
  width: 2rem;
6013
6015
  height: 2rem;
6014
6016
  }
@@ -1206,7 +1206,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1206
1206
  color: #FCA5A5;
1207
1207
  }
1208
1208
 
1209
- .p-input-icon-left > .p-icon-wrapper:first-of-type,
1209
+ .p-input-icon-left > .p-icon-wrapper.p-icon,
1210
1210
  .p-input-icon-left > i:first-of-type {
1211
1211
  left: 0.75rem;
1212
1212
  color: rgba(255, 255, 255, 0.6);
@@ -1220,7 +1220,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
1220
  left: 2.5rem;
1221
1221
  }
1222
1222
 
1223
- .p-input-icon-right > .p-icon-wrapper:last-of-type,
1223
+ .p-input-icon-right > .p-icon-wrapper,
1224
1224
  .p-input-icon-right > i:last-of-type {
1225
1225
  right: 0.75rem;
1226
1226
  color: rgba(255, 255, 255, 0.6);
@@ -1357,12 +1357,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1357
1357
  .p-multiselect .p-multiselect-label.p-placeholder {
1358
1358
  color: rgba(255, 255, 255, 0.6);
1359
1359
  }
1360
+ .p-multiselect.p-multiselect-chip .p-multiselect-label {
1361
+ gap: 0.5rem;
1362
+ }
1360
1363
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1361
1364
  padding: 0.375rem 0.75rem;
1362
1365
  background: rgba(94, 234, 212, 0.16);
1363
1366
  color: rgba(255, 255, 255, 0.87);
1364
1367
  border-radius: 6px;
1365
- margin-right: 0.5rem;
1366
1368
  }
1367
1369
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1368
1370
  margin-left: 0.5rem;
@@ -5987,7 +5989,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5987
5989
  .p-galleria .p-galleria-close .p-galleria-close-icon {
5988
5990
  font-size: 2rem;
5989
5991
  }
5990
- .p-galleria .p-galleria-close .p-icon {
5992
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
5991
5993
  width: 2rem;
5992
5994
  height: 2rem;
5993
5995
  }
@@ -6008,7 +6010,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6008
6010
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6009
6011
  font-size: 2rem;
6010
6012
  }
6011
- .p-galleria .p-galleria-item-nav .p-icon {
6013
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6012
6014
  width: 2rem;
6013
6015
  height: 2rem;
6014
6016
  }
@@ -1206,7 +1206,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1206
1206
  color: #e24c4c;
1207
1207
  }
1208
1208
 
1209
- .p-input-icon-left > .p-icon-wrapper:first-of-type,
1209
+ .p-input-icon-left > .p-icon-wrapper.p-icon,
1210
1210
  .p-input-icon-left > i:first-of-type {
1211
1211
  left: 0.75rem;
1212
1212
  color: #6c757d;
@@ -1220,7 +1220,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
1220
  left: 2.5rem;
1221
1221
  }
1222
1222
 
1223
- .p-input-icon-right > .p-icon-wrapper:last-of-type,
1223
+ .p-input-icon-right > .p-icon-wrapper,
1224
1224
  .p-input-icon-right > i:last-of-type {
1225
1225
  right: 0.75rem;
1226
1226
  color: #6c757d;
@@ -1357,12 +1357,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1357
1357
  .p-multiselect .p-multiselect-label.p-placeholder {
1358
1358
  color: #6c757d;
1359
1359
  }
1360
+ .p-multiselect.p-multiselect-chip .p-multiselect-label {
1361
+ gap: 0.5rem;
1362
+ }
1360
1363
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1361
1364
  padding: 0.375rem 0.75rem;
1362
1365
  background: #EFF6FF;
1363
1366
  color: #1D4ED8;
1364
1367
  border-radius: 6px;
1365
- margin-right: 0.5rem;
1366
1368
  }
1367
1369
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1368
1370
  margin-left: 0.5rem;
@@ -5987,7 +5989,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5987
5989
  .p-galleria .p-galleria-close .p-galleria-close-icon {
5988
5990
  font-size: 2rem;
5989
5991
  }
5990
- .p-galleria .p-galleria-close .p-icon {
5992
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
5991
5993
  width: 2rem;
5992
5994
  height: 2rem;
5993
5995
  }
@@ -6008,7 +6010,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6008
6010
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6009
6011
  font-size: 2rem;
6010
6012
  }
6011
- .p-galleria .p-galleria-item-nav .p-icon {
6013
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6012
6014
  width: 2rem;
6013
6015
  height: 2rem;
6014
6016
  }
@@ -6357,25 +6359,25 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6357
6359
  }
6358
6360
 
6359
6361
  .p-button:focus {
6360
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
6362
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
6361
6363
  }
6362
6364
  .p-button.p-button-secondary:enabled:focus {
6363
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
6365
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
6364
6366
  }
6365
6367
  .p-button.p-button-success:enabled:focus {
6366
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
6368
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
6367
6369
  }
6368
6370
  .p-button.p-button-info:enabled:focus {
6369
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
6371
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
6370
6372
  }
6371
6373
  .p-button.p-button-warning:enabled:focus {
6372
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 rgb(0, 0, 0);
6374
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
6373
6375
  }
6374
6376
  .p-button.p-button-help:enabled:focus {
6375
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
6377
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
6376
6378
  }
6377
6379
  .p-button.p-button-danger:enabled:focus {
6378
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
6380
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
6379
6381
  }
6380
6382
 
6381
6383
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
@@ -1206,7 +1206,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1206
1206
  color: #e24c4c;
1207
1207
  }
1208
1208
 
1209
- .p-input-icon-left > .p-icon-wrapper:first-of-type,
1209
+ .p-input-icon-left > .p-icon-wrapper.p-icon,
1210
1210
  .p-input-icon-left > i:first-of-type {
1211
1211
  left: 0.75rem;
1212
1212
  color: #6c757d;
@@ -1220,7 +1220,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
1220
  left: 2.5rem;
1221
1221
  }
1222
1222
 
1223
- .p-input-icon-right > .p-icon-wrapper:last-of-type,
1223
+ .p-input-icon-right > .p-icon-wrapper,
1224
1224
  .p-input-icon-right > i:last-of-type {
1225
1225
  right: 0.75rem;
1226
1226
  color: #6c757d;
@@ -1357,12 +1357,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1357
1357
  .p-multiselect .p-multiselect-label.p-placeholder {
1358
1358
  color: #6c757d;
1359
1359
  }
1360
+ .p-multiselect.p-multiselect-chip .p-multiselect-label {
1361
+ gap: 0.5rem;
1362
+ }
1360
1363
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1361
1364
  padding: 0.375rem 0.75rem;
1362
1365
  background: #EEF2FF;
1363
1366
  color: #4338CA;
1364
1367
  border-radius: 6px;
1365
- margin-right: 0.5rem;
1366
1368
  }
1367
1369
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1368
1370
  margin-left: 0.5rem;
@@ -5987,7 +5989,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5987
5989
  .p-galleria .p-galleria-close .p-galleria-close-icon {
5988
5990
  font-size: 2rem;
5989
5991
  }
5990
- .p-galleria .p-galleria-close .p-icon {
5992
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
5991
5993
  width: 2rem;
5992
5994
  height: 2rem;
5993
5995
  }
@@ -6008,7 +6010,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6008
6010
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6009
6011
  font-size: 2rem;
6010
6012
  }
6011
- .p-galleria .p-galleria-item-nav .p-icon {
6013
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6012
6014
  width: 2rem;
6013
6015
  height: 2rem;
6014
6016
  }
@@ -6357,25 +6359,25 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6357
6359
  }
6358
6360
 
6359
6361
  .p-button:focus {
6360
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0);
6362
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black;
6361
6363
  }
6362
6364
  .p-button.p-button-secondary:enabled:focus {
6363
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
6365
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
6364
6366
  }
6365
6367
  .p-button.p-button-success:enabled:focus {
6366
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
6368
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
6367
6369
  }
6368
6370
  .p-button.p-button-info:enabled:focus {
6369
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
6371
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
6370
6372
  }
6371
6373
  .p-button.p-button-warning:enabled:focus {
6372
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 rgb(0, 0, 0);
6374
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
6373
6375
  }
6374
6376
  .p-button.p-button-help:enabled:focus {
6375
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
6377
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
6376
6378
  }
6377
6379
  .p-button.p-button-danger:enabled:focus {
6378
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
6380
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
6379
6381
  }
6380
6382
 
6381
6383
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
@@ -1206,7 +1206,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1206
1206
  color: #e24c4c;
1207
1207
  }
1208
1208
 
1209
- .p-input-icon-left > .p-icon-wrapper:first-of-type,
1209
+ .p-input-icon-left > .p-icon-wrapper.p-icon,
1210
1210
  .p-input-icon-left > i:first-of-type {
1211
1211
  left: 0.75rem;
1212
1212
  color: #6c757d;
@@ -1220,7 +1220,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
1220
  left: 2.5rem;
1221
1221
  }
1222
1222
 
1223
- .p-input-icon-right > .p-icon-wrapper:last-of-type,
1223
+ .p-input-icon-right > .p-icon-wrapper,
1224
1224
  .p-input-icon-right > i:last-of-type {
1225
1225
  right: 0.75rem;
1226
1226
  color: #6c757d;
@@ -1357,12 +1357,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1357
1357
  .p-multiselect .p-multiselect-label.p-placeholder {
1358
1358
  color: #6c757d;
1359
1359
  }
1360
+ .p-multiselect.p-multiselect-chip .p-multiselect-label {
1361
+ gap: 0.5rem;
1362
+ }
1360
1363
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1361
1364
  padding: 0.375rem 0.75rem;
1362
1365
  background: #F5F3FF;
1363
1366
  color: #6D28D9;
1364
1367
  border-radius: 6px;
1365
- margin-right: 0.5rem;
1366
1368
  }
1367
1369
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1368
1370
  margin-left: 0.5rem;
@@ -5987,7 +5989,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5987
5989
  .p-galleria .p-galleria-close .p-galleria-close-icon {
5988
5990
  font-size: 2rem;
5989
5991
  }
5990
- .p-galleria .p-galleria-close .p-icon {
5992
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
5991
5993
  width: 2rem;
5992
5994
  height: 2rem;
5993
5995
  }
@@ -6008,7 +6010,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6008
6010
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6009
6011
  font-size: 2rem;
6010
6012
  }
6011
- .p-galleria .p-galleria-item-nav .p-icon {
6013
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6012
6014
  width: 2rem;
6013
6015
  height: 2rem;
6014
6016
  }
@@ -6357,25 +6359,25 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6357
6359
  }
6358
6360
 
6359
6361
  .p-button:focus {
6360
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 rgb(0, 0, 0);
6362
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 black;
6361
6363
  }
6362
6364
  .p-button.p-button-secondary:enabled:focus {
6363
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0);
6365
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
6364
6366
  }
6365
6367
  .p-button.p-button-success:enabled:focus {
6366
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0);
6368
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
6367
6369
  }
6368
6370
  .p-button.p-button-info:enabled:focus {
6369
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0);
6371
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
6370
6372
  }
6371
6373
  .p-button.p-button-warning:enabled:focus {
6372
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 rgb(0, 0, 0);
6374
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
6373
6375
  }
6374
6376
  .p-button.p-button-help:enabled:focus {
6375
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0);
6377
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
6376
6378
  }
6377
6379
  .p-button.p-button-danger:enabled:focus {
6378
- box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0);
6380
+ box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
6379
6381
  }
6380
6382
 
6381
6383
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {