primeng 17.1.0 → 17.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/contextmenu/contextmenu.d.ts +11 -1
  2. package/esm2022/accordion/accordion.mjs +7 -3
  3. package/esm2022/autocomplete/autocomplete.mjs +8 -8
  4. package/esm2022/blockui/blockui.mjs +6 -3
  5. package/esm2022/contextmenu/contextmenu.mjs +46 -10
  6. package/esm2022/dropdown/dropdown.mjs +3 -3
  7. package/esm2022/galleria/galleria.mjs +10 -6
  8. package/esm2022/icons/sortamountdown/sortamountdown.mjs +3 -43
  9. package/esm2022/icons/sortamountupalt/sortamountupalt.mjs +3 -43
  10. package/esm2022/inputgroup/inputgroup.mjs +22 -7
  11. package/esm2022/inputgroupaddon/inputgroupaddon.mjs +22 -7
  12. package/esm2022/inputnumber/inputnumber.mjs +4 -1
  13. package/esm2022/multiselect/multiselect.mjs +7 -1
  14. package/esm2022/panelmenu/panelmenu.mjs +35 -53
  15. package/esm2022/picklist/picklist.mjs +5 -3
  16. package/esm2022/table/columnfilter.interface.mjs +2 -0
  17. package/esm2022/table/public_api.mjs +2 -1
  18. package/esm2022/table/table.mjs +121 -10
  19. package/esm2022/tristatecheckbox/tristatecheckbox.mjs +3 -3
  20. package/fesm2022/primeng-accordion.mjs +6 -2
  21. package/fesm2022/primeng-accordion.mjs.map +1 -1
  22. package/fesm2022/primeng-autocomplete.mjs +7 -7
  23. package/fesm2022/primeng-autocomplete.mjs.map +1 -1
  24. package/fesm2022/primeng-blockui.mjs +5 -2
  25. package/fesm2022/primeng-blockui.mjs.map +1 -1
  26. package/fesm2022/primeng-contextmenu.mjs +45 -9
  27. package/fesm2022/primeng-contextmenu.mjs.map +1 -1
  28. package/fesm2022/primeng-dropdown.mjs +2 -2
  29. package/fesm2022/primeng-dropdown.mjs.map +1 -1
  30. package/fesm2022/primeng-galleria.mjs +9 -5
  31. package/fesm2022/primeng-galleria.mjs.map +1 -1
  32. package/fesm2022/primeng-icons-sortamountdown.mjs +2 -42
  33. package/fesm2022/primeng-icons-sortamountdown.mjs.map +1 -1
  34. package/fesm2022/primeng-icons-sortamountupalt.mjs +2 -42
  35. package/fesm2022/primeng-icons-sortamountupalt.mjs.map +1 -1
  36. package/fesm2022/primeng-inputgroup.mjs +21 -6
  37. package/fesm2022/primeng-inputgroup.mjs.map +1 -1
  38. package/fesm2022/primeng-inputgroupaddon.mjs +21 -6
  39. package/fesm2022/primeng-inputgroupaddon.mjs.map +1 -1
  40. package/fesm2022/primeng-inputnumber.mjs +3 -0
  41. package/fesm2022/primeng-inputnumber.mjs.map +1 -1
  42. package/fesm2022/primeng-multiselect.mjs +6 -0
  43. package/fesm2022/primeng-multiselect.mjs.map +1 -1
  44. package/fesm2022/primeng-panelmenu.mjs +34 -52
  45. package/fesm2022/primeng-panelmenu.mjs.map +1 -1
  46. package/fesm2022/primeng-picklist.mjs +4 -2
  47. package/fesm2022/primeng-picklist.mjs.map +1 -1
  48. package/fesm2022/primeng-table.mjs +120 -9
  49. package/fesm2022/primeng-table.mjs.map +1 -1
  50. package/fesm2022/primeng-tristatecheckbox.mjs +2 -2
  51. package/fesm2022/primeng-tristatecheckbox.mjs.map +1 -1
  52. package/galleria/galleria.d.ts +1 -0
  53. package/inputgroup/inputgroup.d.ts +13 -1
  54. package/inputgroupaddon/inputgroupaddon.d.ts +13 -1
  55. package/package.json +242 -242
  56. package/panelmenu/panelmenu.d.ts +8 -11
  57. package/resources/themes/arya-blue/theme.css +12 -16
  58. package/resources/themes/arya-green/theme.css +12 -16
  59. package/resources/themes/arya-orange/theme.css +12 -16
  60. package/resources/themes/arya-purple/theme.css +12 -16
  61. package/resources/themes/bootstrap4-dark-blue/theme.css +12 -16
  62. package/resources/themes/bootstrap4-dark-purple/theme.css +12 -16
  63. package/resources/themes/bootstrap4-light-blue/theme.css +12 -16
  64. package/resources/themes/bootstrap4-light-purple/theme.css +12 -16
  65. package/resources/themes/fluent-light/theme.css +12 -16
  66. package/resources/themes/lara-dark-blue/theme.css +12 -16
  67. package/resources/themes/lara-dark-indigo/theme.css +12 -16
  68. package/resources/themes/lara-dark-purple/theme.css +12 -16
  69. package/resources/themes/lara-dark-teal/theme.css +12 -16
  70. package/resources/themes/lara-light-blue/theme.css +12 -16
  71. package/resources/themes/lara-light-indigo/theme.css +12 -16
  72. package/resources/themes/lara-light-purple/theme.css +12 -16
  73. package/resources/themes/lara-light-teal/theme.css +55 -59
  74. package/resources/themes/luna-amber/theme.css +12 -16
  75. package/resources/themes/luna-blue/theme.css +12 -16
  76. package/resources/themes/luna-green/theme.css +12 -16
  77. package/resources/themes/luna-pink/theme.css +12 -16
  78. package/resources/themes/md-dark-deeppurple/theme.css +12 -16
  79. package/resources/themes/md-dark-indigo/theme.css +12 -16
  80. package/resources/themes/md-light-deeppurple/theme.css +12 -16
  81. package/resources/themes/md-light-indigo/theme.css +12 -16
  82. package/resources/themes/mdc-dark-deeppurple/theme.css +12 -16
  83. package/resources/themes/mdc-dark-indigo/theme.css +12 -16
  84. package/resources/themes/mdc-light-deeppurple/theme.css +12 -16
  85. package/resources/themes/mdc-light-indigo/theme.css +12 -16
  86. package/resources/themes/mira/theme.css +12 -16
  87. package/resources/themes/nano/theme.css +12 -16
  88. package/resources/themes/nova/theme.css +12 -16
  89. package/resources/themes/nova-accent/theme.css +12 -16
  90. package/resources/themes/nova-alt/theme.css +12 -16
  91. package/resources/themes/rhea/theme.css +12 -16
  92. package/resources/themes/saga-blue/theme.css +12 -16
  93. package/resources/themes/saga-green/theme.css +12 -16
  94. package/resources/themes/saga-orange/theme.css +12 -16
  95. package/resources/themes/saga-purple/theme.css +12 -16
  96. package/resources/themes/soho-dark/theme.css +12 -16
  97. package/resources/themes/soho-light/theme.css +12 -16
  98. package/resources/themes/tailwind-light/theme.css +12 -16
  99. package/resources/themes/vela-blue/theme.css +12 -16
  100. package/resources/themes/vela-green/theme.css +12 -16
  101. package/resources/themes/vela-orange/theme.css +12 -16
  102. package/resources/themes/vela-purple/theme.css +12 -16
  103. package/resources/themes/viva-dark/theme.css +12 -16
  104. package/resources/themes/viva-light/theme.css +12 -16
  105. package/table/columnfilter.interface.d.ts +35 -0
  106. package/table/public_api.d.ts +1 -0
  107. package/table/table.d.ts +106 -0
