primeng 17.15.0 → 17.16.1

package/resources/themes/bootstrap4-light-purple/theme.css

@@ -735,6 +735,15 @@
   .p-cascadeselect.p-invalid.p-component {
     border-color: #dc3545;
   }
+  .p-cascadeselect.p-variant-filled {
+    background-color: #efefef;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:focus {
+    background-color: #efefef;
+  }
 
   .p-cascadeselect-panel {
     background: #ffffff;
@@ -851,6 +860,18 @@
     background: #68329e;
     color: #ffffff;
   }
+  .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #efefef;
+  }
+  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #883cae;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+    background-color: #efefef;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #68329e;
+  }
 
   p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
     border-color: #dc3545;
@@ -994,6 +1015,15 @@
   .p-dropdown.p-invalid.p-component {
     border-color: #dc3545;
   }
+  .p-dropdown.p-variant-filled {
+    background-color: #efefef;
+  }
+  .p-dropdown.p-variant-filled:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-dropdown.p-variant-filled:enabled:focus {
+    background-color: #efefef;
+  }
 
   .p-dropdown-panel {
     background: #ffffff;
@@ -1177,6 +1207,16 @@
     right: 0.75rem;
   }
 
+  .p-inputmask.p-variant-filled {
+    background-color: #efefef;
+  }
+  .p-inputmask.p-variant-filled:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-inputmask.p-variant-filled:enabled:focus {
+    background-color: #efefef;
+  }
+
   p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
     border-color: #dc3545;
   }
@@ -1196,6 +1236,16 @@
     right: 3.107rem;
   }
 
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
+    background-color: #efefef;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
+    background-color: #efefef;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
+    background-color: #efefef;
+  }
+
   .p-inputotp {
     display: flex;
     align-items: center;
@@ -1274,6 +1324,15 @@
   .p-inputtext.ng-dirty.ng-invalid {
     border-color: #dc3545;
   }
+  .p-inputtext.p-variant-filled {
+    background-color: #efefef;
+  }
+  .p-inputtext.p-variant-filled:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-inputtext.p-variant-filled:enabled:focus {
+    background-color: #efefef;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.65625rem;
@@ -1490,8 +1549,17 @@
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
   }
+  .p-multiselect.p-variant-filled {
+    background: #efefef;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
+    background-color: #efefef;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
+    background-color: #efefef;
+  }
 
-  .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;
   }
 
@@ -1689,6 +1757,18 @@
     background: #68329e;
     color: #ffffff;
   }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box {
+    background-color: #efefef;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
+    background-color: #efefef;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight {
+    background: #883cae;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+    background: #68329e;
+  }
 
   p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
     border-color: #dc3545;
@@ -1811,9 +1891,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;
   }
@@ -1928,6 +2011,15 @@
     border-top-right-radius: 4px;
     border-bottom-right-radius: 4px;
   }
+  .p-treeselect.p-variant-filled {
+    background-color: #efefef;
+  }
+  .p-treeselect.p-variant-filled:enabled:hover {
+    background-color: #efefef;
+  }
+  .p-treeselect.p-variant-filled:enabled:focus {
+    background-color: #efefef;
+  }
 
   p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
     border-color: #dc3545;
@@ -2462,6 +2554,55 @@
     color: #dc3545;
   }
 
