@nysds/nys-errormessage 1.12.0 → 1.13.0

package/dist/nys-errormessage.js

@@ -1,10 +1,10 @@
 import { LitElement as l, unsafeCSS as d, html as y } from "lit";
 import { property as o } from "lit/decorators.js";
 const p = ':host{--_nys-errormessage-font-family: var( --nys-font-family-ui, var( --nys-font-family-sans, "Proxima Nova", "Helvetica Neue", "Helvetica", "Arial", sans-serif ) );--_nys-errormessage-font-weight: var(--nys-font-weight-regular, 400);--_nys-errormessage-font-size: var(--nys-font-size-ui-md, 16px);--_nys-errormessage-line-height: var(--nys-font-lineheight-ui-md, 24px);--_nys-errormessage-letter-spacing: var( --nys-font-letterspacing-ui-md, .044px );--_nys-errormessage-color: var(--nys-color-danger, #b52c2c);--_nys-errormessage-gap: var(--nys-space-100, 8px);--_nys-errormessage-padding--divider: var(--nys-space-50, 4px);--_nys-errormessage-width--divider: var(--nys-border-width-sm, 1px);--_nys-errormessage-margin-top: 0}.nys-errormessage{display:flex;align-items:center;gap:var(--_nys-errormessage-gap);font-family:var(--_nys-errormessage-font-family);font-weight:var(--_nys-errormessage-font-weight);font-size:var(--_nys-errormessage-font-size);line-height:var(--_nys-errormessage-line-height);letter-spacing:var(--_nys-errormessage-letter-spacing);color:var(--_nys-errormessage-color);margin-top:var(--_nys-errormessage-margin-top)}.nys-errormessage[showDivider]{padding-top:var(--_nys-errormessage-padding--divider);margin-top:var(--_nys-errormessage-padding--divider);border-top:var(--_nys-errormessage-width--divider) solid var(--_nys-errormessage-color)}';