package/resources/themes/saga-purple/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: #495057;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -896,9 +896,9 @@
896
896
  padding: 0.25rem 0;
897
897
  }
898
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
899
- font-family: inherit;
900
- font-feature-settings: inherit;
901
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
902
902
  color: #495057;
903
903
  padding: 0;
904
904
  margin: 0;
@@ -1074,27 +1074,23 @@
1074
1074
  }
1075
1075
 
1076
1076
  .p-inputgroup > .p-component,
1077
- .p-inputgroup > .p-element,
1078
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1079
1078
  .p-inputgroup > .p-float-label > .p-component {
1080
1079
  border-radius: 0;
1081
1080
  margin: 0;
1082
1081
  }
1083
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1084
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1085
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1086
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1087
1085
  border-left: 0 none;
1088
1086
  }
1089
1087
  .p-inputgroup > .p-component:focus,
1090
- .p-inputgroup > .p-element:focus,
1091
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1092
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1093
1090
  z-index: 1;
1094
1091
  }
1095
1092
  .p-inputgroup > .p-component:focus ~ label,
1096
- .p-inputgroup > .p-element:focus ~ label,
1097
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1098
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1099
1095
  z-index: 1;
1100
1096
  }
@@ -5755,7 +5751,7 @@
5755
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5756
5752
  }
