@warp-ds/elements 1.3.2-next.1 → 1.3.3-next.1

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.
@@ -1038,7 +1038,7 @@ var require_parser = __commonJS({
1038
1038
  });
1039
1039
 
1040
1040
  // packages/select/index.js
1041
- import { html as html2, css } from "lit";
1041
+ import { html as html2 } from "lit";
1042
1042
  import WarpElement from "@warp-ds/elements-core";
1043
1043
  import { ifDefined } from "lit/directives/if-defined.js";
1044
1044
  import { when } from "lit/directives/when.js";
@@ -1901,26 +1901,14 @@ var WarpSelect = class extends kebabCaseAttributes(WarpElement) {
1901
1901
  >`
1902
1902
  )}
1903
1903
  <div class="${select.selectWrapper}">
1904
- <select
1905
- class="${__privateGet(this, _classes, classes_get)}"
1906
- id="${__privateGet(this, _id, id_get)}"
1907
- ?autofocus=${this.autoFocus}
1908
- aria-describedby="${ifDefined(__privateGet(this, _helpId, helpId_get))}"
1909
- aria-invalid="${ifDefined(this.invalid)}"
1910
- aria-errormessage="${ifDefined(this.invalid && __privateGet(this, _helpId, helpId_get))}"
1911
- >
1904
+ <select class="${__privateGet(this, _classes, classes_get)}" id="${__privateGet(this, _id, id_get)}" ?autofocus=${this.autoFocus} aria-describedby="${ifDefined(__privateGet(this, _helpId, helpId_get))}" aria-invalid="${ifDefined(this.invalid)}" aria-errormessage="${ifDefined(this.invalid && __privateGet(this, _helpId, helpId_get))}">
1912
1905
  ${unsafeHTML(this._options)}
1913
1906
  </select>
1914
1907
  <div class="${__privateGet(this, _chevronClasses, chevronClasses_get)}">
1915
1908
  <w-icon-chevron-down-16></w-icon-chevron-down-16>
1916
1909
  </div>
1917
1910
  </div>
1918
- ${when(
1919
- this.always || this.invalid,
1920
- () => html2`<div id="${__privateGet(this, _helpId, helpId_get)}" class="${__privateGet(this, _helpTextClasses, helpTextClasses_get)}">
1921
- ${this.hint}
1922
- </div>`
1923
- )}
1911
+ ${when(this.always || this.invalid, () => html2`<div id="${__privateGet(this, _helpId, helpId_get)}" class="${__privateGet(this, _helpTextClasses, helpTextClasses_get)}">${this.hint}</div>`)}
1924
1912
  </div>`;
1925
1913
  }
1926
1914
  };