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
@@ -52,21 +52,24 @@
52
52
  font-family: "Roboto";
53
53
  font-style: normal;
54
54
  font-weight: 400;
55
- src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
55
+ src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
56
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
56
57
  }
57
58
  /* roboto-500 - latin-ext_latin */
58
59
  @font-face {
59
60
  font-family: "Roboto";
60
61
  font-style: normal;
61
62
  font-weight: 500;
62
- src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
63
+ src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
64
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
63
65
  }
64
66
  /* roboto-700 - latin-ext_latin */
65
67
  @font-face {
66
68
  font-family: "Roboto";
67
69
  font-style: normal;
68
70
  font-weight: 700;
69
- src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
71
+ src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
72
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
70
73
  }
71
74
  * {
72
75
  box-sizing: border-box;
@@ -460,7 +463,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
460
463
  .p-datepicker table td.p-datepicker-today > span {
461
464
  background: #ffffff;
462
465
  color: rgba(0, 0, 0, 0.87);
463
- border-color: rgb(0, 0, 0);
466
+ border-color: black;
464
467
  }
465
468
  .p-datepicker table td.p-datepicker-today > span.p-highlight {
466
469
  color: #673AB7;
@@ -1227,7 +1230,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1227
1230
  color: #B00020;
1228
1231
  }
1229
1232
 
1230
- .p-input-icon-left > .p-icon-wrapper:first-of-type,
1233
+ .p-input-icon-left > .p-icon-wrapper.p-icon,
1231
1234
  .p-input-icon-left > i:first-of-type {
1232
1235
  left: 0.75rem;
1233
1236
  color: rgba(0, 0, 0, 0.6);
@@ -1241,7 +1244,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1241
1244
  left: 2.5rem;
1242
1245
  }
1243
1246
 
1244
- .p-input-icon-right > .p-icon-wrapper:last-of-type,
1247
+ .p-input-icon-right > .p-icon-wrapper,
1245
1248
  .p-input-icon-right > i:last-of-type {
1246
1249
  right: 0.75rem;
1247
1250
  color: rgba(0, 0, 0, 0.6);
@@ -1378,12 +1381,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1378
1381
  .p-multiselect .p-multiselect-label.p-placeholder {
1379
1382
  color: rgba(0, 0, 0, 0.6);
1380
1383
  }
1384
+ .p-multiselect.p-multiselect-chip .p-multiselect-label {
1385
+ gap: 0.5rem;
1386
+ }
1381
1387
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1382
1388
  padding: 0.375rem 0.75rem;
1383
1389
  background: rgba(103, 58, 183, 0.12);
1384
1390
  color: #673AB7;
1385
1391
  border-radius: 4px;
1386
- margin-right: 0.5rem;
1387
1392
  }
1388
1393
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1389
1394
  margin-left: 0.5rem;
@@ -6056,7 +6061,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6056
6061
  .p-galleria .p-galleria-close .p-galleria-close-icon {
6057
6062
  font-size: 2rem;
6058
6063
  }
6059
- .p-galleria .p-galleria-close .p-icon {
6064
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
6060
6065
  width: 2rem;
6061
6066
  height: 2rem;
6062
6067
  }
@@ -6077,7 +6082,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6077
6082
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6078
6083
  font-size: 2rem;
6079
6084
  }
6080
- .p-galleria .p-galleria-item-nav .p-icon {
6085
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6081
6086
  width: 2rem;
6082
6087
  height: 2rem;
6083
6088
  }
@@ -52,21 +52,24 @@
52
52
  font-family: "Roboto";
53
53
  font-style: normal;
54
54
  font-weight: 400;
55
- src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
55
+ src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
56
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
56
57
  }
57
58
  /* roboto-500 - latin-ext_latin */
58
59
  @font-face {
59
60
  font-family: "Roboto";
60
61
  font-style: normal;
61
62
  font-weight: 500;
62
- src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
63
+ src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
64
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
63
65
  }
64
66
  /* roboto-700 - latin-ext_latin */
65
67
  @font-face {
66
68
  font-family: "Roboto";
67
69
  font-style: normal;
68
70
  font-weight: 700;
69
- src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
71
+ src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
72
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
70
73
  }
