primeng 17.14.1 → 17.16.0

package/resources/themes/md-light-indigo/theme.css

@@ -758,6 +758,15 @@
   .p-cascadeselect.p-invalid.p-component {
     border-color: #b00020;
   }
+  .p-cascadeselect.p-variant-filled {
+    background-color: #f5f5f5;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   .p-cascadeselect-panel {
     background: #ffffff;
@@ -874,6 +883,18 @@
     background: #3F51B5;
     color: #ffffff;
   }
+  .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #f5f5f5;
+  }
+  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #3F51B5;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+    background-color: #ececec;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #3F51B5;
+  }
 
   p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
     border-color: #b00020;
@@ -1013,6 +1034,15 @@
   .p-dropdown.p-invalid.p-component {
     border-color: #b00020;
   }
+  .p-dropdown.p-variant-filled {
+    background-color: #f5f5f5;
+  }
+  .p-dropdown.p-variant-filled:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-dropdown.p-variant-filled:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   .p-dropdown-panel {
     background: #ffffff;
@@ -1196,6 +1226,16 @@
     right: 1rem;
   }
 
+  .p-inputmask.p-variant-filled {
+    background-color: #f5f5f5;
+  }
+  .p-inputmask.p-variant-filled:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-inputmask.p-variant-filled:enabled:focus {
+    background-color: #dcdcdc;
+  }
+
   p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
     border-color: #b00020;
   }
@@ -1215,6 +1255,16 @@
     right: 4rem;
   }
 
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
+    background-color: #f5f5f5;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
+    background-color: #ececec;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
+    background-color: #dcdcdc;
+  }
+
   .p-inputotp {
     display: flex;
     align-items: center;
@@ -1293,6 +1343,15 @@
   .p-inputtext.ng-dirty.ng-invalid {
     border-color: #b00020;
   }
+  .p-inputtext.p-variant-filled {
+    background-color: #f5f5f5;
+  }
+  .p-inputtext.p-variant-filled:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-inputtext.p-variant-filled:enabled:focus {
+    background-color: #dcdcdc;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.875rem 0.875rem;
@@ -1509,8 +1568,17 @@
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
   }
+  .p-multiselect.p-variant-filled {
+    background: #f5f5f5;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
 
-  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
     padding: 0.5rem 1rem;
   }
 
@@ -1708,6 +1776,18 @@
     background: #ffffff;
     color: #3F51B5;
   }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box {
+    background-color: #f5f5f5;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
+    background: #ffffff;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+    background: #ffffff;
+  }
 
   p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
     border-color: #b00020;
@@ -1822,9 +1902,12 @@
     margin-left: -10px;
   }
   .p-slider.p-slider-vertical {
+    height: 100%;
     width: 2px;
   }
   .p-slider.p-slider-vertical .p-slider-handle {
+    height: 20px;
+    width: 20px;
     margin-left: -10px;
     margin-bottom: -10px;
   }
@@ -1939,6 +2022,15 @@
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
   }
+  .p-treeselect.p-variant-filled {
+    background-color: #f5f5f5;
+  }
+  .p-treeselect.p-variant-filled:enabled:hover {
+    background-color: #ececec;
+  }
+  .p-treeselect.p-variant-filled:enabled:focus {
+    background-color: #dcdcdc;
+  }
 
   p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
     border-color: #b00020;
@@ -3491,6 +3583,18 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(0, 0, 0, 0.87);
   }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #f5f5f5;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #3F51B5;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #ececec;
+  }
+  .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: #3F51B5;
+  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(63, 81, 181, 0.12);
     color: #3F51B5;
@@ -3688,6 +3792,18 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: rgba(0, 0, 0, 0.87);
   }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #f5f5f5;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #3F51B5;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #ececec;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #3F51B5;
+  }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: -0.15rem;
@@ -6937,11 +7053,10 @@
   .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
     box-shadow: 0 0 1px 10px rgba(63, 81, 181, 0.12);
   }
-
-  .p-input-filled .p-checkbox .p-checkbox-box {
+  .p-checkbox.p-variant-filled .p-checkbox-box {
     background-color: #ffffff;
   }
-  .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover {
     background-color: #ffffff;
   }
 
@@ -7058,6 +7173,18 @@
   .p-dropdown:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5, inset 0 0 0 1px #3F51B5;
   }
