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/fluent-light/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: #323130;
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: #323130;
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/lara-dark-blue/theme.css CHANGED
@@ -387,9 +387,9 @@
387
387
  padding: 0.375rem 0;
388
388
  }
389
389
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
390
- font-family: inherit;
391
- font-feature-settings: inherit;
392
- font-size: inherit;
390
+ font-family: var(--font-family);
391
+ font-feature-settings: var(--font-feature-settings, normal);
392
+ font-size: 1rem;
393
393
  color: rgba(255, 255, 255, 0.87);
394
394
  padding: 0;
395
395
  margin: 0;
@@ -913,9 +913,9 @@
913
913
  padding: 0.375rem 0;
914
914
  }
915
915
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
916
- font-family: inherit;
917
- font-feature-settings: inherit;
918
- font-size: inherit;
916
+ font-family: var(--font-family);
917
+ font-feature-settings: var(--font-feature-settings, normal);
918
+ font-size: 1rem;
919
919
  color: rgba(255, 255, 255, 0.87);
920
920
  padding: 0;
921
921
  margin: 0;
@@ -1091,27 +1091,23 @@
1091
1091
  }
1092
1092
 
1093
1093
  .p-inputgroup > .p-component,
1094
- .p-inputgroup > .p-element,
1095
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1094
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1096
1095
  .p-inputgroup > .p-float-label > .p-component {
1097
1096
  border-radius: 0;
1098
1097
  margin: 0;
1099
1098
  }
1100
1099
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1101
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1102
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1103
1101
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1104
1102
  border-left: 0 none;
1105
1103
  }
1106
1104
  .p-inputgroup > .p-component:focus,
1107
- .p-inputgroup > .p-element:focus,
1108
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1109
1106
  .p-inputgroup > .p-float-label > .p-component:focus {
1110
1107
  z-index: 1;
1111
1108
  }
1112
1109
  .p-inputgroup > .p-component:focus ~ label,
1113
- .p-inputgroup > .p-element:focus ~ label,
1114
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1115
1111
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1116
1112
  z-index: 1;
1117
1113
  }
@@ -5724,7 +5720,7 @@
5724
5720
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5725
5721
  }
5726
5722
  .p-message .p-message-close:hover {
5727
- background: rgba(255, 255, 255, 0.3);
5723
+ background: rgba(255, 255, 255, 0.5);
5728
5724
  }
5729
5725
  .p-message .p-message-close:focus-visible {
5730
5726
  outline: 0 none;
@@ -5834,7 +5830,7 @@
5834
5830
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5835
5831
  }
5836
5832
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5837
- background: rgba(255, 255, 255, 0.3);
5833
+ background: rgba(255, 255, 255, 0.5);
5838
5834
  }
5839
5835
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5840
5836
  outline: 0 none;
package/resources/themes/lara-dark-indigo/theme.css CHANGED
@@ -387,9 +387,9 @@
387
387
  padding: 0.375rem 0;
388
388
  }
389
389
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
390
- font-family: inherit;
391
- font-feature-settings: inherit;
392
- font-size: inherit;
390
+ font-family: var(--font-family);
391
+ font-feature-settings: var(--font-feature-settings, normal);
392
+ font-size: 1rem;
393
393
  color: rgba(255, 255, 255, 0.87);
394
394
  padding: 0;
395
395
  margin: 0;
@@ -913,9 +913,9 @@
913
913
  padding: 0.375rem 0;
914
914
  }
915
915
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
916
- font-family: inherit;
917
- font-feature-settings: inherit;
918
- font-size: inherit;
916
+ font-family: var(--font-family);
917
+ font-feature-settings: var(--font-feature-settings, normal);
918
+ font-size: 1rem;
919
919
  color: rgba(255, 255, 255, 0.87);
920
920
  padding: 0;
921
921
  margin: 0;
@@ -1091,27 +1091,23 @@
1091
1091
  }
1092
1092
 
1093
1093
  .p-inputgroup > .p-component,
1094
- .p-inputgroup > .p-element,
1095
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1094
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1096
1095
  .p-inputgroup > .p-float-label > .p-component {
1097
1096
  border-radius: 0;
1098
1097
  margin: 0;
1099
1098
  }
1100
1099
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1101
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1102
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1103
1101
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1104
1102
  border-left: 0 none;
1105
1103
  }
1106
1104
  .p-inputgroup > .p-component:focus,
1107
- .p-inputgroup > .p-element:focus,
1108
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1109
1106
  .p-inputgroup > .p-float-label > .p-component:focus {
1110
1107
  z-index: 1;
1111
1108
  }
1112
1109
  .p-inputgroup > .p-component:focus ~ label,
1113
- .p-inputgroup > .p-element:focus ~ label,
1114
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1115
1111
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1116
1112
  z-index: 1;
1117
1113
  }
