primeng 17.3.0 → 17.3.1

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

@@ -4247,6 +4247,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: rgba(0, 0, 0, 0.12);
     border: 0 none;
+    transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
   }
 
   .p-splitter {
@@ -4262,6 +4268,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: rgba(0, 0, 0, 0.12);
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: rgba(0, 0, 0, 0.12);
   }
@@ -7793,5 +7804,20 @@
   .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
     background: rgba(211, 47, 47, 0.16);
   }
+
+  .p-scrollpanel .p-scrollpanel-bar:focus {
+    box-shadow: 0 0 1px 4px rgba(255, 64, 129, 0.2);
+  }
+
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+    transition: transform 0.2s, box-shadow 0.2s;
+    transform: scale(0.7);
+  }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+    box-shadow: 0 0 1px 6px rgba(255, 64, 129, 0.2);
+  }
+  .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle {
+    transform: scale(1);
+  }
 }
 /* Customizations to the designer theme should be defined here */

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

@@ -4247,6 +4247,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: rgba(255, 255, 255, 0.12);
     border: 0 none;
+    transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
   }
 
   .p-splitter {
@@ -4262,6 +4268,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: rgba(255, 255, 255, 0.12);
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: rgba(255, 255, 255, 0.12);
   }
@@ -7793,5 +7804,20 @@
   .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
     background: rgba(239, 154, 154, 0.16);
   }
+
+  .p-scrollpanel .p-scrollpanel-bar:focus {
+    box-shadow: 0 0 1px 4px rgba(165, 214, 167, 0.2);
+  }
+
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+    transition: transform 0.2s, box-shadow 0.2s;
+    transform: scale(0.7);
+  }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+    box-shadow: 0 0 1px 6px rgba(165, 214, 167, 0.2);
+  }
+  .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle {
+    transform: scale(1);
+  }
 }
 /* Customizations to the designer theme should be defined here */

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

@@ -4247,6 +4247,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: rgba(255, 255, 255, 0.12);
     border: 0 none;
+    transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
   }
 
   .p-splitter {
@@ -4262,6 +4268,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: rgba(255, 255, 255, 0.12);
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: rgba(255, 255, 255, 0.12);
   }
@@ -7793,5 +7804,20 @@
   .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
     background: rgba(239, 154, 154, 0.16);
   }
+
+  .p-scrollpanel .p-scrollpanel-bar:focus {
+    box-shadow: 0 0 1px 4px rgba(244, 143, 177, 0.2);
+  }
+
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+    transition: transform 0.2s, box-shadow 0.2s;
+    transform: scale(0.7);
+  }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+    box-shadow: 0 0 1px 6px rgba(244, 143, 177, 0.2);
+  }
+  .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle {
+    transform: scale(1);
+  }
 }
 /* Customizations to the designer theme should be defined here */

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

@@ -4247,6 +4247,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: rgba(0, 0, 0, 0.12);
     border: 0 none;
+    transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
   }
 
   .p-splitter {
@@ -4262,6 +4268,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: rgba(0, 0, 0, 0.12);
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: rgba(0, 0, 0, 0.12);
   }
@@ -7793,5 +7804,20 @@
   .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
     background: rgba(211, 47, 47, 0.16);
   }
+
+  .p-scrollpanel .p-scrollpanel-bar:focus {
+    box-shadow: 0 0 1px 4px rgba(76, 175, 80, 0.2);
+  }
+
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+    transition: transform 0.2s, box-shadow 0.2s;
+    transform: scale(0.7);
+  }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+    box-shadow: 0 0 1px 6px rgba(76, 175, 80, 0.2);
+  }
+  .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle {
+    transform: scale(1);
+  }
 }
 /* Customizations to the designer theme should be defined here */

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

@@ -4247,6 +4247,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: rgba(0, 0, 0, 0.12);
     border: 0 none;
+    transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
   }
 
   .p-splitter {
@@ -4262,6 +4268,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: rgba(0, 0, 0, 0.12);
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: none;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: rgba(0, 0, 0, 0.12);
   }