+  .p-dropdown.p-variant-filled {
+    background: #f5f5f5;
+  }
+  .p-dropdown.p-variant-filled:not(.p-disabled):hover {
+    background-color: #ececec;
+  }
+  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
+    background-color: #dcdcdc;
+  }
+  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
 
   .p-dropdown-item .p-ink {
     background-color: rgba(63, 81, 181, 0.16);

package/resources/themes/mdc-dark-deeppurple/theme.css

@@ -758,6 +758,15 @@
   .p-cascadeselect.p-invalid.p-component {
     border-color: #f44435;
   }
+  .p-cascadeselect.p-variant-filled {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-cascadeselect.p-variant-filled:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-cascadeselect.p-variant-filled:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-cascadeselect-panel {
     background: #2b2b2b;
@@ -874,6 +883,18 @@
     background: #CE93D8;
     color: #121212;
   }
+  .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #CE93D8;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #CE93D8;
+  }
 
   p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
     border-color: #f44435;
@@ -1013,6 +1034,15 @@
   .p-dropdown.p-invalid.p-component {
     border-color: #f44435;
   }
+  .p-dropdown.p-variant-filled {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-dropdown.p-variant-filled:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-dropdown.p-variant-filled:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-dropdown-panel {
     background: #2b2b2b;
@@ -1196,6 +1226,16 @@
     right: 0.75rem;
   }
 
+  .p-inputmask.p-variant-filled {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputmask.p-variant-filled:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputmask.p-variant-filled:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+
   p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
     border-color: #f44435;
   }
@@ -1215,6 +1255,16 @@
     right: 3.5rem;
   }
 
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+
   .p-inputotp {
     display: flex;
     align-items: center;
@@ -1293,6 +1343,15 @@
   .p-inputtext.ng-dirty.ng-invalid {
     border-color: #f44435;
   }
+  .p-inputtext.p-variant-filled {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputtext.p-variant-filled:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputtext.p-variant-filled:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1509,8 +1568,17 @@
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
   }
+  .p-multiselect.p-variant-filled {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
-  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
     padding: 0.375rem 0.75rem;
   }
 
@@ -1708,6 +1776,18 @@
     background: #121212;
     color: #CE93D8;
   }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
+    background: #121212;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+    background: #121212;
+  }
 
   p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
     border-color: #f44435;
@@ -1822,9 +1902,12 @@
     margin-left: -10px;
   }
   .p-slider.p-slider-vertical {
+    height: 100%;
     width: 2px;
   }
   .p-slider.p-slider-vertical .p-slider-handle {
+    height: 20px;
+    width: 20px;
     margin-left: -10px;
     margin-bottom: -10px;
   }
@@ -1939,6 +2022,15 @@
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
   }
+  .p-treeselect.p-variant-filled {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-treeselect.p-variant-filled:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-treeselect.p-variant-filled:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
     border-color: #f44435;
@@ -3491,6 +3583,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: rgba(255, 255, 255, 0.06);
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #CE93D8;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .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: #CE93D8;
+  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(206, 147, 216, 0.16);
     color: #CE93D8;
@@ -3688,6 +3792,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: rgba(255, 255, 255, 0.06);
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #CE93D8;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #CE93D8;
+  }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: -0.15rem;
@@ -6937,11 +7053,10 @@
   .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
     box-shadow: 0 0 1px 10px rgba(206, 147, 216, 0.12);
   }
-
-  .p-input-filled .p-checkbox .p-checkbox-box {
+  .p-checkbox.p-variant-filled .p-checkbox-box {
     background-color: #1e1e1e;
   }
-  .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover {
     background-color: #1e1e1e;
   }
 
@@ -7058,6 +7173,18 @@
   .p-dropdown:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8, inset 0 0 0 1px #CE93D8;
   }
