@@ -122,6 +122,14 @@ $transition-duration: .25s;
122122 }
123123}
124124
125+ :host (:not ([disabled ],[readonly ]):focus-within ),
126+ :host (:not ([disabled ])[readonly ][role = ' combobox' ]:focus-within ) {
127+ [part ^= ' container' ] {
128+ background : var-get ($theme , ' box-background-focus' );
129+ caret-color : var-get ($theme , ' focused-bottom-line-color' );
130+ }
131+ }
132+
125133:host (:focus-within ) {
126134 [part = ' prefix' ],
127135 [part = ' suffix' ] {
@@ -131,9 +139,6 @@ $transition-duration: .25s;
131139 }
132140
133141 [part ^= ' container' ] {
134- background : var-get ($theme , ' box-background-focus' );
135- caret-color : var-get ($theme , ' focused-bottom-line-color' );
136-
137142 & ::after {
138143 transform : scaleY (1 );
139144 }
@@ -172,6 +177,10 @@ $transition-duration: .25s;
172177 background : var-get ($theme , ' search-background' );
173178 box-shadow : var-get ($theme , ' search-resting-elevation' );
174179
180+ & :hover {
181+ background : var-get ($theme , ' box-background-hover' );
182+ }
183+
175184 & :focus-within ,
176185 & :focus-within:hover {
177186 background : var-get ($theme , ' box-background-focus' );
@@ -202,13 +211,6 @@ $transition-duration: .25s;
202211 }
203212}
204213
205- :host ([type = ' search' ]:not ([disabled ],[readonly ]):hover ),
206- :host ([type = ' search' ]:not ([disabled ])[readonly ][role = ' combobox' ]:hover ) {
207- [part ^= ' container' ] {
208- background : var-get ($theme , ' box-background-hover' );
209- }
210- }
211-
212214:host (:disabled ),
213215:host ([disabled ]) {
214216 [part ^= ' container' ] {
0 commit comments