Fix Tabs collapsed focusring (#3744)

* Fix Tabs collapsed focusring

Author: snowystinger

packages/@adobe/spectrum-css-temp/components/inputgroup/index.css

@@ -36,7 +36,6 @@ governing permissions and limitations under the License.
   flex-wrap: nowrap;
   min-width: calc(2.5 * var(--spectrum-dropdown-height));
   border-radius: var(--spectrum-border-radius);
-  background: var(--spectrum-textfield-background-color);
 
   .spectrum-FieldButton {
     padding: var(--spectrum-combobox-fieldbutton-inset);
@@ -109,7 +108,6 @@ governing permissions and limitations under the License.
 
   border-radius: var(--spectrum-combobox-quiet-fieldbutton-border-radius);
   min-width: calc(2 * var(--spectrum-dropdown-height));
-  background: transparent;
 
   .spectrum-FieldButton {
     inline-size: auto;

packages/@adobe/spectrum-css-temp/components/inputgroup/skin.css

@@ -11,6 +11,8 @@ governing permissions and limitations under the License.
 */
 
 .spectrum-InputGroup {
+  background: var(--spectrum-textfield-background-color);
+
   .spectrum-FieldButton {
     &:before {
       border-color: var(--spectrum-textfield-border-color);
@@ -93,6 +95,7 @@ governing permissions and limitations under the License.
 }
 
 .spectrum-InputGroup--quiet {
+  background: transparent;
   /*
     specifically for readonly inputgroups that aren't disabled since the button will have the disabled class
     but we don't want the border color to be the disabled quiet one

packages/@adobe/spectrum-css-temp/components/tabs/skin.css

@@ -29,7 +29,9 @@ governing permissions and limitations under the License.
   &.spectrum-Tabs--isCollapsed {
     :focus-ring {
       /* FieldButton Picker focus ring override */
-      box-shadow: none;
+      &::after {
+        box-shadow: none;
+      }
 
       &::before {
         border-color: var(--spectrum-tabs-focus-ring-color);