primeng 16.7.2 → 16.9.0

package/resources/themes/lara-light-teal/theme.css

@@ -474,6 +474,13 @@
     border-color: #e24c4c;
   }
 
+  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #99F6E4;
+    border-color: #14B8A6;
+  }
+
   .p-datepicker {
     padding: 0.5rem;
     background: #ffffff;
@@ -3238,6 +3245,7 @@
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
+    outline: 0 none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item {
     padding: 0.75rem 1.25rem;
@@ -3247,15 +3255,21 @@
     background: transparent;
     transition: box-shadow 0.2s;
   }
-  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #99F6E4;
+  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+    background: #e9ecef;
+    color: #495057;
+  }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+    color: #495057;
+    background: #dee2e6;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #0F766E;
     background: #F0FDFA;
   }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+    background: rgba(20, 184, 166, 0.24);
+  }
   .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
     padding: 0.75rem 1.25rem;
     color: #495057;
@@ -3439,6 +3453,7 @@
     padding: 0.75rem 0;
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.75rem 1.25rem;
@@ -3448,15 +3463,21 @@
     background: transparent;
     transition: box-shadow 0.2s;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #99F6E4;
+  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+    background: #e9ecef;
+    color: #495057;
+  }
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #495057;
+    background: #dee2e6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #0F766E;
     background: #F0FDFA;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(20, 184, 166, 0.24);
+  }
   .p-picklist .p-picklist-list .p-picklist-empty-message {
     padding: 0.75rem 1.25rem;
     color: #495057;
@@ -3515,6 +3536,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem #99F6E4;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 6px;
@@ -3551,11 +3578,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #495057;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #99F6E4;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #F0FDFA;
     color: #0F766E;
@@ -4043,15 +4065,19 @@
     border: 1px solid #dee2e6;
     background: #ffffff;
     color: #495057;
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 6px;
     border-bottom-left-radius: 6px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.75rem 1.25rem;
     border: 1px solid #dee2e6;
     background: #ffffff;
     color: #495057;
+    border-bottom-right-radius: 6px;
+    border-bottom-left-radius: 6px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

package/resources/themes/luna-amber/theme.css

@@ -455,6 +455,13 @@
     border-color: #e57373;
   }
 
+  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem white;
+    border-color: #FFE082;
+  }
+
   .p-datepicker {
     padding: 0.857rem;
     background: #323232;
@@ -3231,6 +3238,7 @@
     padding: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item {
     padding: 0.429rem 0.857rem;
@@ -3240,15 +3248,21 @@
     background: transparent;
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
-  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem white;
+  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+    background: #4c4c4c;
+    color: #dedede;
+  }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+    color: #dedede;
+    background: #3c3c3c;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #212529;
     background: #FFE082;
   }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+    background: #ffe081;
+  }
   .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #dedede;
@@ -3432,6 +3446,7 @@
     padding: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.429rem 0.857rem;
@@ -3441,15 +3456,21 @@
     background: transparent;
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem white;
+  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+    background: #4c4c4c;
+    color: #dedede;
+  }
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #dedede;
+    background: #3c3c3c;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #212529;
     background: #FFE082;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #ffe081;
+  }
   .p-picklist .p-picklist-list .p-picklist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #dedede;
@@ -3508,6 +3529,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem white;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3544,11 +3571,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #dedede;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem white;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #FFE082;
     color: #212529;
@@ -4036,15 +4058,19 @@
     border: 1px solid #191919;
     background: #323232;
     color: #dedede;
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.571rem 1rem;
     border: 1px solid #191919;
     background: #323232;
     color: #dedede;
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

package/resources/themes/luna-blue/theme.css

@@ -455,6 +455,13 @@
     border-color: #e57373;
   }
 
+  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem white;
+    border-color: #81D4FA;
+  }
+
   .p-datepicker {
     padding: 0.857rem;
     background: #323232;
@@ -3231,6 +3238,7 @@
     padding: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item {
     padding: 0.429rem 0.857rem;
@@ -3240,15 +3248,21 @@
     background: transparent;
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
-  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem white;
+  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+    background: #4c4c4c;
+    color: #dedede;
+  }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+    color: #dedede;
+    background: #3c3c3c;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #212529;
     background: #81D4FA;
   }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+    background: #81d4fa;
+  }
   .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #dedede;
@@ -3432,6 +3446,7 @@
     padding: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.429rem 0.857rem;