5757
5753
  .p-message .p-message-close:hover {
5758
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5759
5755
  }
5760
5756
  .p-message .p-message-close:focus-visible {
5761
5757
  outline: 0 none;
@@ -5865,7 +5861,7 @@
5865
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5866
5862
  }
5867
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5868
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5869
5865
  }
5870
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5871
5867
  outline: 0 none;
package/resources/themes/soho-dark/theme.css CHANGED
@@ -392,9 +392,9 @@
392
392
  padding: 0.375rem 0;
393
393
  }
394
394
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
395
- font-family: inherit;
396
- font-feature-settings: inherit;
397
- font-size: inherit;
395
+ font-family: var(--font-family);
396
+ font-feature-settings: var(--font-feature-settings, normal);
397
+ font-size: 1rem;
398
398
  color: rgba(255, 255, 255, 0.87);
399
399
  padding: 0;
400
400
  margin: 0;
@@ -918,9 +918,9 @@
918
918
  padding: 0.375rem 0;
919
919
  }
920
920
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
921
- font-family: inherit;
922
- font-feature-settings: inherit;
923
- font-size: inherit;
921
+ font-family: var(--font-family);
922
+ font-feature-settings: var(--font-feature-settings, normal);
923
+ font-size: 1rem;
924
924
  color: rgba(255, 255, 255, 0.87);
925
925
  padding: 0;
926
926
  margin: 0;
@@ -1096,27 +1096,23 @@
1096
1096
  }
1097
1097
 
1098
1098
  .p-inputgroup > .p-component,
1099
- .p-inputgroup > .p-element,
1100
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1099
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1101
1100
  .p-inputgroup > .p-float-label > .p-component {
1102
1101
  border-radius: 0;
1103
1102
  margin: 0;
1104
1103
  }
1105
1104
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1106
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1107
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1108
1106
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1109
1107
  border-left: 0 none;
1110
1108
  }
1111
1109
  .p-inputgroup > .p-component:focus,
1112
- .p-inputgroup > .p-element:focus,
1113
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1114
1111
  .p-inputgroup > .p-float-label > .p-component:focus {
1115
1112
  z-index: 1;
1116
1113
  }
1117
1114
  .p-inputgroup > .p-component:focus ~ label,
1118
- .p-inputgroup > .p-element:focus ~ label,
1119
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1115
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1120
1116
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1121
1117
  z-index: 1;
1122
1118
  }
@@ -5729,7 +5725,7 @@
5729
5725
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5730
5726
  }
5731
5727
  .p-message .p-message-close:hover {
5732
- background: rgba(255, 255, 255, 0.3);
5728
+ background: rgba(255, 255, 255, 0.5);
5733
5729
  }
5734
5730
  .p-message .p-message-close:focus-visible {
5735
5731
  outline: 0 none;
@@ -5839,7 +5835,7 @@
5839
5835
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5840
5836
  }
5841
5837
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5842
- background: rgba(255, 255, 255, 0.3);
5838
+ background: rgba(255, 255, 255, 0.5);
5843
5839
  }
