primeng 17.15.0 → 17.16.1

package/resources/themes/vela-purple/theme.css

@@ -735,6 +735,15 @@
   .p-cascadeselect.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-cascadeselect.p-variant-filled {
+    background-color: #304562;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:hover {
+    background-color: #304562;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:focus {
+    background-color: #304562;
+  }
 
   .p-cascadeselect-panel {
     background: #1f2d40;
@@ -851,6 +860,18 @@
     background: #a241b2;
     color: #ffffff;
   }
+  .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #304562;
+  }
+  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #BA68C8;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+    background-color: #304562;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #a241b2;
+  }
 
   p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
     border-color: #ef9a9a;
@@ -990,6 +1011,15 @@
   .p-dropdown.p-invalid.p-component {
     border-color: #ef9a9a;
   }
+  .p-dropdown.p-variant-filled {
+    background-color: #304562;
+  }
+  .p-dropdown.p-variant-filled:enabled:hover {
+    background-color: #304562;
+  }
+  .p-dropdown.p-variant-filled:enabled:focus {
+    background-color: #304562;
+  }
 
   .p-dropdown-panel {
     background: #1f2d40;
@@ -1173,6 +1203,16 @@
     right: 0.5rem;
   }
 
+  .p-inputmask.p-variant-filled {
+    background-color: #304562;
+  }
+  .p-inputmask.p-variant-filled:enabled:hover {
+    background-color: #304562;
+  }
+  .p-inputmask.p-variant-filled:enabled:focus {
+    background-color: #304562;
+  }
+
   p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
     border-color: #ef9a9a;
   }
@@ -1192,6 +1232,16 @@
     right: 2.857rem;
   }
 
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
+    background-color: #304562;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
+    background-color: #304562;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
+    background-color: #304562;
+  }
+
   .p-inputotp {
     display: flex;
     align-items: center;
@@ -1270,6 +1320,15 @@
   .p-inputtext.ng-dirty.ng-invalid {
     border-color: #ef9a9a;
   }
+  .p-inputtext.p-variant-filled {
+    background-color: #304562;
+  }
+  .p-inputtext.p-variant-filled:enabled:hover {
+    background-color: #304562;
+  }
+  .p-inputtext.p-variant-filled:enabled:focus {
+    background-color: #304562;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1486,8 +1545,17 @@
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
   }
+  .p-multiselect.p-variant-filled {
+    background: #304562;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
+    background-color: #304562;
+  }
 
-  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
     padding: 0.25rem 0.5rem;
   }
 
@@ -1685,6 +1753,18 @@
     background: #a241b2;
     color: #ffffff;
   }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box {
+    background-color: #304562;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
+    background-color: #304562;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
+    background: #BA68C8;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+    background: #a241b2;
+  }
 
   p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
     border-color: #ef9a9a;
@@ -1799,9 +1879,12 @@
     margin-left: -0.5715rem;
   }
   .p-slider.p-slider-vertical {
+    height: 100%;
     width: 0.286rem;
   }
   .p-slider.p-slider-vertical .p-slider-handle {
+    height: 1.143rem;
+    width: 1.143rem;
     margin-left: -0.5715rem;
     margin-bottom: -0.5715rem;
   }
@@ -1916,6 +1999,15 @@
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
   }
+  .p-treeselect.p-variant-filled {
+    background-color: #304562;
+  }
+  .p-treeselect.p-variant-filled:enabled:hover {
+    background-color: #304562;
+  }
+  .p-treeselect.p-variant-filled:enabled:focus {
+    background-color: #304562;
+  }
 
   p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
     border-color: #ef9a9a;
@@ -3419,6 +3511,18 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #304562;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #BA68C8;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #304562;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #a241b2;
+  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(186, 104, 200, 0.16);
     color: rgba(255, 255, 255, 0.87);
@@ -3616,6 +3720,18 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #304562;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #BA68C8;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #304562;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #a241b2;
+  }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #cf95d9;
     outline-offset: -0.15rem;
@@ -6016,10 +6132,6 @@
     height: 1.5rem;
     line-height: 1.5rem;
   }