71
74
  * {
72
75
  box-sizing: border-box;
@@ -460,7 +463,7 @@ p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
460
463
  .p-datepicker table td.p-datepicker-today > span {
461
464
  background: #ffffff;
462
465
  color: rgba(0, 0, 0, 0.87);
463
- border-color: rgb(0, 0, 0);
466
+ border-color: black;
464
467
  }
465
468
  .p-datepicker table td.p-datepicker-today > span.p-highlight {
466
469
  color: #3F51B5;
@@ -1227,7 +1230,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1227
1230
  color: #B00020;
1228
1231
  }
1229
1232
 
1230
- .p-input-icon-left > .p-icon-wrapper:first-of-type,
1233
+ .p-input-icon-left > .p-icon-wrapper.p-icon,
1231
1234
  .p-input-icon-left > i:first-of-type {
1232
1235
  left: 0.75rem;
1233
1236
  color: rgba(0, 0, 0, 0.6);
@@ -1241,7 +1244,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1241
1244
  left: 2.5rem;
1242
1245
  }
1243
1246
 
1244
- .p-input-icon-right > .p-icon-wrapper:last-of-type,
1247
+ .p-input-icon-right > .p-icon-wrapper,
1245
1248
  .p-input-icon-right > i:last-of-type {
1246
1249
  right: 0.75rem;
1247
1250
  color: rgba(0, 0, 0, 0.6);
@@ -1378,12 +1381,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1378
1381
  .p-multiselect .p-multiselect-label.p-placeholder {
1379
1382
  color: rgba(0, 0, 0, 0.6);
1380
1383
  }
1384
+ .p-multiselect.p-multiselect-chip .p-multiselect-label {
1385
+ gap: 0.5rem;
1386
+ }
1381
1387
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1382
1388
  padding: 0.375rem 0.75rem;
1383
1389
  background: rgba(63, 81, 181, 0.12);
1384
1390
  color: #3F51B5;
1385
1391
  border-radius: 4px;
1386
- margin-right: 0.5rem;
1387
1392
  }
1388
1393
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1389
1394
  margin-left: 0.5rem;
@@ -6056,7 +6061,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6056
6061
  .p-galleria .p-galleria-close .p-galleria-close-icon {
6057
6062
  font-size: 2rem;
6058
6063
  }
6059
- .p-galleria .p-galleria-close .p-icon {
6064
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
6060
6065
  width: 2rem;
6061
6066
  height: 2rem;
6062
6067
  }
@@ -6077,7 +6082,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6077
6082
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6078
6083
  font-size: 2rem;
6079
6084
  }
6080
- .p-galleria .p-galleria-item-nav .p-icon {
6085
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6081
6086
  width: 2rem;
6082
6087
  height: 2rem;
6083
6088
  }
@@ -51,25 +51,29 @@
51
51
  font-family: "Inter";
52
52
  font-style: normal;
53
53
  font-weight: 400;
54
- src: local("Inter"), local("Inter-Regular"), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
54
+ src: local("Inter"), local("Inter-Regular"), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff");
55
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
55
56
  }
56
57
  @font-face {
57
58
  font-family: "Inter";
58
59
  font-style: normal;
59
60
  font-weight: 500;
60
- src: local("Inter Medium"), local("Inter-Medium"), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
61
+ src: local("Inter Medium"), local("Inter-Medium"), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff");
62
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
61
63
  }
62
64
  @font-face {
63
65
  font-family: "Inter";
64
66
  font-style: normal;
65
67
  font-weight: 600;
66
- src: local("Inter SemiBold"), local("Inter-SemiBold"), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
68
+ src: local("Inter SemiBold"), local("Inter-SemiBold"), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff");
69
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
67
70
  }
68
71
  @font-face {
69
72
  font-family: "Inter";
70
73
  font-style: normal;
71
74
  font-weight: 700;
72
- src: local("Inter Bold"), local("Inter-Bold"), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
75
+ src: local("Inter Bold"), local("Inter-Bold"), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff");
76
+ /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
73
77
  }
74
78
  * {
75
79
  box-sizing: border-box;
@@ -1230,7 +1234,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1230
1234
  color: #BF616A;
1231
1235
  }
1232
1236
 
1233
- .p-input-icon-left > .p-icon-wrapper:first-of-type,
1237
+ .p-input-icon-left > .p-icon-wrapper.p-icon,
1234
1238
  .p-input-icon-left > i:first-of-type {
1235
1239
  left: 0.5rem;
1236
1240
  color: #81A1C1;
@@ -1244,7 +1248,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1244
1248
  left: 2rem;
1245
1249
  }
1246
1250
 