+  .p-dropdown.p-variant-filled {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-dropdown.p-variant-filled:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
 
   .p-dropdown-item .p-ink {
     background-color: rgba(206, 147, 216, 0.16);

package/resources/themes/mdc-dark-indigo/theme.css

@@ -758,6 +758,15 @@
   .p-cascadeselect.p-invalid.p-component {
     border-color: #f44435;
   }
+  .p-cascadeselect.p-variant-filled {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-cascadeselect.p-variant-filled:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-cascadeselect.p-variant-filled:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-cascadeselect-panel {
     background: #2b2b2b;
@@ -874,6 +883,18 @@
     background: #9FA8DA;
     color: #121212;
   }
+  .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #9FA8DA;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #9FA8DA;
+  }
 
   p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
     border-color: #f44435;
@@ -1013,6 +1034,15 @@
   .p-dropdown.p-invalid.p-component {
     border-color: #f44435;
   }
+  .p-dropdown.p-variant-filled {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-dropdown.p-variant-filled:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-dropdown.p-variant-filled:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   .p-dropdown-panel {
     background: #2b2b2b;
@@ -1196,6 +1226,16 @@
     right: 0.75rem;
   }
 
+  .p-inputmask.p-variant-filled {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputmask.p-variant-filled:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputmask.p-variant-filled:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+
   p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
     border-color: #f44435;
   }
@@ -1215,6 +1255,16 @@
     right: 3.5rem;
   }
 
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+
   .p-inputotp {
     display: flex;
     align-items: center;
@@ -1293,6 +1343,15 @@
   .p-inputtext.ng-dirty.ng-invalid {
     border-color: #f44435;
   }
+  .p-inputtext.p-variant-filled {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-inputtext.p-variant-filled:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-inputtext.p-variant-filled:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.65625rem 0.65625rem;
@@ -1509,8 +1568,17 @@
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
   }
+  .p-multiselect.p-variant-filled {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
-  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
+  .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
     padding: 0.375rem 0.75rem;
   }
 
@@ -1708,6 +1776,18 @@
     background: #121212;
     color: #9FA8DA;
   }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
+    background: #121212;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+    background: #121212;
+  }
 
   p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
     border-color: #f44435;
@@ -1822,9 +1902,12 @@
     margin-left: -10px;
   }
   .p-slider.p-slider-vertical {
+    height: 100%;
     width: 2px;
   }
   .p-slider.p-slider-vertical .p-slider-handle {
+    height: 20px;
+    width: 20px;
     margin-left: -10px;
     margin-bottom: -10px;
   }
@@ -1939,6 +2022,15 @@
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
   }
+  .p-treeselect.p-variant-filled {
+    background-color: rgba(255, 255, 255, 0.06);
+  }
+  .p-treeselect.p-variant-filled:enabled:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-treeselect.p-variant-filled:enabled:focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
 
   p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
     border-color: #f44435;
@@ -3491,6 +3583,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: rgba(255, 255, 255, 0.06);
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #9FA8DA;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .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: #9FA8DA;
+  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(159, 168, 218, 0.16);
     color: #9FA8DA;
@@ -3688,6 +3792,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: rgba(255, 255, 255, 0.06);
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #9FA8DA;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #9FA8DA;
+  }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid transparent;
     outline-offset: -0.15rem;
@@ -6937,11 +7053,10 @@
   .p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
     box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12);
   }
-
-  .p-input-filled .p-checkbox .p-checkbox-box {
+  .p-checkbox.p-variant-filled .p-checkbox-box {
     background-color: #1e1e1e;
   }
-  .p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
+  .p-checkbox.p-variant-filled .p-checkbox-box:not(.p-disabled):hover {
     background-color: #1e1e1e;
   }
 
@@ -7058,6 +7173,18 @@
   .p-dropdown:not(.p-disabled).p-focus {
     box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
   }
+  .p-dropdown.p-variant-filled {
+    background: rgba(255, 255, 255, 0.06);
+  }
+  .p-dropdown.p-variant-filled:not(.p-disabled):hover {
+    background-color: rgba(255, 255, 255, 0.08);
+  }
+  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
+    background-color: rgba(255, 255, 255, 0.1);
+  }
+  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
+    background-color: transparent;
+  }
 
   .p-dropdown-item .p-ink {
     background-color: rgba(159, 168, 218, 0.16);