-  .p-badge.p-badge-secondary {
-    background-color: #78909c;
-    color: #ffffff;
-  }
   .p-badge.p-badge-success {
     background-color: #c5e1a5;
     color: #121212;

package/resources/themes/viva-dark/theme.css

@@ -765,6 +765,15 @@
   .p-cascadeselect.p-invalid.p-component {
     border-color: #f78c79;
   }
+  .p-cascadeselect.p-variant-filled {
+    background-color: #263238;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:hover {
+    background-color: #263238;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:focus {
+    background-color: #263238;
+  }
 
   .p-cascadeselect-panel {
     background: #161d21;
@@ -881,6 +890,18 @@
     background: #7f93de;
     color: #121212;
   }
+  .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #263238;
+  }
+  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #9eade6;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+    background-color: #263238;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #7f93de;
+  }
 
   p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
     border-color: #f78c79;
@@ -1020,6 +1041,15 @@
   .p-dropdown.p-invalid.p-component {
     border-color: #f78c79;
   }
+  .p-dropdown.p-variant-filled {
+    background-color: #263238;
+  }
+  .p-dropdown.p-variant-filled:enabled:hover {
+    background-color: #263238;
+  }
+  .p-dropdown.p-variant-filled:enabled:focus {
+    background-color: #263238;
+  }
 
   .p-dropdown-panel {
     background: #161d21;
@@ -1203,6 +1233,16 @@
     right: 0.75rem;
   }
 
+  .p-inputmask.p-variant-filled {
+    background-color: #263238;
+  }
+  .p-inputmask.p-variant-filled:enabled:hover {
+    background-color: #263238;
+  }
+  .p-inputmask.p-variant-filled:enabled:focus {
+    background-color: #263238;
+  }
+
   p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
     border-color: #f78c79;
   }
@@ -1222,6 +1262,16 @@
     right: 3.607rem;
   }
 
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
+    background-color: #263238;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
+    background-color: #263238;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
+    background-color: #263238;
+  }
+
   .p-inputotp {
     display: flex;
     align-items: center;
@@ -1300,6 +1350,15 @@
   .p-inputtext.ng-dirty.ng-invalid {
     border-color: #f78c79;
   }
+  .p-inputtext.p-variant-filled {
+    background-color: #263238;
+  }
+  .p-inputtext.p-variant-filled:enabled:hover {
+    background-color: #263238;
+  }
+  .p-inputtext.p-variant-filled:enabled:focus {
+    background-color: #263238;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1516,8 +1575,17 @@
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
   }
+  .p-multiselect.p-variant-filled {
+    background: #263238;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
+    background-color: #263238;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
+    background-color: #263238;
+  }
 
-  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
     padding: 0.25rem 0.75rem;
   }
 
@@ -1715,6 +1783,18 @@
     background: #7f93de;
     color: #121212;
   }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box {
+    background-color: #263238;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
+    background-color: #263238;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
+    background: #9eade6;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+    background: #7f93de;
+  }
 
   p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
     border-color: #f78c79;
@@ -1829,9 +1909,12 @@
     margin-left: -0.5715rem;
   }
   .p-slider.p-slider-vertical {
+    height: 100%;
     width: 0.286rem;
   }
   .p-slider.p-slider-vertical .p-slider-handle {
+    height: 1.143rem;
+    width: 1.143rem;
     margin-left: -0.5715rem;
     margin-bottom: -0.5715rem;
   }
@@ -1946,6 +2029,15 @@
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
   }
+  .p-treeselect.p-variant-filled {
+    background-color: #263238;
+  }
+  .p-treeselect.p-variant-filled:enabled:hover {
+    background-color: #263238;
+  }
+  .p-treeselect.p-variant-filled:enabled:focus {
+    background-color: #263238;
+  }
 
   p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
     border-color: #f78c79;
@@ -3449,6 +3541,18 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #263238;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #9eade6;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #263238;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #7f93de;
+  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(158, 173, 230, 0.16);
     color: #9eade6;
@@ -3646,6 +3750,18 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(255, 255, 255, 0.87);
   }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #263238;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #9eade6;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #263238;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #7f93de;