1247
- .p-input-icon-right > .p-icon-wrapper:last-of-type,
1251
+ .p-input-icon-right > .p-icon-wrapper,
1248
1252
  .p-input-icon-right > i:last-of-type {
1249
1253
  right: 0.5rem;
1250
1254
  color: #81A1C1;
@@ -1381,12 +1385,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1381
1385
  .p-multiselect .p-multiselect-label.p-placeholder {
1382
1386
  color: #4C566A;
1383
1387
  }
1388
+ .p-multiselect.p-multiselect-chip .p-multiselect-label {
1389
+ gap: 0.5rem;
1390
+ }
1384
1391
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
1385
1392
  padding: 0.25rem 0.5rem;
1386
1393
  background: #D8DEE9;
1387
1394
  color: #2E3440;
1388
1395
  border-radius: 4px;
1389
- margin-right: 0.5rem;
1390
1396
  }
1391
1397
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1392
1398
  margin-left: 0.5rem;
@@ -6059,7 +6065,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6059
6065
  .p-galleria .p-galleria-close .p-galleria-close-icon {
6060
6066
  font-size: 2rem;
6061
6067
  }
6062
- .p-galleria .p-galleria-close .p-icon {
6068
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
6063
6069
  width: 2rem;
6064
6070
  height: 2rem;
6065
6071
  }
@@ -6080,7 +6086,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6080
6086
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6081
6087
  font-size: 2rem;
6082
6088
  }
6083
- .p-galleria .p-galleria-item-nav .p-icon {
6089
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6084
6090
  width: 2rem;
6085
6091
  height: 2rem;
6086
6092
  }
@@ -1206,7 +1206,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1206
1206
  color: #d8222f;
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.25rem;
1212
1212
  color: #697077;
@@ -1220,7 +1220,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
1220
  left: 1.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.25rem;
1226
1226
  color: #697077;
@@ -1357,12 +1357,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1357
1357
  .p-multiselect .p-multiselect-label.p-placeholder {
1358
1358
  color: #697077;
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.125rem 0.25rem;
1362
1365
  background: #44A1D9;
1363
1366
  color: #ffffff;
1364
1367
  border-radius: 1px;
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;
@@ -6035,7 +6037,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6035
6037
  .p-galleria .p-galleria-close .p-galleria-close-icon {
6036
6038
  font-size: 2rem;
6037
6039
  }
6038
- .p-galleria .p-galleria-close .p-icon {
6040
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
6039
6041
  width: 2rem;
6040
6042
  height: 2rem;
6041
6043
  }
@@ -6056,7 +6058,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6056
6058
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6057
6059
  font-size: 2rem;
6058
6060
  }
6059
- .p-galleria .p-galleria-item-nav .p-icon {
6061
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6060
6062
  width: 2rem;
6061
6063
  height: 2rem;
6062
6064
  }
@@ -1210,7 +1210,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1210
1210
  color: #a80000;
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.429rem;
1216
1216
  color: #848484;
@@ -1224,7 +1224,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1224
1224
  left: 1.858rem;
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.429rem;
1230
1230
  color: #848484;
@@ -1361,12 +1361,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1361
1361
  .p-multiselect .p-multiselect-label.p-placeholder {
1362
1362
  color: #666666;
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.2145rem 0.429rem;
1366
1369
  background: #007ad9;
1367
1370
  color: #ffffff;
1368
1371
  border-radius: 3px;
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;
@@ -5999,7 +6001,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5999
6001
  .p-galleria .p-galleria-close .p-galleria-close-icon {
6000
6002
  font-size: 2rem;
6001
6003
  }
6002
- .p-galleria .p-galleria-close .p-icon {
6004
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
6003
6005
  width: 2rem;
6004
6006
  height: 2rem;
6005
6007
  }
@@ -6020,7 +6022,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6020
6022
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6021
6023
  font-size: 2rem;
6022
6024
  }
6023
- .p-galleria .p-galleria-item-nav .p-icon {
6025
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6024
6026
  width: 2rem;
6025
6027
  height: 2rem;
6026
6028
  }
@@ -1206,7 +1206,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1206
1206
  color: #a80000;
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.429rem;
1212
1212
  color: #848484;
@@ -1220,7 +1220,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
1220
  left: 1.858rem;
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.429rem;
1226
1226
  color: #848484;
@@ -1357,12 +1357,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1357
1357
  .p-multiselect .p-multiselect-label.p-placeholder {
1358
1358
  color: #666666;
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.2145rem 0.429rem;
1362
1365
  background: #e02365;
1363
1366
  color: #ffffff;
1364
1367
  border-radius: 3px;
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
  }
@@ -1210,7 +1210,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1210
1210
  color: #a80000;
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.429rem;
1216
1216
  color: #848484;
@@ -1224,7 +1224,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1224
1224
  left: 1.858rem;
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.429rem;
1230
1230
  color: #848484;
