Fix ComboBox quiet readonly styling and SearchField padding right spe…

…cificity (#6829)

* fix Combobox quiet readonly style specificity

makes the nonfocused style more specific so it wins over the disabled style but still doesnt win over the active style

* make search field styles win over textfield styles

* increase combobox invalid style specificity

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

@@ -103,7 +103,7 @@ governing permissions and limitations under the License.
     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
   */
-  &:not(.is-disabled) {
+  &:not(.is-disabled):not(.is-focused) {
     .spectrum-FieldButton {
       &:disabled:before,
       &:disabled:hover:before {
@@ -148,7 +148,7 @@ governing permissions and limitations under the License.
     }
   }
 
-  &.spectrum-InputGroup {
+  &.spectrum-InputGroup.spectrum-InputGroup {
     &.spectrum-InputGroup--invalid {
       .spectrum-FieldButton:before,
       .spectrum-InputGroup-input {

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

@@ -65,7 +65,7 @@ governing permissions and limitations under the License.
   }
 }
 
-.spectrum-Search-input {
+.spectrum-Search-input.spectrum-Search-input {
   display: block;
 
   /* Correct the odd appearance of input[type="search"] in Chrome and Safari.*/
@@ -98,4 +98,3 @@ governing permissions and limitations under the License.
     padding-inline-end: calc(var(--spectrum-search-padding-right) + var(--spectrum-textfield-padding-x) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left));
   }
 }
-