+  .p-button.p-button-contrast, .p-button-group.p-button-contrast > .p-button, .p-splitbutton.p-button-contrast > .p-button {
+    color: #ffffff;
+    background: #212529;
+    border: 1px solid #212529;
+  }
+  .p-button.p-button-contrast:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):hover {
+    background: #343a40;
+    color: #ffffff;
+    border-color: #343a40;
+  }
+  .p-button.p-button-contrast:not(:disabled):focus, .p-button-group.p-button-contrast > .p-button:not(:disabled):focus, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):focus {
+    box-shadow: none;
+  }
+  .p-button.p-button-contrast:not(:disabled):active, .p-button-group.p-button-contrast > .p-button:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button:not(:disabled):active {
+    background: #495057;
+    color: #ffffff;
+    border-color: #495057;
+  }
+  .p-button.p-button-contrast.p-button-outlined, .p-button-group.p-button-contrast > .p-button.p-button-outlined, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined {
+    background-color: transparent;
+    color: #212529;
+    border: 1px solid;
+  }
+  .p-button.p-button-contrast.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):hover {
+    background: rgba(33, 37, 41, 0.04);
+    color: #212529;
+    border: 1px solid;
+  }
+  .p-button.p-button-contrast.p-button-outlined:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-outlined:not(:disabled):active {
+    background: rgba(33, 37, 41, 0.16);
+    color: #212529;
+    border: 1px solid;
+  }
+  .p-button.p-button-contrast.p-button-text, .p-button-group.p-button-contrast > .p-button.p-button-text, .p-splitbutton.p-button-contrast > .p-button.p-button-text {
+    background-color: transparent;
+    color: #212529;
+    border-color: transparent;
+  }
+  .p-button.p-button-contrast.p-button-text:not(:disabled):hover, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):hover {
+    background: rgba(33, 37, 41, 0.04);
+    border-color: transparent;
+    color: #212529;
+  }
+  .p-button.p-button-contrast.p-button-text:not(:disabled):active, .p-button-group.p-button-contrast > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-contrast > .p-button.p-button-text:not(:disabled):active {
+    background: rgba(33, 37, 41, 0.16);
+    border-color: transparent;
+    color: #212529;
+  }
+
   .p-button.p-button-link {
     color: #883cae;
     background: transparent;
@@ -3431,6 +3572,18 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #212529;
   }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #efefef;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #883cae;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #efefef;
+  }
+  .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: #68329e;
+  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #883cae;
     color: #ffffff;
@@ -3628,6 +3781,18 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #212529;
   }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #efefef;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #883cae;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #efefef;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #68329e;
+  }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid rgba(136, 60, 174, 0.5);
     outline-offset: -0.15rem;
@@ -6028,10 +6193,6 @@
     height: 1.5rem;
     line-height: 1.5rem;
   }
-  .p-badge.p-badge-secondary {
-    background-color: #6c757d;
-    color: #ffffff;
-  }
   .p-badge.p-badge-success {
     background-color: #28a745;
     color: #ffffff;

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

@@ -735,6 +735,15 @@
   .p-cascadeselect.p-invalid.p-component {
     border-color: #a4252c;
   }
+  .p-cascadeselect.p-variant-filled {
+    background-color: #faf9f8;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:hover {
+    background-color: #faf9f8;
+  }
+  .p-cascadeselect.p-variant-filled:enabled:focus {
+    background-color: #faf9f8;
+  }
 
   .p-cascadeselect-panel {
     background: #ffffff;
@@ -851,6 +860,18 @@
     background: #005a9e;
     color: #ffffff;
   }
+  .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #faf9f8;
+  }
+  .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #0078d4;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box:hover {
+    background-color: #faf9f8;
+  }
+  .p-checkbox.p-variant-filled:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #005a9e;
+  }
 
   p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
     border-color: #a4252c;
@@ -990,6 +1011,15 @@
   .p-dropdown.p-invalid.p-component {
     border-color: #a4252c;
   }
+  .p-dropdown.p-variant-filled {
+    background-color: #faf9f8;
+  }
+  .p-dropdown.p-variant-filled:enabled:hover {
+    background-color: #faf9f8;
+  }
+  .p-dropdown.p-variant-filled:enabled:focus {
+    background-color: #faf9f8;
+  }
 
   .p-dropdown-panel {
     background: #ffffff;
@@ -1173,6 +1203,16 @@
     right: 0.5rem;
   }
 