5844
5840
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5845
5841
  outline: 0 none;
package/resources/themes/soho-light/theme.css CHANGED
@@ -392,9 +392,9 @@
392
392
  padding: 0.375rem 0;
393
393
  }
394
394
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
395
- font-family: inherit;
396
- font-feature-settings: inherit;
397
- font-size: inherit;
395
+ font-family: var(--font-family);
396
+ font-feature-settings: var(--font-feature-settings, normal);
397
+ font-size: 1rem;
398
398
  color: #043d75;
399
399
  padding: 0;
400
400
  margin: 0;
@@ -918,9 +918,9 @@
918
918
  padding: 0.375rem 0;
919
919
  }
920
920
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
921
- font-family: inherit;
922
- font-feature-settings: inherit;
923
- font-size: inherit;
921
+ font-family: var(--font-family);
922
+ font-feature-settings: var(--font-feature-settings, normal);
923
+ font-size: 1rem;
924
924
  color: #043d75;
925
925
  padding: 0;
926
926
  margin: 0;
@@ -1096,27 +1096,23 @@
1096
1096
  }
1097
1097
 
1098
1098
  .p-inputgroup > .p-component,
1099
- .p-inputgroup > .p-element,
1100
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1099
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1101
1100
  .p-inputgroup > .p-float-label > .p-component {
1102
1101
  border-radius: 0;
1103
1102
  margin: 0;
1104
1103
  }
1105
1104
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1106
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1107
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1108
1106
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1109
1107
  border-left: 0 none;
1110
1108
  }
1111
1109
  .p-inputgroup > .p-component:focus,
1112
- .p-inputgroup > .p-element:focus,
1113
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1114
1111
  .p-inputgroup > .p-float-label > .p-component:focus {
1115
1112
  z-index: 1;
1116
1113
  }
1117
1114
  .p-inputgroup > .p-component:focus ~ label,
1118
- .p-inputgroup > .p-element:focus ~ label,
1119
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1115
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1120
1116
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1121
1117
  z-index: 1;
1122
1118
  }
@@ -5729,7 +5725,7 @@
5729
5725
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5730
5726
  }
5731
5727
  .p-message .p-message-close:hover {
5732
- background: rgba(255, 255, 255, 0.3);
5728
+ background: rgba(255, 255, 255, 0.5);
5733
5729
  }
5734
5730
  .p-message .p-message-close:focus-visible {
5735
5731
  outline: 0 none;
@@ -5839,7 +5835,7 @@
5839
5835
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5840
5836
  }
5841
5837
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5842
- background: rgba(255, 255, 255, 0.3);
5838
+ background: rgba(255, 255, 255, 0.5);
5843
5839
  }
5844
5840
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5845
5841
  outline: 0 none;
package/resources/themes/tailwind-light/theme.css CHANGED
@@ -406,9 +406,9 @@
406
406
  padding: 0.375rem 0;
407
407
  }
408
408
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
409
- font-family: inherit;
410
- font-feature-settings: inherit;
411
- font-size: inherit;
409
+ font-family: var(--font-family);
410
+ font-feature-settings: var(--font-feature-settings, normal);
411
+ font-size: 1rem;
412
412
  color: #3f3f46;
413
413
  padding: 0;
414
414
  margin: 0;
@@ -932,9 +932,9 @@
932
932
  padding: 0.375rem 0;
933
933
  }
934
934
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
935
- font-family: inherit;
936
- font-feature-settings: inherit;
937
- font-size: inherit;
935
+ font-family: var(--font-family);
936
+ font-feature-settings: var(--font-feature-settings, normal);
937
+ font-size: 1rem;
938
938
  color: #3f3f46;
939
939
  padding: 0;
940
940
  margin: 0;
@@ -1110,27 +1110,23 @@
1110
1110
  }
1111
1111
 
1112
1112
  .p-inputgroup > .p-component,
1113
- .p-inputgroup > .p-element,
1114
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1113
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1115
1114
  .p-inputgroup > .p-float-label > .p-component {
1116
1115
  border-radius: 0;
1117
1116
  margin: 0;
1118
1117
  }
