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/mira/theme.css CHANGED
@@ -396,9 +396,9 @@
396
396
  padding: 0.25rem 0;
397
397
  }
398
398
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
399
- font-family: inherit;
400
- font-feature-settings: inherit;
401
- font-size: inherit;
399
+ font-family: var(--font-family);
400
+ font-feature-settings: var(--font-feature-settings, normal);
401
+ font-size: 1rem;
402
402
  color: #4c566a;
403
403
  padding: 0;
404
404
  margin: 0;
@@ -922,9 +922,9 @@
922
922
  padding: 0.25rem 0;
923
923
  }
924
924
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
925
- font-family: inherit;
926
- font-feature-settings: inherit;
927
- font-size: inherit;
925
+ font-family: var(--font-family);
926
+ font-feature-settings: var(--font-feature-settings, normal);
927
+ font-size: 1rem;
928
928
  color: #4c566a;
929
929
  padding: 0;
930
930
  margin: 0;
@@ -1100,27 +1100,23 @@
1100
1100
  }
1101
1101
 
1102
1102
  .p-inputgroup > .p-component,
1103
- .p-inputgroup > .p-element,
1104
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1103
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1105
1104
  .p-inputgroup > .p-float-label > .p-component {
1106
1105
  border-radius: 0;
1107
1106
  margin: 0;
1108
1107
  }
1109
1108
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1110
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1111
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1109
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1112
1110
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1113
1111
  border-left: 0 none;
1114
1112
  }
1115
1113
  .p-inputgroup > .p-component:focus,
1116
- .p-inputgroup > .p-element:focus,
1117
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1114
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1118
1115
  .p-inputgroup > .p-float-label > .p-component:focus {
1119
1116
  z-index: 1;
1120
1117
  }
1121
1118
  .p-inputgroup > .p-component:focus ~ label,
1122
- .p-inputgroup > .p-element:focus ~ label,
1123
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1119
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1124
1120
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1125
1121
  z-index: 1;
1126
1122
  }
@@ -5781,7 +5777,7 @@
5781
5777
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5782
5778
  }
5783
5779
  .p-message .p-message-close:hover {
5784
- background: rgba(255, 255, 255, 0.3);
5780
+ background: rgba(255, 255, 255, 0.5);
5785
5781
  }
5786
5782
  .p-message .p-message-close:focus-visible {
5787
5783
  outline: 0 none;
@@ -5891,7 +5887,7 @@
5891
5887
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5892
5888
  }
5893
5889
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5894
- background: rgba(255, 255, 255, 0.3);
5890
+ background: rgba(255, 255, 255, 0.5);
5895
5891
  }
5896
5892
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5897
5893
  outline: 0 none;
package/resources/themes/nano/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.125rem 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: #343a3f;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -896,9 +896,9 @@
896
896
  padding: 0.125rem 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: #343a3f;
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/nova/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.2145rem 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: #333333;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -900,9 +900,9 @@
900
900
  padding: 0.2145rem 0;
901
901
  }
902
902
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
903
- font-family: inherit;
904
- font-feature-settings: inherit;
905
- font-size: inherit;
903
+ font-family: var(--font-family);
904
+ font-feature-settings: var(--font-feature-settings, normal);
905
+ font-size: 1rem;
906
906
  color: #333333;
907
907
  padding: 0;
908
908
  margin: 0;
@@ -1078,27 +1078,23 @@
1078
1078
  }
1079
1079
 
1080
1080
  .p-inputgroup > .p-component,
1081
- .p-inputgroup > .p-element,
1082
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1081
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1083
1082
  .p-inputgroup > .p-float-label > .p-component {
1084
1083
  border-radius: 0;
1085
1084
  margin: 0;
1086
1085
  }
1087
1086
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1088
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1089
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1087
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1090
1088
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1091
1089
  border-left: 0 none;
1092
1090
  }
1093
1091
  .p-inputgroup > .p-component:focus,
1094
- .p-inputgroup > .p-element:focus,
1095
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1092
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1096
1093
  .p-inputgroup > .p-float-label > .p-component:focus {
1097
1094
  z-index: 1;
1098
1095
  }
1099
1096
  .p-inputgroup > .p-component:focus ~ label,
1100
- .p-inputgroup > .p-element:focus ~ label,
1101
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1097
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1102
1098
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1103
1099
  z-index: 1;
1104
1100
  }
@@ -5719,7 +5715,7 @@
5719
5715
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5720
5716
  }
5721
5717
  .p-message .p-message-close:hover {
5722
- background: rgba(255, 255, 255, 0.3);
5718
+ background: rgba(255, 255, 255, 0.5);
5723
5719
  }