+  }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #9eade6;
     outline-offset: -0.15rem;
@@ -6046,10 +6162,6 @@
     height: 1.5rem;
     line-height: 1.5rem;
   }
-  .p-badge.p-badge-secondary {
-    background-color: #b4bfcd;
-    color: #0e1315;
-  }
   .p-badge.p-badge-success {
     background-color: #cede9c;
     color: #0e1315;

package/resources/themes/viva-light/theme.css

@@ -766,6 +766,15 @@
   .p-cascadeselect.p-invalid.p-component {
     border-color: #f88c79;
   }
+  .p-cascadeselect.p-variant-filled {
+    background-color: #f2f2f2;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:hover {
+    background-color: #f2f2f2;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:focus {
+    background-color: #f2f2f2;
+  }
 
   .p-cascadeselect-panel {
     background: #ffffff;
@@ -882,6 +891,18 @@
     background: #3c5ece;
     color: #ffffff;
   }
+  .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #f2f2f2;
+  }
+  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #5472d4;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+    background-color: #f2f2f2;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #3c5ece;
+  }
 
   p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
     border-color: #f88c79;
@@ -1021,6 +1042,15 @@
   .p-dropdown.p-invalid.p-component {
     border-color: #f88c79;
   }
+  .p-dropdown.p-variant-filled {
+    background-color: #f2f2f2;
+  }
+  .p-dropdown.p-variant-filled:enabled:hover {
+    background-color: #f2f2f2;
+  }
+  .p-dropdown.p-variant-filled:enabled:focus {
+    background-color: #f2f2f2;
+  }
 
   .p-dropdown-panel {
     background: #ffffff;
@@ -1204,6 +1234,16 @@
     right: 0.75rem;
   }
 
+  .p-inputmask.p-variant-filled {
+    background-color: #f2f2f2;
+  }
+  .p-inputmask.p-variant-filled:enabled:hover {
+    background-color: #f2f2f2;
+  }
+  .p-inputmask.p-variant-filled:enabled:focus {
+    background-color: #f2f2f2;
+  }
+
   p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
     border-color: #f88c79;
   }
@@ -1223,6 +1263,16 @@
     right: 3.607rem;
   }
 
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
+    background-color: #f2f2f2;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
+    background-color: #f2f2f2;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
+    background-color: #f2f2f2;
+  }
+
   .p-inputotp {
     display: flex;
     align-items: center;
@@ -1301,6 +1351,15 @@
   .p-inputtext.ng-dirty.ng-invalid {
     border-color: #f88c79;
   }
+  .p-inputtext.p-variant-filled {
+    background-color: #f2f2f2;
+  }
+  .p-inputtext.p-variant-filled:enabled:hover {
+    background-color: #f2f2f2;
+  }
+  .p-inputtext.p-variant-filled:enabled:focus {
+    background-color: #f2f2f2;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1517,8 +1576,17 @@
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
   }
+  .p-multiselect.p-variant-filled {
+    background: #f2f2f2;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
+    background-color: #f2f2f2;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
+    background-color: #f2f2f2;
+  }
 
-  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
     padding: 0.25rem 0.75rem;
   }
 
@@ -1716,6 +1784,18 @@
     background: #3c5ece;
     color: #ffffff;
   }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box {
+    background-color: #f2f2f2;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
+    background-color: #f2f2f2;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
+    background: #5472d4;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+    background: #3c5ece;
+  }
 
   p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
     border-color: #f88c79;
@@ -1830,9 +1910,12 @@
     margin-left: -0.5715rem;
   }
   .p-slider.p-slider-vertical {
+    height: 100%;
     width: 0.286rem;
   }
   .p-slider.p-slider-vertical .p-slider-handle {
+    height: 1.143rem;
+    width: 1.143rem;
     margin-left: -0.5715rem;
     margin-bottom: -0.5715rem;
   }
@@ -1947,6 +2030,15 @@
     border-top-right-radius: 6px;
     border-bottom-right-radius: 6px;
   }