1119
1118
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1120
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1121
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1119
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1122
1120
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1123
1121
  border-left: 0 none;
1124
1122
  }
1125
1123
  .p-inputgroup > .p-component:focus,
1126
- .p-inputgroup > .p-element:focus,
1127
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1124
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1128
1125
  .p-inputgroup > .p-float-label > .p-component:focus {
1129
1126
  z-index: 1;
1130
1127
  }
1131
1128
  .p-inputgroup > .p-component:focus ~ label,
1132
- .p-inputgroup > .p-element:focus ~ label,
1133
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1129
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1134
1130
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1135
1131
  z-index: 1;
1136
1132
  }
@@ -5791,7 +5787,7 @@
5791
5787
  transition: none;
5792
5788
  }
5793
5789
  .p-message .p-message-close:hover {
5794
- background: rgba(255, 255, 255, 0.3);
5790
+ background: rgba(255, 255, 255, 0.5);
5795
5791
  }
5796
5792
  .p-message .p-message-close:focus-visible {
5797
5793
  outline: 0 none;
@@ -5901,7 +5897,7 @@
5901
5897
  transition: none;
5902
5898
  }
5903
5899
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5904
- background: rgba(255, 255, 255, 0.3);
5900
+ background: rgba(255, 255, 255, 0.5);
5905
5901
  }
5906
5902
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5907
5903
  outline: 0 none;
package/resources/themes/vela-blue/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: rgba(255, 255, 255, 0.87);
377
377
  padding: 0;
378
378
  margin: 0;
@@ -896,9 +896,9 @@
896
896
  padding: 0.25rem 0;
897
897
  }
898
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
899
- font-family: inherit;
900
- font-feature-settings: inherit;
901
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
902
902
  color: rgba(255, 255, 255, 0.87);
903
903
  padding: 0;
904
904
  margin: 0;
@@ -1074,27 +1074,23 @@
1074
1074
  }
1075
1075
 
1076
1076
  .p-inputgroup > .p-component,
1077
- .p-inputgroup > .p-element,
1078
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1079
1078
  .p-inputgroup > .p-float-label > .p-component {
1080
1079
  border-radius: 0;
1081
1080
  margin: 0;
1082
1081
  }
1083
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1084
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1085
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1086
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1087
1085
  border-left: 0 none;
1088
1086
  }
1089
1087
  .p-inputgroup > .p-component:focus,
1090
- .p-inputgroup > .p-element:focus,
1091
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1092
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1093
1090
  z-index: 1;
1094
1091
  }
1095
1092
  .p-inputgroup > .p-component:focus ~ label,
1096
- .p-inputgroup > .p-element:focus ~ label,
1097
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1098
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1099
1095
  z-index: 1;
1100
1096
  }
@@ -5755,7 +5751,7 @@
5755
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5756
5752
  }
5757
5753
  .p-message .p-message-close:hover {
5758
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5759
5755
  }
5760
5756
  .p-message .p-message-close:focus-visible {
5761
5757
  outline: 0 none;
@@ -5865,7 +5861,7 @@
5865
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5866
5862
  }
5867
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5868
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5869
5865
  }
5870
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5871
5867
  outline: 0 none;
package/resources/themes/vela-green/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: rgba(255, 255, 255, 0.87);
377
377
  padding: 0;
378
378
  margin: 0;
@@ -896,9 +896,9 @@
896
896
  padding: 0.25rem 0;
897
897
  }
898
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
899
- font-family: inherit;
900
- font-feature-settings: inherit;
901
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
902
902
  color: rgba(255, 255, 255, 0.87);
903
903
  padding: 0;
904
904
  margin: 0;
@@ -1074,27 +1074,23 @@
1074
1074
  }
1075
1075
 
1076
1076
  .p-inputgroup > .p-component,
1077
- .p-inputgroup > .p-element,
1078
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1079
1078
  .p-inputgroup > .p-float-label > .p-component {
1080
1079
  border-radius: 0;
1081
1080
  margin: 0;
1082
1081
  }
1083
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1084
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1085
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1086
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1087
1085
  border-left: 0 none;