@@ -7793,5 +7804,20 @@
   .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
     background: rgba(211, 47, 47, 0.16);
   }
+
+  .p-scrollpanel .p-scrollpanel-bar:focus {
+    box-shadow: 0 0 1px 4px rgba(255, 64, 129, 0.2);
+  }
+
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
+    transition: transform 0.2s, box-shadow 0.2s;
+    transform: scale(0.7);
+  }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus {
+    box-shadow: 0 0 1px 6px rgba(255, 64, 129, 0.2);
+  }
+  .p-splitter .p-splitter-gutter.p-splitter-gutter-resizing .p-splitter-gutter-handle {
+    transform: scale(1);
+  }
 }
 /* Customizations to the designer theme should be defined here */

package/resources/themes/mira/theme.css

@@ -4250,6 +4250,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #eceff4;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #c0d0e0;
   }
 
   .p-splitter {
@@ -4265,6 +4271,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #c2c7d1;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #c0d0e0;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #c2c7d1;
   }

package/resources/themes/nano/theme.css

@@ -4224,6 +4224,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f2f4f8;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #90c9f5;
   }
 
   .p-splitter {
@@ -4239,6 +4245,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 #90c9f5;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #dee2e6;
   }

package/resources/themes/nova/theme.css

@@ -4212,6 +4212,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f8f8f8;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #8dcdff;
   }
 
   .p-splitter {
@@ -4227,6 +4233,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/nova-accent/theme.css

@@ -4200,6 +4200,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f8f8f8;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #8dcdff;
   }
 
   .p-splitter {
@@ -4215,6 +4221,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/nova-alt/theme.css

@@ -4212,6 +4212,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f8f8f8;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #8dcdff;
   }
 
   .p-splitter {
@@ -4227,6 +4233,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

@@ -4200,6 +4200,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f8f8f8;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #e4e9ec;
   }
 
   .p-splitter {
@@ -4215,6 +4221,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

@@ -4224,6 +4224,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f8f9fa;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #a6d5fa;
   }
 
   .p-splitter {
@@ -4239,6 +4245,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

@@ -4224,6 +4224,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f8f9fa;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #b7e0b8;
   }
 
   .p-splitter {
@@ -4239,6 +4245,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

@@ -4224,6 +4224,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f8f9fa;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #ffe69c;
   }
 
   .p-splitter {
@@ -4239,6 +4245,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

@@ -4224,6 +4224,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f8f9fa;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem #df9eea;
   }
 
   .p-splitter {
@@ -4239,6 +4245,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

@@ -4222,6 +4222,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #3e4053;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #e0d8fc;
   }
 
   .p-splitter {
@@ -4237,6 +4243,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

@@ -4222,6 +4222,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #eff3f8;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #c7bbfa;
   }
 
   .p-splitter {
@@ -4237,6 +4243,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

@@ -4260,6 +4260,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #fafafa;
     border: 0 none;
+    transition: none;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #6366f1;
   }
 
   .p-splitter {
@@ -4275,6 +4281,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

@@ -4224,6 +4224,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #304562;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #93cbf9;
   }
 
   .p-splitter {
@@ -4239,6 +4245,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;
   }

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

@@ -4224,6 +4224,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #304562;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #a7d8a9;
   }
 
   .p-splitter {
@@ -4239,6 +4245,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 #a7d8a9;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #304562;
   }

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

@@ -4224,6 +4224,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #304562;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #ffe284;
   }
 
   .p-splitter {
@@ -4239,6 +4245,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 #ffe284;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #304562;
   }

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

@@ -4224,6 +4224,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #304562;
     border: 0 none;
+    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #cf95d9;
   }
 
   .p-splitter {
@@ -4239,6 +4245,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 #cf95d9;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #304562;
   }

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

@@ -4254,6 +4254,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #263238;
     border: 0 none;
+    transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #9eade6;
   }
 
   .p-splitter {
@@ -4269,6 +4275,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #263238;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #9eade6;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #263238;
   }