@fluid-topics/ft-search-input 1.2.66 → 1.2.68

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
5
5
  return c > 3 && r && Object.defineProperty(target, key, r), r;
6
6
  };
7
7
  import { html, nothing } from "lit";
8
- import { noTextInputDefaultClearButton, redux } from "@fluid-topics/ft-wc-utils";
8
+ import { noTextInputDefaultClearButton, redux, screenReaderStyles } from "@fluid-topics/ft-wc-utils";
9
9
  import { styles } from "./ft-search-input.styles";
10
10
  import { FtSearchComponent } from "@fluid-topics/ft-search-context/build/registration";
11
11
  import { withI18n } from "@fluid-topics/ft-i18n";
@@ -65,7 +65,7 @@ class FtSearchInput extends withI18n(FtSearchComponent) {
65
65
  @keydown=${(e) => this.onSearchBarKeyDown(e)}
66
66
  @keyup=${(e) => this.onSearchBarKeyUp(e)}>
67
67
  </div>
68
- <div class="ft-search-input--aria-live" aria-live="polite" aria-atomic="true">
68
+ <div class="sr-only" aria-live="polite" aria-atomic="true">
69
69
  ${this.renderLiveText()}
70
70
  </div>
71
71
  ${this.shouldDisplaySuggestions ? this.suggestions.render() : nothing}
@@ -213,6 +213,7 @@ FtSearchInput.styles = [
213
213
  noTextInputDefaultClearButton,
214
214
  styles,
215
215
  ...FtSearchInputSuggestionManager.styles,
216
+ screenReaderStyles
216
217
  ];
217
218
  __decorate([
218
219
  redux()