@@ -5724,7 +5720,7 @@
5724
5720
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5725
5721
  }
5726
5722
  .p-message .p-message-close:hover {
5727
- background: rgba(255, 255, 255, 0.3);
5723
+ background: rgba(255, 255, 255, 0.5);
5728
5724
  }
5729
5725
  .p-message .p-message-close:focus-visible {
5730
5726
  outline: 0 none;
@@ -5834,7 +5830,7 @@
5834
5830
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5835
5831
  }
5836
5832
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5837
- background: rgba(255, 255, 255, 0.3);
5833
+ background: rgba(255, 255, 255, 0.5);
5838
5834
  }
5839
5835
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5840
5836
  outline: 0 none;
package/resources/themes/lara-dark-purple/theme.css CHANGED
@@ -387,9 +387,9 @@
387
387
  padding: 0.375rem 0;
388
388
  }
389
389
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
390
- font-family: inherit;
391
- font-feature-settings: inherit;
392
- font-size: inherit;
390
+ font-family: var(--font-family);
391
+ font-feature-settings: var(--font-feature-settings, normal);
392
+ font-size: 1rem;
393
393
  color: rgba(255, 255, 255, 0.87);
394
394
  padding: 0;
395
395
  margin: 0;
@@ -913,9 +913,9 @@
913
913
  padding: 0.375rem 0;
914
914
  }
915
915
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
916
- font-family: inherit;
917
- font-feature-settings: inherit;
918
- font-size: inherit;
916
+ font-family: var(--font-family);
917
+ font-feature-settings: var(--font-feature-settings, normal);
918
+ font-size: 1rem;
919
919
  color: rgba(255, 255, 255, 0.87);
920
920
  padding: 0;
921
921
  margin: 0;
@@ -1091,27 +1091,23 @@
1091
1091
  }
1092
1092
 
1093
1093
  .p-inputgroup > .p-component,
1094
- .p-inputgroup > .p-element,
1095
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1094
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1096
1095
  .p-inputgroup > .p-float-label > .p-component {
1097
1096
  border-radius: 0;
1098
1097
  margin: 0;
1099
1098
  }
1100
1099
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1101
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1102
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1103
1101
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1104
1102
  border-left: 0 none;
1105
1103
  }
1106
1104
  .p-inputgroup > .p-component:focus,
1107
- .p-inputgroup > .p-element:focus,
1108
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1109
1106
  .p-inputgroup > .p-float-label > .p-component:focus {
1110
1107
  z-index: 1;
1111
1108
  }
1112
1109
  .p-inputgroup > .p-component:focus ~ label,
1113
- .p-inputgroup > .p-element:focus ~ label,
1114
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1115
1111
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1116
1112
  z-index: 1;
1117
1113
  }
@@ -5724,7 +5720,7 @@
5724
5720
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5725
5721
  }
5726
5722
  .p-message .p-message-close:hover {
5727
- background: rgba(255, 255, 255, 0.3);
5723
+ background: rgba(255, 255, 255, 0.5);
5728
5724
  }
5729
5725
  .p-message .p-message-close:focus-visible {
5730
5726
  outline: 0 none;
@@ -5834,7 +5830,7 @@
5834
5830
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5835
5831
  }
5836
5832
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5837
- background: rgba(255, 255, 255, 0.3);
5833
+ background: rgba(255, 255, 255, 0.5);
5838
5834
  }
5839
5835
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5840
5836
  outline: 0 none;
package/resources/themes/lara-dark-teal/theme.css CHANGED
@@ -387,9 +387,9 @@
387
387
  padding: 0.375rem 0;
388
388
  }
389
389
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
390
- font-family: inherit;
391
- font-feature-settings: inherit;
392
- font-size: inherit;
390
+ font-family: var(--font-family);
391
+ font-feature-settings: var(--font-feature-settings, normal);
392
+ font-size: 1rem;
393
393
  color: rgba(255, 255, 255, 0.87);
394
394
  padding: 0;
395
395
  margin: 0;
@@ -913,9 +913,9 @@
913
913
  padding: 0.375rem 0;
914
914
  }
915
915
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
916
- font-family: inherit;
917
- font-feature-settings: inherit;
918
- font-size: inherit;
916
+ font-family: var(--font-family);
917
+ font-feature-settings: var(--font-feature-settings, normal);
918
+ font-size: 1rem;
919
919
  color: rgba(255, 255, 255, 0.87);
920
920
  padding: 0;
921
921
  margin: 0;
@@ -1091,27 +1091,23 @@
1091
1091
  }
1092
1092
 
1093
1093
  .p-inputgroup > .p-component,
1094
- .p-inputgroup > .p-element,
1095
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1094
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1096
1095
  .p-inputgroup > .p-float-label > .p-component {
1097
1096
  border-radius: 0;
1098
1097
  margin: 0;
1099
1098
  }
