@fluid-topics/ft-search-bar 1.2.67 → 1.2.69

package/build/ft-search-bar.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { repeat } from "lit/directives/repeat.js";
-import { Debouncer, flatDeep, FtLitElement, isTouchScreen, jsonProperty, noTextInputDefaultClearButton, ParametrizedLabelResolver, SearchPlaceConverter, waitFor } from "@fluid-topics/ft-wc-utils";
+import { Debouncer, flatDeep, FtLitElement, isTouchScreen, jsonProperty, noTextInputDefaultClearButton, ParametrizedLabelResolver, screenReaderStyles, SearchPlaceConverter, waitFor } from "@fluid-topics/ft-wc-utils";
 import { FtSizeCategory, FtSizeWatcher } from "@fluid-topics/ft-size-watcher";
 import { FtTypography, FtTypographyBody2 } from "@fluid-topics/ft-typography";
 import { facetToFilter, selectedValues, unquote } from "./converters";
@@ -221,7 +221,7 @@ class FtSearchBar extends FtLitElement {
     render() {
         return html `
             <ft-size-watcher @change=${this.updateSize}></ft-size-watcher>
-            <div class="ft-search-bar--aria-live" aria-live="polite" aria-atomic="true">
+            <div class="sr-only" aria-live="polite" aria-atomic="true">
                 ${this.renderLiveText()}
             </div>
             ${this.renderSearchBar()}
@@ -695,7 +695,8 @@ FtSearchBar.styles = [
     searchBarCss,
     facetsCss,
     FacetsChipsManager.styles,
-    SuggestManager.styles
+    SuggestManager.styles,
+    screenReaderStyles
 ];
 __decorate([
     property({ type: Boolean })