primeng 17.3.0 → 17.3.1

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

@@ -4224,6 +4224,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #383838;
     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: #383838;
   }
+  .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: #383838;
   }

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

@@ -4224,6 +4224,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #383838;
     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: #383838;
   }
+  .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: #383838;
   }

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

@@ -4224,6 +4224,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #383838;
     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: #383838;
   }
+  .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: #383838;
   }

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

@@ -4224,6 +4224,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #383838;
     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: #383838;
   }
+  .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: #383838;
   }

package/resources/themes/bootstrap4-dark-blue/theme.css

@@ -4236,6 +4236,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #3f4b5b;
     border: 0 none;
+    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #e3f3fe;
   }
 
   .p-splitter {
@@ -4251,6 +4257,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #3f4b5b;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #e3f3fe;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #3f4b5b;
   }

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

@@ -4236,6 +4236,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #3f4b5b;
     border: 0 none;
+    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #f0e6f5;
   }
 
   .p-splitter {
@@ -4251,6 +4257,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #3f4b5b;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 1px #f0e6f5;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #3f4b5b;
   }

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

@@ -4236,6 +4236,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #efefef;
     border: 0 none;
+    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
   }
 
   .p-splitter {
@@ -4251,6 +4257,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 rgba(38, 143, 255, 0.5);
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #dee2e6;
   }

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

@@ -4236,6 +4236,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #efefef;
     border: 0 none;
+    transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+  }
+  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
   }
 
   .p-splitter {
@@ -4251,6 +4257,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 rgba(136, 60, 174, 0.5);
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #dee2e6;
   }

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

@@ -4200,6 +4200,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f3f2f1;
     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: inset 0 0 0 1px #605e5c;
   }
 
   .p-splitter {
@@ -4215,6 +4221,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #edebe9;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: inset 0 0 0 1px #605e5c;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #edebe9;
   }

package/resources/themes/lara-dark-blue/theme.css

@@ -4217,6 +4217,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #424b57;
     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 rgba(96, 165, 250, 0.2);
   }
 
   .p-splitter {
@@ -4232,6 +4238,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #424b57;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2);
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #424b57;
   }

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

@@ -4217,6 +4217,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #424b57;
     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 rgba(129, 140, 248, 0.2);
   }
 
   .p-splitter {
@@ -4232,6 +4238,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #424b57;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2);
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #424b57;
   }

package/resources/themes/lara-dark-purple/theme.css

@@ -4217,6 +4217,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #424b57;
     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 rgba(167, 139, 250, 0.2);
   }
 
   .p-splitter {
@@ -4232,6 +4238,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #424b57;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2);
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #424b57;
   }

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

@@ -4217,6 +4217,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #424b57;
     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 rgba(45, 212, 191, 0.2);
   }
 
   .p-splitter {
@@ -4232,6 +4238,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #424b57;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2);
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #424b57;
   }

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

@@ -4217,6 +4217,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f9fafb;
     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 #BFDBFE;
   }
 
   .p-splitter {
@@ -4232,6 +4238,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 0.2rem #BFDBFE;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #e5e7eb;
   }

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

@@ -4217,6 +4217,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f9fafb;
     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 #C7D2FE;
   }
 
   .p-splitter {
@@ -4232,6 +4238,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 0.2rem #C7D2FE;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #e5e7eb;
   }

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

@@ -4217,6 +4217,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f9fafb;
     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 #DDD6FE;
   }
 
   .p-splitter {
@@ -4232,6 +4238,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 0.2rem #DDD6FE;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #e5e7eb;
   }

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

@@ -4217,6 +4217,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #f9fafb;
     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 #99f6e4;
   }
 
   .p-splitter {
@@ -4232,6 +4238,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 0.2rem #99f6e4;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #e5e7eb;
   }

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

@@ -4212,6 +4212,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #3f3f3f;
     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.1rem white;
   }
 
   .p-splitter {
@@ -4227,6 +4233,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #4b4b4b;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem white;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #4b4b4b;
   }

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

@@ -4212,6 +4212,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #3f3f3f;
     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.1rem white;
   }
 
   .p-splitter {
@@ -4227,6 +4233,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #4b4b4b;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem white;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #4b4b4b;
   }

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

@@ -4212,6 +4212,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #3f3f3f;
     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.1rem white;
   }
 
   .p-splitter {
@@ -4227,6 +4233,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #4b4b4b;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem white;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #4b4b4b;
   }

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

@@ -4212,6 +4212,12 @@
   .p-scrollpanel .p-scrollpanel-bar {
     background: #3f3f3f;
     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.1rem white;
   }
 
   .p-splitter {
@@ -4227,6 +4233,11 @@
   .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
     background: #4b4b4b;
   }
+  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
+    outline: 0 none;
+    outline-offset: 0;
+    box-shadow: 0 0 0 0.1rem white;
+  }
   .p-splitter .p-splitter-gutter-resizing {
     background: #4b4b4b;
   }

package/resources/themes/md-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/md-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/md-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 */