1100
1099
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1101
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1102
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1103
1101
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1104
1102
  border-left: 0 none;
1105
1103
  }
1106
1104
  .p-inputgroup > .p-component:focus,
1107
- .p-inputgroup > .p-element:focus,
1108
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1109
1106
  .p-inputgroup > .p-float-label > .p-component:focus {
1110
1107
  z-index: 1;
1111
1108
  }
1112
1109
  .p-inputgroup > .p-component:focus ~ label,
1113
- .p-inputgroup > .p-element:focus ~ label,
1114
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1115
1111
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1116
1112
  z-index: 1;
1117
1113
  }
@@ -5724,7 +5720,7 @@
5724
5720
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5725
5721
  }
5726
5722
  .p-message .p-message-close:hover {
5727
- background: rgba(255, 255, 255, 0.3);
5723
+ background: rgba(255, 255, 255, 0.5);
5728
5724
  }
5729
5725
  .p-message .p-message-close:focus-visible {
5730
5726
  outline: 0 none;
@@ -5834,7 +5830,7 @@
5834
5830
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5835
5831
  }
5836
5832
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5837
- background: rgba(255, 255, 255, 0.3);
5833
+ background: rgba(255, 255, 255, 0.5);
5838
5834
  }
5839
5835
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5840
5836
  outline: 0 none;
package/resources/themes/lara-light-blue/theme.css CHANGED
@@ -387,9 +387,9 @@
387
387
  padding: 0.375rem 0;
388
388
  }
389
389
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
390
- font-family: inherit;
391
- font-feature-settings: inherit;
392
- font-size: inherit;
390
+ font-family: var(--font-family);
391
+ font-feature-settings: var(--font-feature-settings, normal);
392
+ font-size: 1rem;
393
393
  color: #4b5563;
394
394
  padding: 0;
395
395
  margin: 0;
@@ -913,9 +913,9 @@
913
913
  padding: 0.375rem 0;
914
914
  }
915
915
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
916
- font-family: inherit;
917
- font-feature-settings: inherit;
918
- font-size: inherit;
916
+ font-family: var(--font-family);
917
+ font-feature-settings: var(--font-feature-settings, normal);
918
+ font-size: 1rem;
919
919
  color: #4b5563;
920
920
  padding: 0;
921
921
  margin: 0;
@@ -1091,27 +1091,23 @@
1091
1091
  }
1092
1092
 
1093
1093
  .p-inputgroup > .p-component,
1094
- .p-inputgroup > .p-element,
1095
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1094
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1096
1095
  .p-inputgroup > .p-float-label > .p-component {
1097
1096
  border-radius: 0;
1098
1097
  margin: 0;
1099
1098
  }
1100
1099
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1101
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1102
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1103
1101
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1104
1102
  border-left: 0 none;
1105
1103
  }
1106
1104
  .p-inputgroup > .p-component:focus,
1107
- .p-inputgroup > .p-element:focus,
1108
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1109
1106
  .p-inputgroup > .p-float-label > .p-component:focus {
1110
1107
  z-index: 1;
1111
1108
  }
1112
1109
  .p-inputgroup > .p-component:focus ~ label,
1113
- .p-inputgroup > .p-element:focus ~ label,
1114
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1115
1111
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1116
1112
  z-index: 1;
1117
1113
  }
@@ -5724,7 +5720,7 @@
5724
5720
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5725
5721
  }
5726
5722
  .p-message .p-message-close:hover {
5727
- background: rgba(255, 255, 255, 0.3);
5723
+ background: rgba(255, 255, 255, 0.5);
5728
5724
  }
5729
5725
  .p-message .p-message-close:focus-visible {
5730
5726
  outline: 0 none;
@@ -5834,7 +5830,7 @@
5834
5830
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5835
5831
  }
5836
5832
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5837
- background: rgba(255, 255, 255, 0.3);
5833
+ background: rgba(255, 255, 255, 0.5);
5838
5834
  }
5839
5835
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5840
5836
  outline: 0 none;
package/resources/themes/lara-light-indigo/theme.css CHANGED
@@ -387,9 +387,9 @@
387
387
  padding: 0.375rem 0;
388
388
  }
389
389
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
390
- font-family: inherit;
391
- font-feature-settings: inherit;
392
- font-size: inherit;
390
+ font-family: var(--font-family);
391
+ font-feature-settings: var(--font-feature-settings, normal);
392
+ font-size: 1rem;
393
393
  color: #4b5563;
394
394
  padding: 0;
395
395
  margin: 0;
@@ -913,9 +913,9 @@
913
913
  padding: 0.375rem 0;
914
914
  }
915
915
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
916
- font-family: inherit;
917
- font-feature-settings: inherit;
918
- font-size: inherit;
916
+ font-family: var(--font-family);
917
+ font-feature-settings: var(--font-feature-settings, normal);
918
+ font-size: 1rem;
919
919
  color: #4b5563;