5724
5720
  .p-message .p-message-close:focus-visible {
5725
5721
  outline: 0 none;
@@ -5829,7 +5825,7 @@
5829
5825
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5830
5826
  }
5831
5827
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5832
- background: rgba(255, 255, 255, 0.3);
5828
+ background: rgba(255, 255, 255, 0.5);
5833
5829
  }
5834
5830
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5835
5831
  outline: 0 none;
package/resources/themes/nova-accent/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.2145rem 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: #333333;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -896,9 +896,9 @@
896
896
  padding: 0.2145rem 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: #333333;
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
  }
@@ -5707,7 +5703,7 @@
5707
5703
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5708
5704
  }
5709
5705
  .p-message .p-message-close:hover {
5710
- background: rgba(255, 255, 255, 0.3);
5706
+ background: rgba(255, 255, 255, 0.5);
5711
5707
  }
5712
5708
  .p-message .p-message-close:focus-visible {
5713
5709
  outline: 0 none;
@@ -5817,7 +5813,7 @@
5817
5813
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5818
5814
  }
5819
5815
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5820
- background: rgba(255, 255, 255, 0.3);
5816
+ background: rgba(255, 255, 255, 0.5);
5821
5817
  }
5822
5818
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5823
5819
  outline: 0 none;
package/resources/themes/nova-alt/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.2145rem 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: #333333;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -900,9 +900,9 @@
900
900
  padding: 0.2145rem 0;
901
901
  }
902
902
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
903
- font-family: inherit;
904
- font-feature-settings: inherit;
905
- font-size: inherit;
903
+ font-family: var(--font-family);
904
+ font-feature-settings: var(--font-feature-settings, normal);
905
+ font-size: 1rem;
906
906
  color: #333333;
907
907
  padding: 0;
908
908
  margin: 0;
@@ -1078,27 +1078,23 @@
1078
1078
  }
1079
1079
 
1080
1080
  .p-inputgroup > .p-component,
1081
- .p-inputgroup > .p-element,
1082
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1081
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1083
1082
  .p-inputgroup > .p-float-label > .p-component {
1084
1083
  border-radius: 0;
1085
1084
  margin: 0;
1086
1085
  }
1087
1086
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1088
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1089
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1087
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1090
1088
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1091
1089
  border-left: 0 none;
1092
1090
  }
1093
1091
  .p-inputgroup > .p-component:focus,
1094
- .p-inputgroup > .p-element:focus,
1095
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1092
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1096
1093
  .p-inputgroup > .p-float-label > .p-component:focus {
1097
1094
  z-index: 1;
1098
1095
  }
1099
1096
  .p-inputgroup > .p-component:focus ~ label,
1100
- .p-inputgroup > .p-element:focus ~ label,
1101
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1097
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1102
1098
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1103
1099
  z-index: 1;
1104
1100
  }
@@ -5719,7 +5715,7 @@
5719
5715
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5720
5716
  }
5721
5717
  .p-message .p-message-close:hover {
5722
- background: rgba(255, 255, 255, 0.3);
5718
+ background: rgba(255, 255, 255, 0.5);
5723
5719
  }
5724
5720
  .p-message .p-message-close:focus-visible {
5725
5721
  outline: 0 none;
@@ -5829,7 +5825,7 @@
5829
5825
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5830
5826
  }
5831
5827
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5832
- background: rgba(255, 255, 255, 0.3);
5828
+ background: rgba(255, 255, 255, 0.5);
5833
5829
  }
5834
5830
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5835
5831
  outline: 0 none;
package/resources/themes/rhea/theme.css CHANGED
@@ -370,9 +370,9 @@
370
370
  padding: 0.2145rem 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: #666666;
377
377
  padding: 0;
378
378
  margin: 0;
@@ -896,9 +896,9 @@
896
896
  padding: 0.2145rem 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: #666666;
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
  }
@@ -5707,7 +5703,7 @@
5707
5703
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5708
5704
  }
5709
5705
  .p-message .p-message-close:hover {
5710
- background: rgba(255, 255, 255, 0.3);
5706
+ background: rgba(255, 255, 255, 0.5);
5711
5707
  }
5712
5708
  .p-message .p-message-close:focus-visible {
5713
5709
  outline: 0 none;
@@ -5817,7 +5813,7 @@
5817
5813
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5818
5814
  }
5819
5815
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5820
- background: rgba(255, 255, 255, 0.3);
5816
+ background: rgba(255, 255, 255, 0.5);
5821
5817
  }
5822
5818
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5823
5819
  outline: 0 none;
package/resources/themes/saga-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: #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/saga-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: #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/saga-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: #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;