1088
1086
  }
1089
1087
  .p-inputgroup > .p-component:focus,
1090
- .p-inputgroup > .p-element:focus,
1091
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1092
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1093
1090
  z-index: 1;
1094
1091
  }
1095
1092
  .p-inputgroup > .p-component:focus ~ label,
1096
- .p-inputgroup > .p-element:focus ~ label,
1097
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1098
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1099
1095
  z-index: 1;
1100
1096
  }
@@ -5755,7 +5751,7 @@
5755
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5756
5752
  }
5757
5753
  .p-message .p-message-close:hover {
5758
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5759
5755
  }
5760
5756
  .p-message .p-message-close:focus-visible {
5761
5757
  outline: 0 none;
@@ -5865,7 +5861,7 @@
5865
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5866
5862
  }
5867
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5868
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5869
5865
  }
5870
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5871
5867
  outline: 0 none;
package/resources/themes/vela-orange/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: rgba(255, 255, 255, 0.87);
377
377
  padding: 0;
378
378
  margin: 0;
@@ -896,9 +896,9 @@
896
896
  padding: 0.25rem 0;
897
897
  }
898
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
899
- font-family: inherit;
900
- font-feature-settings: inherit;
901
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
902
902
  color: rgba(255, 255, 255, 0.87);
903
903
  padding: 0;
904
904
  margin: 0;
@@ -1074,27 +1074,23 @@
1074
1074
  }
1075
1075
 
1076
1076
  .p-inputgroup > .p-component,
1077
- .p-inputgroup > .p-element,
1078
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1079
1078
  .p-inputgroup > .p-float-label > .p-component {
1080
1079
  border-radius: 0;
1081
1080
  margin: 0;
1082
1081
  }
1083
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1084
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1085
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1086
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1087
1085
  border-left: 0 none;
1088
1086
  }
1089
1087
  .p-inputgroup > .p-component:focus,
1090
- .p-inputgroup > .p-element:focus,
1091
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1092
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1093
1090
  z-index: 1;
1094
1091
  }
1095
1092
  .p-inputgroup > .p-component:focus ~ label,
1096
- .p-inputgroup > .p-element:focus ~ label,
1097
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1098
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1099
1095
  z-index: 1;
1100
1096
  }
@@ -5755,7 +5751,7 @@
5755
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5756
5752
  }
5757
5753
  .p-message .p-message-close:hover {
5758
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5759
5755
  }
5760
5756
  .p-message .p-message-close:focus-visible {
5761
5757
  outline: 0 none;
@@ -5865,7 +5861,7 @@
5865
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5866
5862
  }
5867
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5868
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5869
5865
  }
5870
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5871
5867
  outline: 0 none;
package/resources/themes/vela-purple/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.25rem 0;
371
371
  }
372
372
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
373
- font-family: inherit;
374
- font-feature-settings: inherit;
375
- font-size: inherit;
373
+ font-family: var(--font-family);
374
+ font-feature-settings: var(--font-feature-settings, normal);
375
+ font-size: 1rem;
376
376
  color: rgba(255, 255, 255, 0.87);
377
377
  padding: 0;
378
378
  margin: 0;
@@ -896,9 +896,9 @@
896
896
  padding: 0.25rem 0;
897
897
  }
898
898
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
899
- font-family: inherit;
900
- font-feature-settings: inherit;
901
- font-size: inherit;
899
+ font-family: var(--font-family);
900
+ font-feature-settings: var(--font-feature-settings, normal);
901
+ font-size: 1rem;
902
902
  color: rgba(255, 255, 255, 0.87);
903
903
  padding: 0;
904
904
  margin: 0;
@@ -1074,27 +1074,23 @@
1074
1074
  }
1075
1075
 
1076
1076
  .p-inputgroup > .p-component,
1077
- .p-inputgroup > .p-element,
1078
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1077
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1079
1078
  .p-inputgroup > .p-float-label > .p-component {
1080
1079
  border-radius: 0;
1081
1080
  margin: 0;
1082
1081
  }
