primereact 10.3.0 → 10.3.2

package/resources/themes/nova-alt/theme.css

@@ -3267,6 +3267,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;
@@ -3280,15 +3281,17 @@
     background: #eaeaea;
     color: #333333;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #8dcdff;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #333333;
+    background: #d6d6d6;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #ffffff;
     background: #007ad9;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #007ad9;
+  }
   .p-tree {
     border: 1px solid #c8c8c8;
     background: #ffffff;
@@ -3298,6 +3301,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 #8dcdff;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3334,11 +3343,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #333333;
   }
-  .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 #8dcdff;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #007ad9;
     color: #ffffff;
@@ -3820,6 +3824,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #d8dae2;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #8dcdff;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #d8dae2;
   }

package/resources/themes/rhea/theme.css

@@ -3258,6 +3258,7 @@
     padding: 0;
     border-bottom-right-radius: 2px;
     border-bottom-left-radius: 2px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.429rem 0.857rem;
@@ -3271,15 +3272,17 @@
     background: #f4f4f4;
     color: #666666;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #e4e9ec;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #666666;
+    background: #e0e0e0;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #385048;
     background: #afd3c8;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #aed3c7;
+  }
   .p-tree {
     border: 1px solid #dadada;
     background: #ffffff;
@@ -3289,6 +3292,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 #e4e9ec;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 2px;
@@ -3325,11 +3334,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #666666;
   }
-  .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 #e4e9ec;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #afd3c8;
     color: #385048;
@@ -3811,6 +3815,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #dadada;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #e4e9ec;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #dadada;
   }

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

@@ -3258,6 +3258,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3271,15 +3272,17 @@
     background: #e9ecef;
     color: #495057;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
+  .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: #495057;
     background: #e3f2fd;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(33, 150, 243, 0.24);
+  }
   .p-tree {
     border: 1px solid #dee2e6;
     background: #ffffff;
@@ -3289,6 +3292,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 #a6d5fa;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3325,11 +3334,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 #a6d5fa;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #e3f2fd;
     color: #495057;
@@ -3836,6 +3840,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #dee2e6;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #a6d5fa;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #dee2e6;
   }

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

@@ -3258,6 +3258,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3271,15 +3272,17 @@
     background: #e9ecef;
     color: #495057;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #b7e0b8;
+  .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: #495057;
     background: #e8f5e9;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(76, 175, 80, 0.24);
+  }
   .p-tree {
     border: 1px solid #dee2e6;
     background: #ffffff;
@@ -3289,6 +3292,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 #b7e0b8;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3325,11 +3334,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 #b7e0b8;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #e8f5e9;
     color: #495057;
@@ -3836,6 +3840,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #dee2e6;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #b7e0b8;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #dee2e6;
   }

package/resources/themes/saga-orange/theme.css

@@ -3258,6 +3258,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3271,15 +3272,17 @@
     background: #e9ecef;
     color: #495057;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #ffe69c;
+  .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: #495057;
     background: #fff3e0;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(255, 193, 7, 0.24);
+  }
   .p-tree {
     border: 1px solid #dee2e6;
     background: #ffffff;
@@ -3289,6 +3292,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 #ffe69c;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3325,11 +3334,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 #ffe69c;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #fff3e0;
     color: #495057;
@@ -3836,6 +3840,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #dee2e6;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #ffe69c;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #dee2e6;
   }

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

@@ -3258,6 +3258,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3271,15 +3272,17 @@
     background: #e9ecef;
     color: #495057;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #df9eea;
+  .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: #495057;
     background: #f3e5f5;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(156, 39, 176, 0.24);
+  }
   .p-tree {
     border: 1px solid #dee2e6;
     background: #ffffff;
@@ -3289,6 +3292,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 #df9eea;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3325,11 +3334,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 #df9eea;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #f3e5f5;
     color: #495057;
@@ -3836,6 +3840,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #dee2e6;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #df9eea;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #dee2e6;
   }

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

@@ -3277,6 +3277,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;
@@ -3290,15 +3291,17 @@
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #e0d8fc;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(255, 255, 255, 0.09);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #b19df7;
     background: rgba(177, 157, 247, 0.16);
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(177, 157, 247, 0.24);
+  }
   .p-tree {
     border: 1px solid #3e4053;
     background: #282936;
@@ -3308,6 +3311,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 #e0d8fc;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 6px;
@@ -3344,11 +3353,6 @@
   .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:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #e0d8fc;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(177, 157, 247, 0.16);
     color: #b19df7;
@@ -3830,6 +3834,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #3e4053;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #e0d8fc;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #3e4053;
   }

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

@@ -3277,6 +3277,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;
@@ -3290,15 +3291,17 @@
     background: #f6f9fc;
     color: #043d75;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #c7bbfa;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #043d75;
+    background: #dfe7ef;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #7254f3;
     background: #e2dcfc;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #cbc0fa;
+  }
   .p-tree {
     border: 1px solid #dfe7ef;
     background: #ffffff;
@@ -3308,6 +3311,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 #c7bbfa;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 6px;
@@ -3344,11 +3353,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #043d75;
   }
-  .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 #c7bbfa;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #e2dcfc;
     color: #7254f3;
@@ -3830,6 +3834,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #dfe7ef;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #c7bbfa;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #dfe7ef;
   }

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

@@ -3289,6 +3289,7 @@
     padding: 0.25rem 0;
     border-bottom-right-radius: 0.375rem;
     border-bottom-left-radius: 0.375rem;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.75rem 1rem;
@@ -3302,15 +3303,17 @@
     background: #f4f4f5;
     color: #18181b;
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #6366f1;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: #18181b;
+    background: #e5e7eb;
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: #312e81;
     background: #eef2ff;
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: #e0e7ff;
+  }
   .p-tree {
     border: 1px solid #e5e7eb;
     background: #ffffff;
@@ -3320,6 +3323,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 #6366f1;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 0.375rem;
@@ -3356,11 +3365,6 @@
   .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
     color: #3f3f46;
   }
-  .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 #6366f1;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: #eef2ff;
     color: #312e81;
@@ -3867,6 +3871,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #e5e7eb;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #6366f1;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #e5e7eb;
   }

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

@@ -3258,6 +3258,7 @@
     padding: 0.5rem 0;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
+    outline: 0 none;
   }
   .p-picklist .p-picklist-list .p-picklist-item {
     padding: 0.5rem 1rem;
@@ -3271,15 +3272,17 @@
     background: rgba(255, 255, 255, 0.03);
     color: rgba(255, 255, 255, 0.87);
   }
-  .p-picklist .p-picklist-list .p-picklist-item:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #93cbf9;
+  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
+    color: rgba(255, 255, 255, 0.87);
+    background: rgba(255, 255, 255, 0.09);
   }
   .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
     color: rgba(255, 255, 255, 0.87);
     background: rgba(100, 181, 246, 0.16);
   }
+  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
+    background: rgba(100, 181, 246, 0.24);
+  }
   .p-tree {
     border: 1px solid #304562;
     background: #1f2d40;
@@ -3289,6 +3292,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 #93cbf9;
   }
   .p-tree .p-tree-container .p-treenode .p-treenode-content {
     border-radius: 3px;
@@ -3325,11 +3334,6 @@
   .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:focus {
-    outline: 0 none;
-    outline-offset: 0;
-    box-shadow: inset 0 0 0 0.15rem #93cbf9;
-  }
   .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
     background: rgba(100, 181, 246, 0.16);
     color: rgba(255, 255, 255, 0.87);
@@ -3836,6 +3840,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #304562;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #93cbf9;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #304562;
   }