Fix for focus outline overlap in input group (#1955)

Author: tylersticka

.changeset/twenty-otters-remain.md

@@ -0,0 +1,5 @@
+---
+'@cloudfour/patterns': patch
+---
+
+Prevent focused input outlines from being cut off by adjacent elements inside of Input Group objects

src/objects/input-group/input-group.scss

@@ -3,6 +3,11 @@
 .o-input-group {
   display: flex;
 
+  // Keeps focus styles from being cut off by adjacent, un-focused elements
+  > :focus {
+    z-index: 1;
+  }
+
   > :not(:first-child) {
     border-bottom-left-radius: 0;
     border-top-left-radius: 0;