+  .p-inputmask.p-variant-filled {
+    background-color: #faf9f8;
+  }
+  .p-inputmask.p-variant-filled:enabled:hover {
+    background-color: #faf9f8;
+  }
+  .p-inputmask.p-variant-filled:enabled:focus {
+    background-color: #faf9f8;
+  }
+
   p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
     border-color: #a4252c;
   }
@@ -1192,6 +1232,16 @@
     right: 2.857rem;
   }
 
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input {
+    background-color: #faf9f8;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:hover {
+    background-color: #faf9f8;
+  }
+  p-inputnumber.p-inputnumber.p-variant-filled > .p-inputnumber-input:enabled:focus {
+    background-color: #faf9f8;
+  }
+
   .p-inputotp {
     display: flex;
     align-items: center;
@@ -1270,6 +1320,15 @@
   .p-inputtext.ng-dirty.ng-invalid {
     border-color: #a4252c;
   }
+  .p-inputtext.p-variant-filled {
+    background-color: #faf9f8;
+  }
+  .p-inputtext.p-variant-filled:enabled:hover {
+    background-color: #faf9f8;
+  }
+  .p-inputtext.p-variant-filled:enabled:focus {
+    background-color: #faf9f8;
+  }
   .p-inputtext.p-inputtext-sm {
     font-size: 0.875rem;
     padding: 0.4375rem 0.4375rem;
@@ -1486,8 +1545,17 @@
     border-top-right-radius: 2px;
     border-bottom-right-radius: 2px;
   }
+  .p-multiselect.p-variant-filled {
+    background: #faf9f8;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
+    background-color: #faf9f8;
+  }
+  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
+    background-color: #faf9f8;
+  }
 
-  .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: #ffffff;
     color: #005a9e;
   }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box {
+    background-color: #faf9f8;
+  }
+  .p-radiobutton.p-variant-filled .p-radiobutton-box:not(.p-disabled):hover {
+    background-color: #faf9f8;
+  }
+  .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: #a4252c;
@@ -1799,9 +1879,12 @@
     margin-left: -8px;
   }
   .p-slider.p-slider-vertical {
+    height: 100%;
     width: 4px;
   }
   .p-slider.p-slider-vertical .p-slider-handle {
+    height: 16px;
+    width: 16px;
     margin-left: -8px;
     margin-bottom: -8px;
   }
@@ -1916,6 +1999,15 @@
     border-top-right-radius: 2px;
     border-bottom-right-radius: 2px;
   }
+  .p-treeselect.p-variant-filled {
+    background-color: #faf9f8;
+  }
+  .p-treeselect.p-variant-filled:enabled:hover {
+    background-color: #faf9f8;
+  }
+  .p-treeselect.p-variant-filled:enabled:focus {
+    background-color: #faf9f8;
+  }
 
   p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
     border-color: #a4252c;
@@ -3419,6 +3511,18 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #323130;
   }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #faf9f8;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #0078d4;
+  }
+  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #faf9f8;
+  }
+  .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: #005a9e;
+  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #edebe9;
     color: #323130;
@@ -3616,6 +3720,18 @@
   .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #323130;
   }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box {
+    background-color: #faf9f8;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled .p-checkbox-box.p-highlight {
+    background: #0078d4;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box:hover {
+    background-color: #faf9f8;
+  }
+  .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox.p-variant-filled:not(.p-disabled) .p-checkbox-box.p-highlight:hover {
+    background: #005a9e;
+  }
   .p-treetable .p-treetable-tbody > tr:focus-visible {
     outline: 0.15rem solid #605e5c;
     outline-offset: -0.15rem;
@@ -5962,10 +6078,6 @@
     height: 1.5rem;
     line-height: 1.5rem;
   }
-  .p-badge.p-badge-secondary {
-    background-color: #d45c00;
-    color: #ffffff;
-  }
   .p-badge.p-badge-success {
     background-color: #498205;
     color: #ffffff;