diff --git a/examples/js/autocomplete.css b/examples/js/autocomplete.css index 94ccca054..9966477ae 100644 --- a/examples/js/autocomplete.css +++ b/examples/js/autocomplete.css @@ -43,16 +43,7 @@ -webkit-appearance: none; } -.aa-Completion { - color: #999; - left: 1px; - position: absolute; - transform: translateY(50%); - z-index: 1; -} - -.aa-Input, -.aa-Completion { +.aa-Input { padding: 0 2.25rem; } @@ -77,7 +68,7 @@ z-index: 2; } -.aa-Dropdown { +.aa-Panel { background-color: #fff; border: 1px solid rgba(150, 150, 150, 0.16); border-radius: 3px; @@ -89,25 +80,24 @@ width: 100%; } -.aa-Dropdown--stalled { +.aa-Panel--stalled { filter: grayscale(1); opacity: 0.5; transition: opacity 200ms ease-in; } -.aa-Dropdown a { +.aa-Panel a { color: inherit; text-decoration: none; } -.aa-Dropdown ul { +.aa-Panel ul { list-style: none; margin: 0; padding: 0; } .aa-Item { - align-items: center; color: #23263b; cursor: pointer; display: flex; diff --git a/packages/autocomplete-js/src/__tests__/autocomplete.test.ts b/packages/autocomplete-js/src/__tests__/autocomplete.test.ts index 4b45a9dcb..55619c55b 100644 --- a/packages/autocomplete-js/src/__tests__/autocomplete.test.ts +++ b/packages/autocomplete-js/src/__tests__/autocomplete.test.ts @@ -47,7 +47,7 @@ describe('autocomplete-js', () => { class="aa-InputWrapper" > {