-var v = Object.defineProperty, n = (i, t, g, h) => {
-  for (var e = void 0, a = i.length - 1, m; a >= 0; a--)
-    (m = i[a]) && (e = m(t, g, e) || e);
-  return e && v(t, g, e), e;
+var v = Object.defineProperty, n = (t, i, g, h) => {
+  for (var e = void 0, a = t.length - 1, m; a >= 0; a--)
+    (m = t[a]) && (e = m(i, g, e) || e);
+  return e && v(i, g, e), e;
 };
 const s = class s extends l {
   // allows use of elementInternals' API
@@ -12,7 +12,11 @@ const s = class s extends l {
     super(), this.showError = !1, this.errorMessage = "", this.showDivider = !1, this._internals = this.attachInternals();
   }
   render() {
-    return y`${this.showError ? y`<div class="nys-errormessage" ?showDivider=${this.showDivider}>
+    return y`${this.showError ? y`<div
+          class="nys-errormessage"
+          ?showDivider=${this.showDivider}
+          role="alert"
+        >
           <nys-icon name="error" size="2xl"></nys-icon>
           ${this._internals.validationMessage || this.errorMessage}
         </div>` : ""}`;

package/dist/nys-errormessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"nys-errormessage.js","sources":["../src/nys-errormessage.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-errormessage.scss?inline\";\n\nexport class NysErrorMessage extends LitElement {\n  static styles = unsafeCSS(styles);\n\n  @property({ type: Boolean }) showError = false;\n  @property({ type: String }) errorMessage = \"\";\n  @property({ type: Boolean, reflect: true }) showDivider = false;\n  private _internals: ElementInternals;\n\n  // Lifecycle Updates\n  static formAssociated = true; // allows use of elementInternals' API\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  render() {\n    return html`${this.showError\n      ? html`<div class=\"nys-errormessage\" ?showDivider=${this.showDivider}>\n          <nys-icon name=\"error\" size=\"2xl\"></nys-icon>\n          ${this._internals.validationMessage || this.errorMessage}\n        </div>`\n      : \"\"}`;\n  }\n}\n\nif (!customElements.get(\"nys-errormessage\")) {\n  customElements.define(\"nys-errormessage\", NysErrorMessage);\n}\n"],"names":["_NysErrorMessage","LitElement","html","unsafeCSS","styles","NysErrorMessage","__decorateClass","property"],"mappings":";;;;;;;;AAKO,MAAMA,IAAN,MAAMA,UAAwBC,EAAW;AAAA;AAAA,EAW9C,cAAc;AACZ,UAAA,GAT2B,KAAA,YAAY,IACb,KAAA,eAAe,IACC,KAAA,cAAc,IAQxD,KAAK,aAAa,KAAK,gBAAA;AAAA,EACzB;AAAA,EAEA,SAAS;AACP,WAAOC,IAAO,KAAK,YACfA,+CAAkD,KAAK,WAAW;AAAA;AAAA,YAE9D,KAAK,WAAW,qBAAqB,KAAK,YAAY;AAAA,kBAE1D,EAAE;AAAA,EACR;AACF;AAvBEF,EAAO,SAASG,EAAUC,CAAM,GAQhCJ,EAAO,iBAAiB;AATnB,IAAMK,IAANL;AAGwBM,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAA,CAAS;AAAA,GAHhBF,EAGkB,WAAA,WAAA;AACDC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAJfF,EAIiB,WAAA,cAAA;AACgBC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAL/BF,EAKiC,WAAA,aAAA;AAqBzC,eAAe,IAAI,kBAAkB,KACxC,eAAe,OAAO,oBAAoBA,CAAe;"}
+{"version":3,"file":"nys-errormessage.js","sources":["../src/nys-errormessage.ts"],"sourcesContent":["import { LitElement, html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-errormessage.scss?inline\";\n\n/**\n * THIS IS A PRIVATE COMPONENT!\n * `<nys-errormessage>` displays an error message for form elements.\n * Can optionally show a divider and supports native form validation messages.\n */\nexport class NysErrorMessage extends LitElement {\n  static styles = unsafeCSS(styles);\n\n  @property({ type: Boolean }) showError = false;\n  @property({ type: String }) errorMessage = \"\";\n  @property({ type: Boolean, reflect: true }) showDivider = false;\n  private _internals: ElementInternals;\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\n  static formAssociated = true; // allows use of elementInternals' API\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  render() {\n    return html`${this.showError\n      ? html`<div\n          class=\"nys-errormessage\"\n          ?showDivider=${this.showDivider}\n          role=\"alert\"\n        >\n          <nys-icon name=\"error\" size=\"2xl\"></nys-icon>\n          ${this._internals.validationMessage || this.errorMessage}\n        </div>`\n      : \"\"}`;\n  }\n}\n\nif (!customElements.get(\"nys-errormessage\")) {\n  customElements.define(\"nys-errormessage\", NysErrorMessage);\n}\n"],"names":["_NysErrorMessage","LitElement","html","unsafeCSS","styles","NysErrorMessage","__decorateClass","property"],"mappings":";;;;;;;;AAUO,MAAMA,IAAN,MAAMA,UAAwBC,EAAW;AAAA;AAAA,EAe9C,cAAc;AACZ,UAAA,GAb2B,KAAA,YAAY,IACb,KAAA,eAAe,IACC,KAAA,cAAc,IAYxD,KAAK,aAAa,KAAK,gBAAA;AAAA,EACzB;AAAA,EAEA,SAAS;AACP,WAAOC,IAAO,KAAK,YACfA;AAAA;AAAA,yBAEiB,KAAK,WAAW;AAAA;AAAA;AAAA;AAAA,YAI7B,KAAK,WAAW,qBAAqB,KAAK,YAAY;AAAA,kBAE1D,EAAE;AAAA,EACR;AACF;AA/BEF,EAAO,SAASG,EAAUC,CAAM,GAYhCJ,EAAO,iBAAiB;AAbnB,IAAMK,IAANL;AAGwBM,EAAA;AAAA,EAA5BC,EAAS,EAAE,MAAM,QAAA,CAAS;AAAA,GAHhBF,EAGkB,WAAA,WAAA;AACDC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAJfF,EAIiB,WAAA,cAAA;AACgBC,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,IAAM;AAAA,GAL/BF,EAKiC,WAAA,aAAA;AA6BzC,eAAe,IAAI,kBAAkB,KACxC,eAAe,OAAO,oBAAoBA,CAAe;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/nys-errormessage",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "description": "The Errormessage component from the NYS Design System.",
   "module": "dist/nys-errormessage.js",
   "types": "dist/index.d.ts",
@@ -23,7 +23,7 @@
     "lit-analyze": "lit-analyzer '**/*.ts'"
   },
   "dependencies": {
-    "@nysds/nys-icon": "^1.12.0"
+    "@nysds/nys-icon": "^1.13.0"
   },
   "devDependencies": {
     "lit": "^3.3.1",