1083
1082
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1084
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1085
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1083
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1086
1084
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1087
1085
  border-left: 0 none;
1088
1086
  }
1089
1087
  .p-inputgroup > .p-component:focus,
1090
- .p-inputgroup > .p-element:focus,
1091
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1088
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1092
1089
  .p-inputgroup > .p-float-label > .p-component:focus {
1093
1090
  z-index: 1;
1094
1091
  }
1095
1092
  .p-inputgroup > .p-component:focus ~ label,
1096
- .p-inputgroup > .p-element:focus ~ label,
1097
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1093
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1098
1094
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1099
1095
  z-index: 1;
1100
1096
  }
@@ -5755,7 +5751,7 @@
5755
5751
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5756
5752
  }
5757
5753
  .p-message .p-message-close:hover {
5758
- background: rgba(255, 255, 255, 0.3);
5754
+ background: rgba(255, 255, 255, 0.5);
5759
5755
  }
5760
5756
  .p-message .p-message-close:focus-visible {
5761
5757
  outline: 0 none;
@@ -5865,7 +5861,7 @@
5865
5861
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5866
5862
  }
5867
5863
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5868
- background: rgba(255, 255, 255, 0.3);
5864
+ background: rgba(255, 255, 255, 0.5);
5869
5865
  }
5870
5866
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5871
5867
  outline: 0 none;
package/resources/themes/viva-dark/theme.css CHANGED
@@ -400,9 +400,9 @@
400
400
  padding: 0.25rem 0;
401
401
  }
402
402
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
403
- font-family: inherit;
404
- font-feature-settings: inherit;
405
- font-size: inherit;
403
+ font-family: var(--font-family);
404
+ font-feature-settings: var(--font-feature-settings, normal);
405
+ font-size: 1rem;
406
406
  color: rgba(255, 255, 255, 0.87);
407
407
  padding: 0;
408
408
  margin: 0;
@@ -926,9 +926,9 @@
926
926
  padding: 0.25rem 0;
927
927
  }
928
928
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
929
- font-family: inherit;
930
- font-feature-settings: inherit;
931
- font-size: inherit;
929
+ font-family: var(--font-family);
930
+ font-feature-settings: var(--font-feature-settings, normal);
931
+ font-size: 1rem;
932
932
  color: rgba(255, 255, 255, 0.87);
933
933
  padding: 0;
934
934
  margin: 0;
@@ -1104,27 +1104,23 @@
1104
1104
  }
1105
1105
 
1106
1106
  .p-inputgroup > .p-component,
1107
- .p-inputgroup > .p-element,
1108
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1107
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1109
1108
  .p-inputgroup > .p-float-label > .p-component {
1110
1109
  border-radius: 0;
1111
1110
  margin: 0;
1112
1111
  }
1113
1112
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1114
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1115
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1113
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1116
1114
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1117
1115
  border-left: 0 none;
1118
1116
  }
1119
1117
  .p-inputgroup > .p-component:focus,
1120
- .p-inputgroup > .p-element:focus,
1121
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1118
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1122
1119
  .p-inputgroup > .p-float-label > .p-component:focus {
1123
1120
  z-index: 1;
1124
1121
  }
1125
1122
  .p-inputgroup > .p-component:focus ~ label,
1126
- .p-inputgroup > .p-element:focus ~ label,
1127
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1123
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1128
1124
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1129
1125
  z-index: 1;
1130
1126
  }
@@ -5785,7 +5781,7 @@
5785
5781
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
5786
5782
  }
5787
5783
  .p-message .p-message-close:hover {
5788
- background: rgba(255, 255, 255, 0.3);
5784
+ background: rgba(255, 255, 255, 0.5);
5789
5785
  }
5790
5786
  .p-message .p-message-close:focus-visible {
5791
5787
  outline: 0 none;
@@ -5895,7 +5891,7 @@
5895
5891
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
5896
5892
  }
5897
5893
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5898
- background: rgba(255, 255, 255, 0.3);
5894
+ background: rgba(255, 255, 255, 0.5);
5899
5895
  }
5900
5896
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5901
5897
  outline: 0 none;