@fluid-topics/ft-search-bar 2.0.15 → 2.0.17

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.
@@ -54,7 +54,7 @@ export class SearchStateChangeEvent extends CustomEvent {
54
54
  }
55
55
  const doNothing = () => {
56
56
  };
57
- class FtSearchBar extends FtLitElement {
57
+ export class FtSearchBar extends FtLitElement {
58
58
  constructor() {
59
59
  super(...arguments);
60
60
  this.dense = false;
@@ -811,4 +811,3 @@ __decorate([
811
811
  __decorate([
812
812
  state()
813
813
  ], FtSearchBar.prototype, "facetsLoaded", void 0);
814
- export { FtSearchBar };
@@ -2551,6 +2551,8 @@ svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
2551
2551
  `;var Cr=class extends rt{get typographyVariant(){return Ce.body2}};Cr.elementDefinitions={...rt.elementDefinitions,"ft-or-ftds-typography":ie};Cr.styles=d4;var is=h(E());var f4=h(_()),K=h(E());var p4=f4.css`
2552
2552
  * {
2553
2553
  box-sizing: border-box;
2554
+ display: inline-flex;
2555
+ align-items: center;
2554
2556
  --input-size: calc(${K.radio.circleSize} + 2 * (${K.radio.focusOutlineOffset} + ${K.radio.focusOutlineWidth}));
2555
2557
  --input-margin: calc(-1 * ${K.radio.focusOutlineOffset} - ${K.radio.focusOutlineWidth});
2556
2558
  }
@@ -2558,9 +2560,6 @@ svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
2558
2560
  .ft-radio {
2559
2561
  box-sizing: border-box;
2560
2562
  color: ${K.radio.color};
2561
-
2562
- display: inline-flex;
2563
- align-items: center;
2564
2563
  gap: ${K.radio.horizontalGap};
2565
2564
  }
2566
2565
 
@@ -4669,8 +4668,8 @@ svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
4669
4668
  type="search"
4670
4669
  placeholder="${this.searchBar.labelResolver.resolve("inputPlaceHolder")}"
4671
4670
  value="${this.searchBar.query}"
4672
- @click="${()=>this.onClick()}"
4673
- @focus="${()=>this.onFocus()}"
4671
+ @click=${()=>this.onClick()}
4672
+ @focus=${()=>this.onFocus()}
4674
4673
  @input=${o=>this.onInput(o)}
4675
4674
  @keydown=${o=>this.onSearchBarKeyDown(o)}>
4676
4675
  </div>