920
920
  padding: 0;
921
921
  margin: 0;
@@ -1091,27 +1091,23 @@
1091
1091
  }
1092
1092
 
1093
1093
  .p-inputgroup > .p-component,
1094
- .p-inputgroup > .p-element,
1095
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1094
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1096
1095
  .p-inputgroup > .p-float-label > .p-component {
1097
1096
  border-radius: 0;
1098
1097
  margin: 0;
1099
1098
  }
1100
1099
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1101
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1102
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1103
1101
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1104
1102
  border-left: 0 none;
1105
1103
  }
1106
1104
  .p-inputgroup > .p-component:focus,
1107
- .p-inputgroup > .p-element:focus,
1108
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1109
1106
  .p-inputgroup > .p-float-label > .p-component:focus {
1110
1107
  z-index: 1;
1111
1108
  }
1112
1109
  .p-inputgroup > .p-component:focus ~ label,
1113
- .p-inputgroup > .p-element:focus ~ label,
1114
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1115
1111
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1116
1112
  z-index: 1;
1117
1113
  }
@@ -5724,7 +5720,7 @@
5724
5720
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5725
5721
  }
5726
5722
  .p-message .p-message-close:hover {
5727
- background: rgba(255, 255, 255, 0.3);
5723
+ background: rgba(255, 255, 255, 0.5);
5728
5724
  }
5729
5725
  .p-message .p-message-close:focus-visible {
5730
5726
  outline: 0 none;
@@ -5834,7 +5830,7 @@
5834
5830
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5835
5831
  }
5836
5832
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5837
- background: rgba(255, 255, 255, 0.3);
5833
+ background: rgba(255, 255, 255, 0.5);
5838
5834
  }
5839
5835
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5840
5836
  outline: 0 none;
package/resources/themes/lara-light-purple/theme.css CHANGED
@@ -387,9 +387,9 @@
387
387
  padding: 0.375rem 0;
388
388
  }
389
389
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
390
- font-family: inherit;
391
- font-feature-settings: inherit;
392
- font-size: inherit;
390
+ font-family: var(--font-family);
391
+ font-feature-settings: var(--font-feature-settings, normal);
392
+ font-size: 1rem;
393
393
  color: #4b5563;
394
394
  padding: 0;
395
395
  margin: 0;
@@ -913,9 +913,9 @@
913
913
  padding: 0.375rem 0;
914
914
  }
915
915
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
916
- font-family: inherit;
917
- font-feature-settings: inherit;
918
- font-size: inherit;
916
+ font-family: var(--font-family);
917
+ font-feature-settings: var(--font-feature-settings, normal);
918
+ font-size: 1rem;
919
919
  color: #4b5563;
920
920
  padding: 0;
921
921
  margin: 0;
@@ -1091,27 +1091,23 @@
1091
1091
  }
1092
1092
 
1093
1093
  .p-inputgroup > .p-component,
1094
- .p-inputgroup > .p-element,
1095
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
1094
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
1096
1095
  .p-inputgroup > .p-float-label > .p-component {
1097
1096
  border-radius: 0;
1098
1097
  margin: 0;
1099
1098
  }
1100
1099
  .p-inputgroup > .p-component + .p-inputgroup-addon,
1101
- .p-inputgroup > .p-element + .p-inputgroup-addon,
1102
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
1100
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
1103
1101
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
1104
1102
  border-left: 0 none;
1105
1103
  }
1106
1104
  .p-inputgroup > .p-component:focus,
1107
- .p-inputgroup > .p-element:focus,
1108
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
1105
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
1109
1106
  .p-inputgroup > .p-float-label > .p-component:focus {
1110
1107
  z-index: 1;
1111
1108
  }
1112
1109
  .p-inputgroup > .p-component:focus ~ label,
1113
- .p-inputgroup > .p-element:focus ~ label,
1114
- .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
1110
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1115
1111
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1116
1112
  z-index: 1;
1117
1113
  }
@@ -5724,7 +5720,7 @@
5724
5720
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5725
5721
  }
5726
5722
  .p-message .p-message-close:hover {
5727
- background: rgba(255, 255, 255, 0.3);
5723
+ background: rgba(255, 255, 255, 0.5);
5728
5724
  }
5729
5725
  .p-message .p-message-close:focus-visible {
5730
5726
  outline: 0 none;
@@ -5834,7 +5830,7 @@
5834
5830
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5835
5831
  }
5836
5832
  .p-toast .p-toast-message .p-toast-icon-close:hover {
5837
- background: rgba(255, 255, 255, 0.3);
5833
+ background: rgba(255, 255, 255, 0.5);
5838
5834
  }
5839
5835
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
5840
5836
  outline: 0 none;