@@ -12,17 +12,17 @@ exports[`AutocompleteInput should render a regular version of search bar if size
1212 class = " relative w-100"
1313 >
1414 <div
15- class = " flex flex-row items-stretch overflow-hidden bw1 br2 b--solid b--muted-4 bg-base c-on-base br--left h-regular"
15+ class = " flex flex-row items-stretch overflow-hidden bw1 br2 b--solid b--muted-4 hover-b--muted-3 bg-base c-on-base br--left h-regular"
1616 >
1717 <input
18- class = " ma0 border-box w-100 bn outline-0 b--muted-4 bg-base c-on-base pr5 pl5"
18+ class = " ma0 border-box w-100 bn outline-0 b--muted-4 hover-b--muted-3 bg-base c-on-base pr5 pl5"
1919 placeholder = " "
2020 value = " "
2121 />
2222 </div >
2323 </label >
2424 <button
25- class = " b--muted-4 bg-base c-on-base bg-base br2 br--right w3 bw1 ba pa0 bl-0 c-link pointer"
25+ class = " b--muted-4 hover-b--muted-3 bg-base c-on-base bg-base br2 br--right w3 bw1 ba pa0 bl-0 c-link pointer"
2626 >
2727 <svg
2828 class = " vtex__icon-search "
@@ -59,17 +59,17 @@ exports[`AutocompleteInput should render with a large size bar 1`] = `
5959 class = " relative w-100"
6060 >
6161 <div
62- class = " flex flex-row items-stretch overflow-hidden bw1 br2 b--solid b--muted-4 bg-base c-on-base br--left h-large"
62+ class = " flex flex-row items-stretch overflow-hidden bw1 br2 b--solid b--muted-4 hover-b--muted-3 bg-base c-on-base br--left h-large"
6363 >
6464 <input
65- class = " ma0 border-box w-100 bn outline-0 b--muted-4 bg-base c-on-base pr5 pl5"
65+ class = " ma0 border-box w-100 bn outline-0 b--muted-4 hover-b--muted-3 bg-base c-on-base pr5 pl5"
6666 placeholder = " "
6767 value = " "
6868 />
6969 </div >
7070 </label >
7171 <button
72- class = " b--muted-4 bg-base c-on-base bg-base br2 br--right w3 bw1 ba pa0 bl-0 c-link pointer"
72+ class = " b--muted-4 hover-b--muted-3 bg-base c-on-base bg-base br2 br--right w3 bw1 ba pa0 bl-0 c-link pointer"
7373 >
7474 <svg
7575 class = " vtex__icon-search "
@@ -106,17 +106,17 @@ exports[`AutocompleteInput should render with a regular size bar 1`] = `
106106 class = " relative w-100"
107107 >
108108 <div
109- class = " flex flex-row items-stretch overflow-hidden bw1 br2 b--solid b--muted-4 bg-base c-on-base br--left h-regular"
109+ class = " flex flex-row items-stretch overflow-hidden bw1 br2 b--solid b--muted-4 hover-b--muted-3 bg-base c-on-base br--left h-regular"
110110 >
111111 <input
112- class = " ma0 border-box w-100 bn outline-0 b--muted-4 bg-base c-on-base pr5 pl5"
112+ class = " ma0 border-box w-100 bn outline-0 b--muted-4 hover-b--muted-3 bg-base c-on-base pr5 pl5"
113113 placeholder = " "
114114 value = " "
115115 />
116116 </div >
117117 </label >
118118 <button
119- class = " b--muted-4 bg-base c-on-base bg-base br2 br--right w3 bw1 ba pa0 bl-0 c-link pointer"
119+ class = " b--muted-4 hover-b--muted-3 bg-base c-on-base bg-base br2 br--right w3 bw1 ba pa0 bl-0 c-link pointer"
120120 >
121121 <svg
122122 class = " vtex__icon-search "
@@ -153,17 +153,17 @@ exports[`AutocompleteInput should render with a regular size bar when prop is ab
153153 class = " relative w-100"
154154 >
155155 <div
156- class = " flex flex-row items-stretch overflow-hidden bw1 br2 b--solid b--muted-4 bg-base c-on-base br--left h-regular"
156+ class = " flex flex-row items-stretch overflow-hidden bw1 br2 b--solid b--muted-4 hover-b--muted-3 bg-base c-on-base br--left h-regular"
157157 >
158158 <input
159- class = " ma0 border-box w-100 bn outline-0 b--muted-4 bg-base c-on-base pr5 pl5"
159+ class = " ma0 border-box w-100 bn outline-0 b--muted-4 hover-b--muted-3 bg-base c-on-base pr5 pl5"
160160 placeholder = " "
161161 value = " "
162162 />
163163 </div >
164164 </label >
165165 <button
166- class = " b--muted-4 bg-base c-on-base bg-base br2 br--right w3 bw1 ba pa0 bl-0 c-link pointer"
166+ class = " b--muted-4 hover-b--muted-3 bg-base c-on-base bg-base br2 br--right w3 bw1 ba pa0 bl-0 c-link pointer"
167167 >
168168 <svg
169169 class = " vtex__icon-search "
@@ -200,17 +200,17 @@ exports[`AutocompleteInput should render with a small size bar 1`] = `
200200 class = " relative w-100"
201201 >
202202 <div
203- class = " flex flex-row items-stretch overflow-hidden bw1 br2 b--solid b--muted-4 bg-base c-on-base br--left h-small"
203+ class = " flex flex-row items-stretch overflow-hidden bw1 br2 b--solid b--muted-4 hover-b--muted-3 bg-base c-on-base br--left h-small"
204204 >
205205 <input
206- class = " ma0 border-box w-100 bn outline-0 b--muted-4 bg-base c-on-base pr5 pl5"
206+ class = " ma0 border-box w-100 bn outline-0 b--muted-4 hover-b--muted-3 bg-base c-on-base pr5 pl5"
207207 placeholder = " "
208208 value = " "
209209 />
210210 </div >
211211 </label >
212212 <button
213- class = " b--muted-4 bg-base c-on-base bg-base br2 br--right w3 bw1 ba pa0 bl-0 c-link pointer"
213+ class = " b--muted-4 hover-b--muted-3 bg-base c-on-base bg-base br2 br--right w3 bw1 ba pa0 bl-0 c-link pointer"
214214 >
215215 <svg
216216 class = " vtex__icon-search "
0 commit comments