+  .p-treeselect.p-variant-filled {
+    background-color: #f2f2f2;
+  }
+  .p-treeselect.p-variant-filled:enabled:hover {
+    background-color: #f2f2f2;
+  }
+  .p-treeselect.p-variant-filled:enabled:focus {
+    background-color: #f2f2f2;
+  }
 
   p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
     border-color: #f88c79;
@@ -3450,6 +3542,18 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #6c6c6c;
   }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #f2f2f2;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #5472d4;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #f2f2f2;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #3c5ece;
+  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #ced6f1;
     color: #585858;
@@ -3647,6 +3751,18 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #6c6c6c;
   }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #f2f2f2;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #5472d4;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #f2f2f2;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #3c5ece;
+  }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #bbc7ee;
     outline-offset: -0.15rem;
@@ -6047,10 +6163,6 @@
     height: 1.5rem;
     line-height: 1.5rem;
   }
-  .p-badge.p-badge-secondary {
-    background-color: #8191a6;
-    color: #ffffff;
-  }
   .p-badge.p-badge-success {
     background-color: #8bae2c;
     color: #ffffff;

package/skeleton/skeleton.d.ts

@@ -33,10 +33,10 @@ export declare class Skeleton {
      */
     borderRadius: string | undefined;
     /**
-     * Size of the Circle or Square.
+     * Size of the skeleton.
      * @group Props
      */
-    size: string | undefined;
+    size: 'circle' | 'square' | undefined;
     /**
      * Width of the element.
      * @group Props
@@ -52,7 +52,7 @@ export declare class Skeleton {
         'p-skeleton-circle': boolean;
         'p-skeleton-none': boolean;
     };
-    containerStyle(): {
+    get containerStyle(): {
         width: string;
         height: string;
         borderRadius: string;

package/table/table.d.ts

@@ -1459,6 +1459,22 @@ export declare class ColumnFilter implements AfterContentInit {
      * @group Props
      */
     ariaLabel: string | undefined;
+    /**
+     * Callback to invoke on overlay is shown.
+     * @param {AnimationEvent} originalEvent - animation event.
+     * @group Emits
+     */
+    onShow: EventEmitter<{
+        originalEvent: AnimationEvent;
+    }>;
+    /**
+     * Callback to invoke on overlay is hidden.
+     * @param {AnimationEvent} originalEvent - animation event.
+     * @group Emits
+     */
+    onHide: EventEmitter<{
+        originalEvent: AnimationEvent;
+    }>;
     icon: Nullable<ElementRef>;
     clearButtonViewChild: Nullable<ElementRef>;
     templates: Nullable<QueryList<any>>;
@@ -1538,7 +1554,7 @@ export declare class ColumnFilter implements AfterContentInit {
     applyFilter(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFilter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFilter, "p-columnFilter", never, { "field": { "alias": "field"; "required": false; }; "type": { "alias": "type"; "required": false; }; "display": { "alias": "display"; "required": false; }; "showMenu": { "alias": "showMenu"; "required": false; }; "matchMode": { "alias": "matchMode"; "required": false; }; "operator": { "alias": "operator"; "required": false; }; "showOperator": { "alias": "showOperator"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; }; "showMatchModes": { "alias": "showMatchModes"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "hideOnClear": { "alias": "hideOnClear"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "matchModeOptions": { "alias": "matchModeOptions"; "required": false; }; "maxConstraints": { "alias": "maxConstraints"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, ["templates"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFilter, "p-columnFilter", never, { "field": { "alias": "field"; "required": false; }; "type": { "alias": "type"; "required": false; }; "display": { "alias": "display"; "required": false; }; "showMenu": { "alias": "showMenu"; "required": false; }; "matchMode": { "alias": "matchMode"; "required": false; }; "operator": { "alias": "operator"; "required": false; }; "showOperator": { "alias": "showOperator"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; }; "showMatchModes": { "alias": "showMatchModes"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "hideOnClear": { "alias": "hideOnClear"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "matchModeOptions": { "alias": "matchModeOptions"; "required": false; }; "maxConstraints": { "alias": "maxConstraints"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], never, false, never>;
     static ngAcceptInputType_showMenu: unknown;
     static ngAcceptInputType_showOperator: unknown;
     static ngAcceptInputType_showClearButton: unknown;