@@ -1361,12 +1361,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1361
1361
  .p-multiselect .p-multiselect-label.p-placeholder {
1362
1362
  color: #666666;
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.2145rem 0.429rem;
1366
1369
  background: #007ad9;
1367
1370
  color: #ffffff;
1368
1371
  border-radius: 3px;
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;
@@ -5999,7 +6001,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
5999
6001
  .p-galleria .p-galleria-close .p-galleria-close-icon {
6000
6002
  font-size: 2rem;
6001
6003
  }
6002
- .p-galleria .p-galleria-close .p-icon {
6004
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
6003
6005
  width: 2rem;
6004
6006
  height: 2rem;
6005
6007
  }
@@ -6020,7 +6022,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6020
6022
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6021
6023
  font-size: 2rem;
6022
6024
  }
6023
- .p-galleria .p-galleria-item-nav .p-icon {
6025
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6024
6026
  width: 2rem;
6025
6027
  height: 2rem;
6026
6028
  }
@@ -1206,7 +1206,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1206
1206
  color: #e7a3a3;
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.429rem;
1212
1212
  color: #a6a6a6;
@@ -1220,7 +1220,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1220
1220
  left: 1.858rem;
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.429rem;
1226
1226
  color: #a6a6a6;
@@ -1357,12 +1357,14 @@ p-listbox.ng-dirty.ng-invalid > .p-listbox {
1357
1357
  .p-multiselect .p-multiselect-label.p-placeholder {
1358
1358
  color: #a6a6a6;
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.2145rem 0.429rem;
1362
1365
  background: #AFD3C8;
1363
1366
  color: #385048;
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: #f44336;
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: #6c757d;
@@ -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: #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.25rem 0.5rem;
1362
1365
  background: #E3F2FD;
1363
1366
  color: #495057;
1364
1367
  border-radius: 3px;
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;
@@ -6035,7 +6037,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6035
6037
  .p-galleria .p-galleria-close .p-galleria-close-icon {
6036
6038
  font-size: 2rem;
6037
6039
  }
6038
- .p-galleria .p-galleria-close .p-icon {
6040
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
6039
6041
  width: 2rem;
6040
6042
  height: 2rem;
6041
6043
  }
@@ -6056,7 +6058,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6056
6058
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6057
6059
  font-size: 2rem;
6058
6060
  }
6059
- .p-galleria .p-galleria-item-nav .p-icon {
6061
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6060
6062
  width: 2rem;
6061
6063
  height: 2rem;
6062
6064
  }
@@ -1206,7 +1206,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1206
1206
  color: #f44336;
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: #6c757d;
@@ -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: #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.25rem 0.5rem;
1362
1365
  background: #E8F5E9;
1363
1366
  color: #495057;
1364
1367
  border-radius: 3px;
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;
@@ -6035,7 +6037,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6035
6037
  .p-galleria .p-galleria-close .p-galleria-close-icon {
6036
6038
  font-size: 2rem;
6037
6039
  }
6038
- .p-galleria .p-galleria-close .p-icon {
6040
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
6039
6041
  width: 2rem;
6040
6042
  height: 2rem;
6041
6043
  }
@@ -6056,7 +6058,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6056
6058
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6057
6059
  font-size: 2rem;
6058
6060
  }
6059
- .p-galleria .p-galleria-item-nav .p-icon {
6061
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6060
6062
  width: 2rem;
6061
6063
  height: 2rem;
6062
6064
  }
@@ -1206,7 +1206,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1206
1206
  color: #f44336;
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: #6c757d;
@@ -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: #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.25rem 0.5rem;
1362
1365
  background: #FFF3E0;
1363
1366
  color: #495057;
1364
1367
  border-radius: 3px;
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;
@@ -6035,7 +6037,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6035
6037
  .p-galleria .p-galleria-close .p-galleria-close-icon {
6036
6038
  font-size: 2rem;
6037
6039
  }
6038
- .p-galleria .p-galleria-close .p-icon {
6040
+ .p-galleria .p-galleria-close .p-icon-wrapper .p-icon {
6039
6041
  width: 2rem;
6040
6042
  height: 2rem;
6041
6043
  }
@@ -6056,7 +6058,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
6056
6058
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
6057
6059
  font-size: 2rem;
6058
6060
  }
6059
- .p-galleria .p-galleria-item-nav .p-icon {
6061
+ .p-galleria .p-galleria-item-nav .p-icon-wrapper .p-icon {
6060
6062
  width: 2rem;
6061
6063
  height: 2rem;
6062
6064
  }