@@ -3441,15 +3456,21 @@
     background: transparent;
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem white;
+  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+    background: #4c4c4c;
+    color: #dedede;
+  }
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #dedede;
+    background: #3c3c3c;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #212529;
     background: #81D4FA;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #81d4fa;
+  }
   .p-picklist .p-picklist-list .p-picklist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #dedede;
@@ -3508,6 +3529,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem white;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3544,11 +3571,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #dedede;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem white;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #81D4FA;
     color: #212529;
@@ -4036,15 +4058,19 @@
     border: 1px solid #191919;
     background: #323232;
     color: #dedede;
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.571rem 1rem;
     border: 1px solid #191919;
     background: #323232;
     color: #dedede;
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

package/resources/themes/luna-green/theme.css

@@ -455,6 +455,13 @@
     border-color: #e57373;
   }
 
+  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem white;
+    border-color: #C5E1A5;
+  }
+
   .p-datepicker {
     padding: 0.857rem;
     background: #323232;
@@ -3231,6 +3238,7 @@
     padding: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item {
     padding: 0.429rem 0.857rem;
@@ -3240,15 +3248,21 @@
     background: transparent;
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
-  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem white;
+  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+    background: #4c4c4c;
+    color: #dedede;
+  }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+    color: #dedede;
+    background: #3c3c3c;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #212529;
     background: #C5E1A5;
   }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+    background: #c5e1a5;
+  }
   .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #dedede;
@@ -3432,6 +3446,7 @@
     padding: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.429rem 0.857rem;
@@ -3441,15 +3456,21 @@
     background: transparent;
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem white;
+  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+    background: #4c4c4c;
+    color: #dedede;
+  }
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #dedede;
+    background: #3c3c3c;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #212529;
     background: #C5E1A5;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #c5e1a5;
+  }
   .p-picklist .p-picklist-list .p-picklist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #dedede;
@@ -3508,6 +3529,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem white;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3544,11 +3571,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #dedede;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem white;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #C5E1A5;
     color: #212529;
@@ -4036,15 +4058,19 @@
     border: 1px solid #191919;
     background: #323232;
     color: #dedede;
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.571rem 1rem;
     border: 1px solid #191919;
     background: #323232;
     color: #dedede;
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {

package/resources/themes/luna-pink/theme.css

@@ -455,6 +455,13 @@
     border-color: #e57373;
   }
 
+  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem white;
+    border-color: #F48FB1;
+  }
+
   .p-datepicker {
     padding: 0.857rem;
     background: #323232;
@@ -3231,6 +3238,7 @@
     padding: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item {
     padding: 0.429rem 0.857rem;
@@ -3240,15 +3248,21 @@
     background: transparent;
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
-  .p-orderlist .p-orderlist-list .p-orderlist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem white;
+  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
+    background: #4c4c4c;
+    color: #dedede;
+  }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
+    color: #dedede;
+    background: #3c3c3c;
   }
   .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
     color: #212529;
     background: #F48FB1;
   }
+  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
+    background: #f48fb1;
+  }
   .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #dedede;
@@ -3432,6 +3446,7 @@
     padding: 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.429rem 0.857rem;
@@ -3441,15 +3456,21 @@
     background: transparent;
     transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem white;
+  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
+    background: #4c4c4c;
+    color: #dedede;
+  }
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #dedede;
+    background: #3c3c3c;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #212529;
     background: #F48FB1;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #f48fb1;
+  }
   .p-picklist .p-picklist-list .p-picklist-empty-message {
     padding: 0.429rem 0.857rem;
     color: #dedede;
@@ -3508,6 +3529,12 @@
   }
   .p-tree .p-tree-container .p-treenode {
     padding: 0.143rem;
+    outline: 0 none;
+  }
+  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 0.15rem white;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3544,11 +3571,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #dedede;
   }
-  .p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem white;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #F48FB1;
     color: #212529;
@@ -4036,15 +4058,19 @@
     border: 1px solid #191919;
     background: #323232;
     color: #dedede;
+    border-top: 0 none;
+  }
+  .p-panel .p-panel-content:last-child {
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
-    border-top: 0 none;
   }
   .p-panel .p-panel-footer {
     padding: 0.571rem 1rem;
     border: 1px solid #191919;
     background: #323232;
     color: #dedede;
+    border-bottom-right-radius: 3px;
+    border-bottom-left-radius: 3px;
     border-top: 0 none;
   }
   .p-panel .p-panel-icons-end {