@nysds/nys-badge 1.21.1 → 1.22.0

package/dist/nys-badge.d.ts

@@ -10,6 +10,24 @@ import "@nysds/nys-icon";
  * @summary Compact label for status, counts, or categorization with semantic styling.
  * @element nys-badge
  *
+ * @usagedos
+ * - Indicate the status of an item, such as "new", "updated", or "beta".
+ * - Provide additional context or information about an item without cluttering the interface.
+ * - Keep badge labels short -- one or two words like "New", "Beta", or "Updated".
+ * - Use the `intent` property to match the badge's visual style to its meaning (e.g., `success` for positive statuses, `warning` for caution).
+ * - Place badges near the element they describe so the relationship is clear.
+ * - Use the `prefixIcon` or `suffixIcon` attributes to reinforce meaning when the label alone may be ambiguous.
+ * - Apply the `strong` variant when the badge appears on a raised surface or needs extra emphasis.
+ *
+ * @usagedonts
+ * - Use badges when the information is too complex to be conveyed in a small badge.
+ * - Use badges when they would not add significant value to the user experience.
+ * - Use badges as interactive elements -- they are not buttons or links.
+ * - Pack long sentences or multiple values into a single badge label.
+ * - Mix badge sizes within the same group; pick either `md` or `sm` and stay consistent.
+ * - Rely on color alone to convey meaning; always include a text label.
+ * - Stack multiple badges on a single element unless each communicates a distinct, necessary status.
+ *
  * @example Basic
  * ```html
  * <nys-badge label="Basic badge"></nys-badge>

package/dist/nys-badge.js

@@ -6,13 +6,13 @@ import "@nysds/nys-icon";
    * █ █ █  █▄▄▄█  ▀▀▀▄▄  █   █ ▀▀▀▄▄
    * █  ▀█    █    █▄▄▄█  █▄▄▀  █▄▄▄█
    *
-   * Badge Component v1.21.1
+   * Badge Component v1.22.0
    * Part of the New York State Design System
    * Repository: https://github.com/its-hcd/nysds
    * License: MIT
 */
 /*!
-  * New York State Design System v1.21.1
+  * New York State Design System v1.22.0
   * Description: A design system for New York State's digital products.
   * Repository: https://github.com/its-hcd/nysds
   * License: MIT

package/dist/nys-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"nys-badge.js","sources":["../../internals/dist/index.js","../src/nys-badge.ts"],"sourcesContent":["import { LitElement as u } from \"lit\";\n/*!\n   * New York State Design System v1.21.1\n   * Description: A design system for New York State's digital products.\n   * Repository: https://github.com/its-hcd/nysds\n   * License: MIT\n */\nlet y = 0;\nfunction f(e) {\n  return `${e}-${Date.now()}-${y++}`;\n}\nconst p = {\n  labelledby: \"ariaLabelledByElements\",\n  describedby: \"ariaDescribedByElements\"\n}, A = {\n  labelledby: \"ariaLabel\",\n  describedby: \"ariaDescription\"\n};\nfunction R(e) {\n  return \"ariaDescribedByElements\" in e;\n}\nfunction _(e) {\n  return e === \"errormessage\" ? \"aria-errormessage\" : `aria-${e}`;\n}\nfunction d(e) {\n  return e.filter((t) => !!t);\n}\nfunction E(e) {\n  return e.map((t) => (t.id || (t.id = f(\"nys-ref\")), t.id));\n}\nfunction V(e, t, n) {\n  const i = d(n), r = _(t);\n  i.length ? e.setAttribute(r, E(i).join(\" \")) : e.removeAttribute(r);\n}\nfunction x(e, t, n, i, r) {\n  const s = d(i), a = p[n], l = t;\n  if (a && R(t)) {\n    l[a] = s.length ? s : null;\n    return;\n  }\n  const o = A[n];\n  if (!o) return;\n  const c = r ?? (s.length ? s.map((m) => m.textContent?.trim() ?? \"\").filter(Boolean).join(\" \") : \"\");\n  o in l ? l[o] = c || null : c ? e.setAttribute(\n    n === \"labelledby\" ? \"aria-label\" : \"aria-description\",\n    c\n  ) : e.removeAttribute(\n    n === \"labelledby\" ? \"aria-label\" : \"aria-description\"\n  );\n}\nconst g = {\n  labelledby: \"ariaLabelledByElements\",\n  describedby: \"ariaDescribedByElements\"\n}, C = {\n  labelledby: \"aria-label\",\n  describedby: \"aria-description\"\n};\nfunction L(e, t, n) {\n  const i = d(n), r = g[t], s = C[t], a = e;\n  if (r && r in e && (a[r] = i.length ? i : null), !s) return;\n  const l = i.map((o) => o.textContent?.trim() ?? \"\").filter(Boolean).join(\" \");\n  l ? e.setAttribute(s, l) : e.removeAttribute(s);\n}\nconst b = (e) => {\n  class t extends e {\n    get idPrefix() {\n      return this.localName || \"nys-element\";\n    }\n    ensureId() {\n      this.id || (this.id = f(this.idPrefix));\n    }\n    connectedCallback() {\n      super.connectedCallback(), this.ensureId();\n    }\n  }\n  return t;\n}, P = /* @__PURE__ */ b(u), h = (e) => {\n  class t extends b(e) {\n    constructor() {\n      super(...arguments), this.__internals = null;\n    }\n    get internals() {\n      if (this.__internals) return this.__internals;\n      if (typeof this.attachInternals == \"function\")\n        try {\n          this.__internals = this.attachInternals();\n        } catch {\n          this.__internals = null;\n        }\n      return this.__internals;\n    }\n    get defaultRole() {\n      return null;\n    }\n    setHostAria(i, r) {\n      const s = this.internals;\n      if (s && i in s) {\n        s[i] = r;\n        return;\n      }\n      const a = v(i);\n      r === null ? this.removeAttribute(a) : this.setAttribute(a, r);\n    }\n    reflectDefaultSemantics() {\n      const i = this.defaultRole;\n      i && this.setHostAria(\"role\", i);\n    }\n    connectedCallback() {\n      super.connectedCallback(), this.reflectDefaultSemantics();\n    }\n  }\n  return t;\n};\nfunction v(e) {\n  if (e === \"role\") return \"role\";\n  const t = e.replace(/^aria/, \"\");\n  return \"aria-\" + t.charAt(0).toLowerCase() + t.slice(1);\n}\nconst T = /* @__PURE__ */ h(u), I = (e) => {\n  const n = class n extends h(e) {\n    setFormValue(r) {\n      this.internals?.setFormValue(r ?? null);\n    }\n    setValidityFromState(r, s, a) {\n      const l = this.internals;\n      if (!l) return;\n      const o = Object.values(r).some(Boolean);\n      o ? l.setValidity(r, s ?? \"Invalid value\", a) : l.setValidity({}), this.setHostAria(\"ariaInvalid\", o ? \"true\" : \"false\");\n    }\n    clearValidity() {\n      this.internals?.setValidity({}), this.setHostAria(\"ariaInvalid\", \"false\");\n    }\n    checkValidity() {\n      return this.internals?.checkValidity() ?? !0;\n    }\n    reportValidity() {\n      return this.internals?.reportValidity() ?? !0;\n    }\n    formResetCallback() {\n      this.clearValidity();\n    }\n  };\n  n.formAssociated = !0;\n  let t = n;\n  return t;\n}, w = /* @__PURE__ */ I(u);\nfunction O(e) {\n  const t = e.tagName.toLowerCase(), n = /* @__PURE__ */ new Set(), i = (r) => {\n    r.querySelectorAll(\"*\").forEach((s) => {\n      const a = s.tagName.toLowerCase();\n      a.startsWith(\"nys-\") && a !== t && !customElements.get(a) && n.add(a), s.shadowRoot && i(s.shadowRoot);\n    });\n  };\n  return e.shadowRoot && i(e.shadowRoot), i(e), [...n].sort();\n}\nexport {\n  I as FormControlMixin,\n  b as IdentifiedMixin,\n  P as NysElement,\n  w as NysFormControlElement,\n  T as NysReflectsAriaElement,\n  h as ReflectsAriaMixin,\n  V as associateControl,\n  L as associateControlRefs,\n  x as associateHost,\n  O as findUnregisteredChildren,\n  f as generateId,\n  R as supportsElementRefs\n};\n//# sourceMappingURL=index.js.map\n","import { html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { NysElement } from \"@nysds/internals\";\n// This element is rendered inside this component's shadow DOM (prefix/suffix\n// icons), so it must be registered whenever nys-badge is used. Importing it\n// here (intentional side effect) guarantees it always renders.\nimport \"@nysds/nys-icon\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-badge.scss?inline\";\n\n/**\n * A compact label for status, counts, or categorization. Supports semantic intents with auto-selected icons.\n *\n * Use badges to highlight metadata like status (\"Approved\"), counts (\"3 new\"), or categories.\n * Set `intent` to apply semantic meaning. Add `prefixIcon` or `suffixIcon` as boolean for default icons,\n * or pass icon name strings for custom icons.\n *\n * @summary Compact label for status, counts, or categorization with semantic styling.\n * @element nys-badge\n *\n * @example Basic\n * ```html\n * <nys-badge label=\"Basic badge\"></nys-badge>\n * ```\n *\n * @example Info Intent\n * ```html\n * <nys-badge label=\"Info\" intent=\"info\" prefixIcon></nys-badge>\n * ```\n *\n * @example Success Intent\n * ```html\n * <nys-badge label=\"Success\" intent=\"success\" prefixIcon></nys-badge>\n * ```\n *\n * @example Warning Intent\n * ```html\n * <nys-badge label=\"Warning\" intent=\"warning\" prefixIcon></nys-badge>\n * ```\n *\n * @example Danger Intent\n * ```html\n * <nys-badge label=\"Danger\" intent=\"danger\" prefixIcon></nys-badge>\n * ```\n *\n * @example Emergency Intent\n * ```html\n * <nys-badge label=\"Emergency\" intent=\"emergency\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Base\n * ```html\n * <nys-badge strong label=\"Base\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Info\n * ```html\n * <nys-badge strong label=\"Info\" intent=\"info\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Success\n * ```html\n * <nys-badge strong label=\"Success\" intent=\"success\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Warning\n * ```html\n * <nys-badge strong label=\"Warning\" intent=\"warning\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Danger\n * ```html\n * <nys-badge strong label=\"Danger\" intent=\"danger\" prefixIcon></nys-badge>\n * ```\n *\n * @example Custom Prefix Icon\n * ```html\n * <nys-badge label=\"Custom prefixIcon\" prefixIcon=\"check\"></nys-badge>\n * ```\n *\n * @example Custom Suffix Icon\n * ```html\n * <nys-badge label=\"Custom suffixIcon\" suffixIcon=\"check\"></nys-badge>\n * ```\n *\n * @example Size Small\n * ```html\n * <nys-badge label=\"Small\" size=\"sm\"></nys-badge>\n * ```\n *\n * @example Screen reader text\n * ```html\n * <nys-badge intent=\"warning\" label=\"Caution\" prefixIcon srText=\"concern\"></nys-badge>\n * ```\n */\n\nexport class NysBadge extends NysElement {\n  static styles = unsafeCSS(styles);\n\n  /** Unique identifier. */\n  @property({\n    type: String,\n    reflect: true,\n    converter: {\n      toAttribute: (value: string) => (value ? value : undefined),\n    },\n  })\n  id = \"\";\n\n  /** Name attribute for form association. */\n  @property({\n    type: String,\n    reflect: true,\n    converter: {\n      toAttribute: (value: string) => (value ? value : undefined),\n    },\n  })\n  name = \"\";\n\n  /**\n   * Badge size: `sm` (smaller text) or `md` (default).\n   * @default \"md\"\n   */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  /**\n   * Semantic intent affecting color: `base`, `info`, `success`, `warning` `danger`, `emergency`. `error` has been deprecated and support will be removed in a future release. Use `danger` instead\n   * @default \"info\"\n   */\n  @property({ type: String, reflect: true }) intent:\n    | \"base\"\n    | \"info\"\n    | \"success\"\n    | \"warning\"\n    | \"danger\"\n    | \"error\"\n    | \"emergency\" = \"base\";\n\n  /** Secondary label displayed before the main label. */\n  @property({ type: String }) prefixLabel = \"\";\n\n  /** Primary label text displayed in the badge. */\n  @property({ type: String }) label = \"\";\n\n  /** Screen reader text appended after the label for additional context. */\n  @property({ type: String }) srText = \"\";\n\n  /** Strong visual intent with bolder text and background. */\n  @property({ type: Boolean, reflect: true }) strong = false;\n\n  // Icons (string or boolean)\n  private _prefixIcon: string | boolean = \"\";\n  @property({ type: String, attribute: \"prefixicon\" })\n  get prefixIcon(): string | boolean {\n    return this._prefixIcon;\n  }\n  set prefixIcon(value: string | boolean) {\n    if (value === \"\" || value === null) {\n      // boolean attribute without value → true\n      this._prefixIcon = true;\n    } else if (value === \"false\" || value === false) {\n      this._prefixIcon = \"\";\n    } else {\n      this._prefixIcon = value;\n    }\n  }\n\n  private _suffixIcon: string | boolean = \"\";\n  @property({ type: String, attribute: \"suffixicon\" })\n  get suffixIcon(): string | boolean {\n    return this._suffixIcon;\n  }\n  set suffixIcon(value: string | boolean) {\n    if (value === \"\" || value === null) {\n      this._suffixIcon = true;\n    } else if (value === \"false\" || value === false) {\n      this._suffixIcon = \"\";\n    } else {\n      this._suffixIcon = value;\n    }\n  }\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\n  connectedCallback() {\n    // super.connectedCallback() (NysElement) auto-assigns an id when\n    // one is not provided, preserving the \"nys-badge-<ts>-<n>\" shape. A badge is\n    // static, non-interactive label content, so no host role is reflected\n    // (defaultRole stays null).\n    super.connectedCallback();\n\n    const attr = this.getAttribute(\"prefixicon\");\n    if (attr !== null && this.prefixIcon === \"\") {\n      this.prefixIcon = attr;\n    }\n\n    const suffixAttr = this.getAttribute(\"suffixicon\");\n    if (suffixAttr !== null && this.suffixIcon === \"\") {\n      this.suffixIcon = suffixAttr;\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  // Map of default icons by intent\n  private static readonly DEFAULT_ICONS: Record<string, string> = {\n    base: \"info\",\n    info: \"info\",\n    success: \"check_circle\",\n    warning: \"warning\",\n    danger: \"error\",\n    error: \"error\",\n    emergency: \"emergency_home\",\n  };\n\n  // WCAG 1.4.1 (Use of Color): intent is otherwise conveyed only by color and a\n  // decorative (aria-hidden) icon. Provide a screen-reader-only text alternative\n  // so the semantic meaning is not color-only. Skipped for \"base\" (no\n  // semantic meaning) and when the author supplies their own srText override.\n  private static readonly INTENT_SR_TEXT: Record<string, string> = {\n    info: \"Info\",\n    success: \"Success\",\n    warning: \"Warning\",\n    danger: \"Danger\",\n    error: \"Danger\",\n    emergency: \"Emergency\",\n  };\n\n  /**\n   * Resolves the screen-reader-only text describing the badge's semantic intent.\n   * Returns null when no intent description should be announced.\n   */\n  private resolveIntentSrText(): string | null {\n    if (this.srText) return null; // author-provided text takes precedence\n    return NysBadge.INTENT_SR_TEXT[this.intent] ?? null;\n  }\n\n  /**\n   * Resolves which icon should be rendered.\n   * @param icon The icon property value (string or boolean)\n   * @returns Icon name or null if no icon should be rendered\n   */\n  private resolveIcon(icon: string | boolean): string | null {\n    if (icon === true) {\n      return NysBadge.DEFAULT_ICONS[this.intent] ?? \"info\";\n    }\n    if (typeof icon === \"string\" && icon.trim() !== \"\") {\n      return icon;\n    }\n    return null;\n  }\n\n  render() {\n    const prefixIconName = this.resolveIcon(this.prefixIcon);\n    const suffixIconName = this.resolveIcon(this.suffixIcon);\n    const intentSrText = this.resolveIntentSrText();\n\n    return html`\n      <mark class=\"nys-badge\">\n        ${prefixIconName\n          ? html`<nys-icon size=\"16\" name=${prefixIconName}></nys-icon>`\n          : \"\"}\n        ${this.prefixLabel\n          ? html`<div class=\"nys-badge__prefix\">${this.prefixLabel}</div>`\n          : \"\"}\n        <div class=\"nys-badge__label\">\n          ${intentSrText\n            ? html`<span class=\"nys-badge__sr-only\"\n                >${intentSrText + \": \"}</span\n              >`\n            : \"\"}\n          ${this.label}\n          ${this.srText\n            ? html`<span class=\"nys-badge__sr-only\"\n                >${\": \" + this.srText}</span\n              >`\n            : \"\"}\n        </div>\n\n        ${suffixIconName\n          ? html`<nys-icon size=\"16\" name=${suffixIconName}></nys-icon>`\n          : \"\"}\n      </mark>\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-badge\")) {\n  customElements.define(\"nys-badge\", NysBadge);\n}\n"],"names":["LitElement","unsafeCSS","html","property","y","f","e","b","t","P","u","_NysBadge","_a","NysElement","value","attr","suffixAttr","icon","prefixIconName","suffixIconName","intentSrText","styles","__decorateClass","NysBadge"],"mappings":"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"}
+{"version":3,"file":"nys-badge.js","sources":["../../internals/dist/index.js","../src/nys-badge.ts"],"sourcesContent":["import { LitElement as u } from \"lit\";\n/*!\n   * New York State Design System v1.22.0\n   * Description: A design system for New York State's digital products.\n   * Repository: https://github.com/its-hcd/nysds\n   * License: MIT\n */\nlet y = 0;\nfunction f(e) {\n  return `${e}-${Date.now()}-${y++}`;\n}\nfunction N(e, t, s) {\n  e.dispatchEvent(\n    new CustomEvent(t, { detail: s, bubbles: !0, composed: !0 })\n  );\n}\nfunction I(e, t) {\n  e.dispatchEvent(\n    new Event(`nys-${t}`, { bubbles: !0, composed: !0 })\n  );\n}\nconst p = {\n  labelledby: \"ariaLabelledByElements\",\n  describedby: \"ariaDescribedByElements\"\n}, g = {\n  labelledby: \"ariaLabel\",\n  describedby: \"ariaDescription\"\n};\nfunction _(e) {\n  return \"ariaDescribedByElements\" in e;\n}\nfunction E(e) {\n  return e === \"errormessage\" ? \"aria-errormessage\" : `aria-${e}`;\n}\nfunction d(e) {\n  return e.filter((t) => !!t);\n}\nfunction A(e) {\n  return e.map((t) => (t.id || (t.id = f(\"nys-ref\")), t.id));\n}\nfunction w(e, t, s) {\n  const n = d(s), i = E(t);\n  n.length ? e.setAttribute(i, A(n).join(\" \")) : e.removeAttribute(i);\n}\nfunction x(e, t, s, n, i) {\n  const r = d(n), a = p[s], l = t;\n  if (a && _(t)) {\n    l[a] = r.length ? r : null;\n    return;\n  }\n  const o = g[s];\n  if (!o) return;\n  const c = i ?? (r.length ? r.map((m) => m.textContent?.trim() ?? \"\").filter(Boolean).join(\" \") : \"\");\n  o in l ? l[o] = c || null : c ? e.setAttribute(\n    s === \"labelledby\" ? \"aria-label\" : \"aria-description\",\n    c\n  ) : e.removeAttribute(\n    s === \"labelledby\" ? \"aria-label\" : \"aria-description\"\n  );\n}\nconst R = {\n  labelledby: \"ariaLabelledByElements\",\n  describedby: \"ariaDescribedByElements\"\n}, V = {\n  labelledby: \"aria-label\",\n  describedby: \"aria-description\"\n};\nfunction L(e, t, s) {\n  const n = d(s), i = R[t], r = V[t], a = e;\n  if (i && i in e && (a[i] = n.length ? n : null), !r) return;\n  const l = n.map((o) => o.textContent?.trim() ?? \"\").filter(Boolean).join(\" \");\n  l ? e.setAttribute(r, l) : e.removeAttribute(r);\n}\nconst h = (e) => {\n  class t extends e {\n    get idPrefix() {\n      return this.localName || \"nys-element\";\n    }\n    ensureId() {\n      this.id || (this.id = f(this.idPrefix));\n    }\n    connectedCallback() {\n      super.connectedCallback(), this.ensureId();\n    }\n  }\n  return t;\n}, P = /* @__PURE__ */ h(u), b = (e) => {\n  class t extends h(e) {\n    constructor() {\n      super(...arguments), this.__internals = null;\n    }\n    get internals() {\n      if (this.__internals) return this.__internals;\n      if (typeof this.attachInternals == \"function\")\n        try {\n          this.__internals = this.attachInternals();\n        } catch {\n          this.__internals = null;\n        }\n      return this.__internals;\n    }\n    get defaultRole() {\n      return null;\n    }\n    setHostAria(n, i) {\n      const r = this.internals;\n      if (r && n in r) {\n        r[n] = i;\n        return;\n      }\n      const a = v(n);\n      i === null ? this.removeAttribute(a) : this.setAttribute(a, i);\n    }\n    reflectDefaultSemantics() {\n      const n = this.defaultRole;\n      n && this.setHostAria(\"role\", n);\n    }\n    connectedCallback() {\n      super.connectedCallback(), this.reflectDefaultSemantics();\n    }\n  }\n  return t;\n};\nfunction v(e) {\n  if (e === \"role\") return \"role\";\n  const t = e.replace(/^aria/, \"\");\n  return \"aria-\" + t.charAt(0).toLowerCase() + t.slice(1);\n}\nconst T = /* @__PURE__ */ b(u), C = (e) => {\n  const s = class s extends b(e) {\n    constructor() {\n      super(...arguments), this.__internalValidationMessage = \"\";\n    }\n    get internalValidationMessage() {\n      return this.__internalValidationMessage;\n    }\n    set internalValidationMessage(i) {\n      i !== this.__internalValidationMessage && (this.__internalValidationMessage = i, this.requestUpdate(\"internalValidationMessage\"));\n    }\n    resolvedErrorMessage() {\n      return this.errorMessage || this.internalValidationMessage;\n    }\n    setFormValue(i) {\n      this.internals?.setFormValue(i ?? null);\n    }\n    setValidityFromState(i, r, a) {\n      const l = this.internals;\n      if (!l) return;\n      const o = Object.values(i).some(Boolean);\n      o ? l.setValidity(i, r ?? \"Invalid value\", a) : l.setValidity({}), this.setHostAria(\"ariaInvalid\", o ? \"true\" : \"false\");\n    }\n    clearValidity() {\n      this.internals?.setValidity({}), this.setHostAria(\"ariaInvalid\", \"false\");\n    }\n    checkValidity() {\n      return this.internals?.checkValidity() ?? !0;\n    }\n    reportValidity() {\n      return this.internals?.reportValidity() ?? !0;\n    }\n    formResetCallback() {\n      this.internalValidationMessage = \"\", this.clearValidity();\n    }\n  };\n  s.formAssociated = !0;\n  let t = s;\n  return t;\n}, O = /* @__PURE__ */ C(u);\nfunction B(e) {\n  const t = e.tagName.toLowerCase(), s = /* @__PURE__ */ new Set(), n = (i) => {\n    i.querySelectorAll(\"*\").forEach((r) => {\n      const a = r.tagName.toLowerCase();\n      a.startsWith(\"nys-\") && a !== t && !customElements.get(a) && s.add(a), r.shadowRoot && n(r.shadowRoot);\n    });\n  };\n  return e.shadowRoot && n(e.shadowRoot), n(e), [...s].sort();\n}\nexport {\n  C as FormControlMixin,\n  h as IdentifiedMixin,\n  P as NysElement,\n  O as NysFormControlElement,\n  T as NysReflectsAriaElement,\n  b as ReflectsAriaMixin,\n  w as associateControl,\n  L as associateControlRefs,\n  x as associateHost,\n  N as dispatchNysEvent,\n  I as dispatchNysFocusBlur,\n  B as findUnregisteredChildren,\n  f as generateId,\n  _ as supportsElementRefs\n};\n//# sourceMappingURL=index.js.map\n","import { html, unsafeCSS } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { NysElement } from \"@nysds/internals\";\n// This element is rendered inside this component's shadow DOM (prefix/suffix\n// icons), so it must be registered whenever nys-badge is used. Importing it\n// here (intentional side effect) guarantees it always renders.\nimport \"@nysds/nys-icon\";\n// @ts-ignore: SCSS module imported via bundler as inline\nimport styles from \"./nys-badge.scss?inline\";\n\n/**\n * A compact label for status, counts, or categorization. Supports semantic intents with auto-selected icons.\n *\n * Use badges to highlight metadata like status (\"Approved\"), counts (\"3 new\"), or categories.\n * Set `intent` to apply semantic meaning. Add `prefixIcon` or `suffixIcon` as boolean for default icons,\n * or pass icon name strings for custom icons.\n *\n * @summary Compact label for status, counts, or categorization with semantic styling.\n * @element nys-badge\n *\n * @usagedos\n * - Indicate the status of an item, such as \"new\", \"updated\", or \"beta\".\n * - Provide additional context or information about an item without cluttering the interface.\n * - Keep badge labels short -- one or two words like \"New\", \"Beta\", or \"Updated\".\n * - Use the `intent` property to match the badge's visual style to its meaning (e.g., `success` for positive statuses, `warning` for caution).\n * - Place badges near the element they describe so the relationship is clear.\n * - Use the `prefixIcon` or `suffixIcon` attributes to reinforce meaning when the label alone may be ambiguous.\n * - Apply the `strong` variant when the badge appears on a raised surface or needs extra emphasis.\n *\n * @usagedonts\n * - Use badges when the information is too complex to be conveyed in a small badge.\n * - Use badges when they would not add significant value to the user experience.\n * - Use badges as interactive elements -- they are not buttons or links.\n * - Pack long sentences or multiple values into a single badge label.\n * - Mix badge sizes within the same group; pick either `md` or `sm` and stay consistent.\n * - Rely on color alone to convey meaning; always include a text label.\n * - Stack multiple badges on a single element unless each communicates a distinct, necessary status.\n *\n * @example Basic\n * ```html\n * <nys-badge label=\"Basic badge\"></nys-badge>\n * ```\n *\n * @example Info Intent\n * ```html\n * <nys-badge label=\"Info\" intent=\"info\" prefixIcon></nys-badge>\n * ```\n *\n * @example Success Intent\n * ```html\n * <nys-badge label=\"Success\" intent=\"success\" prefixIcon></nys-badge>\n * ```\n *\n * @example Warning Intent\n * ```html\n * <nys-badge label=\"Warning\" intent=\"warning\" prefixIcon></nys-badge>\n * ```\n *\n * @example Danger Intent\n * ```html\n * <nys-badge label=\"Danger\" intent=\"danger\" prefixIcon></nys-badge>\n * ```\n *\n * @example Emergency Intent\n * ```html\n * <nys-badge label=\"Emergency\" intent=\"emergency\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Base\n * ```html\n * <nys-badge strong label=\"Base\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Info\n * ```html\n * <nys-badge strong label=\"Info\" intent=\"info\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Success\n * ```html\n * <nys-badge strong label=\"Success\" intent=\"success\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Warning\n * ```html\n * <nys-badge strong label=\"Warning\" intent=\"warning\" prefixIcon></nys-badge>\n * ```\n *\n * @example Strong Danger\n * ```html\n * <nys-badge strong label=\"Danger\" intent=\"danger\" prefixIcon></nys-badge>\n * ```\n *\n * @example Custom Prefix Icon\n * ```html\n * <nys-badge label=\"Custom prefixIcon\" prefixIcon=\"check\"></nys-badge>\n * ```\n *\n * @example Custom Suffix Icon\n * ```html\n * <nys-badge label=\"Custom suffixIcon\" suffixIcon=\"check\"></nys-badge>\n * ```\n *\n * @example Size Small\n * ```html\n * <nys-badge label=\"Small\" size=\"sm\"></nys-badge>\n * ```\n *\n * @example Screen reader text\n * ```html\n * <nys-badge intent=\"warning\" label=\"Caution\" prefixIcon srText=\"concern\"></nys-badge>\n * ```\n */\n\nexport class NysBadge extends NysElement {\n  static styles = unsafeCSS(styles);\n\n  /** Unique identifier. */\n  @property({\n    type: String,\n    reflect: true,\n    converter: {\n      toAttribute: (value: string) => (value ? value : undefined),\n    },\n  })\n  id = \"\";\n\n  /** Name attribute for form association. */\n  @property({\n    type: String,\n    reflect: true,\n    converter: {\n      toAttribute: (value: string) => (value ? value : undefined),\n    },\n  })\n  name = \"\";\n\n  /**\n   * Badge size: `sm` (smaller text) or `md` (default).\n   * @default \"md\"\n   */\n  @property({ type: String, reflect: true }) size: \"sm\" | \"md\" = \"md\";\n\n  /**\n   * Semantic intent affecting color: `base`, `info`, `success`, `warning` `danger`, `emergency`. `error` has been deprecated and support will be removed in a future release. Use `danger` instead\n   * @default \"info\"\n   */\n  @property({ type: String, reflect: true }) intent:\n    | \"base\"\n    | \"info\"\n    | \"success\"\n    | \"warning\"\n    | \"danger\"\n    | \"error\"\n    | \"emergency\" = \"base\";\n\n  /** Secondary label displayed before the main label. */\n  @property({ type: String }) prefixLabel = \"\";\n\n  /** Primary label text displayed in the badge. */\n  @property({ type: String }) label = \"\";\n\n  /** Screen reader text appended after the label for additional context. */\n  @property({ type: String }) srText = \"\";\n\n  /** Strong visual intent with bolder text and background. */\n  @property({ type: Boolean, reflect: true }) strong = false;\n\n  // Icons (string or boolean)\n  private _prefixIcon: string | boolean = \"\";\n  @property({ type: String, attribute: \"prefixicon\" })\n  get prefixIcon(): string | boolean {\n    return this._prefixIcon;\n  }\n  set prefixIcon(value: string | boolean) {\n    if (value === \"\" || value === null) {\n      // boolean attribute without value → true\n      this._prefixIcon = true;\n    } else if (value === \"false\" || value === false) {\n      this._prefixIcon = \"\";\n    } else {\n      this._prefixIcon = value;\n    }\n  }\n\n  private _suffixIcon: string | boolean = \"\";\n  @property({ type: String, attribute: \"suffixicon\" })\n  get suffixIcon(): string | boolean {\n    return this._suffixIcon;\n  }\n  set suffixIcon(value: string | boolean) {\n    if (value === \"\" || value === null) {\n      this._suffixIcon = true;\n    } else if (value === \"false\" || value === false) {\n      this._suffixIcon = \"\";\n    } else {\n      this._suffixIcon = value;\n    }\n  }\n\n  /**\n   * Lifecycle methods\n   * --------------------------------------------------------------------------\n   */\n\n  connectedCallback() {\n    // super.connectedCallback() (NysElement) auto-assigns an id when\n    // one is not provided, preserving the \"nys-badge-<ts>-<n>\" shape. A badge is\n    // static, non-interactive label content, so no host role is reflected\n    // (defaultRole stays null).\n    super.connectedCallback();\n\n    const attr = this.getAttribute(\"prefixicon\");\n    if (attr !== null && this.prefixIcon === \"\") {\n      this.prefixIcon = attr;\n    }\n\n    const suffixAttr = this.getAttribute(\"suffixicon\");\n    if (suffixAttr !== null && this.suffixIcon === \"\") {\n      this.suffixIcon = suffixAttr;\n    }\n  }\n\n  /**\n   * Functions\n   * --------------------------------------------------------------------------\n   */\n\n  // Map of default icons by intent\n  private static readonly DEFAULT_ICONS: Record<string, string> = {\n    base: \"info\",\n    info: \"info\",\n    success: \"check_circle\",\n    warning: \"warning\",\n    danger: \"error\",\n    error: \"error\",\n    emergency: \"emergency_home\",\n  };\n\n  // WCAG 1.4.1 (Use of Color): intent is otherwise conveyed only by color and a\n  // decorative (aria-hidden) icon. Provide a screen-reader-only text alternative\n  // so the semantic meaning is not color-only. Skipped for \"base\" (no\n  // semantic meaning) and when the author supplies their own srText override.\n  private static readonly INTENT_SR_TEXT: Record<string, string> = {\n    info: \"Info\",\n    success: \"Success\",\n    warning: \"Warning\",\n    danger: \"Danger\",\n    error: \"Danger\",\n    emergency: \"Emergency\",\n  };\n\n  /**\n   * Resolves the screen-reader-only text describing the badge's semantic intent.\n   * Returns null when no intent description should be announced.\n   */\n  private resolveIntentSrText(): string | null {\n    if (this.srText) return null; // author-provided text takes precedence\n    return NysBadge.INTENT_SR_TEXT[this.intent] ?? null;\n  }\n\n  /**\n   * Resolves which icon should be rendered.\n   * @param icon The icon property value (string or boolean)\n   * @returns Icon name or null if no icon should be rendered\n   */\n  private resolveIcon(icon: string | boolean): string | null {\n    if (icon === true) {\n      return NysBadge.DEFAULT_ICONS[this.intent] ?? \"info\";\n    }\n    if (typeof icon === \"string\" && icon.trim() !== \"\") {\n      return icon;\n    }\n    return null;\n  }\n\n  render() {\n    const prefixIconName = this.resolveIcon(this.prefixIcon);\n    const suffixIconName = this.resolveIcon(this.suffixIcon);\n    const intentSrText = this.resolveIntentSrText();\n\n    return html`\n      <mark class=\"nys-badge\">\n        ${prefixIconName\n          ? html`<nys-icon size=\"16\" name=${prefixIconName}></nys-icon>`\n          : \"\"}\n        ${this.prefixLabel\n          ? html`<div class=\"nys-badge__prefix\">${this.prefixLabel}</div>`\n          : \"\"}\n        <div class=\"nys-badge__label\">\n          ${intentSrText\n            ? html`<span class=\"nys-badge__sr-only\"\n                >${intentSrText + \": \"}</span\n              >`\n            : \"\"}\n          ${this.label}\n          ${this.srText\n            ? html`<span class=\"nys-badge__sr-only\"\n                >${\": \" + this.srText}</span\n              >`\n            : \"\"}\n        </div>\n\n        ${suffixIconName\n          ? html`<nys-icon size=\"16\" name=${suffixIconName}></nys-icon>`\n          : \"\"}\n      </mark>\n    `;\n  }\n}\n\nif (!customElements.get(\"nys-badge\")) {\n  customElements.define(\"nys-badge\", NysBadge);\n}\n"],"names":["LitElement","unsafeCSS","html","property","y","f","e","h","t","P","u","_NysBadge","_a","NysElement","value","attr","suffixAttr","icon","prefixIconName","suffixIconName","intentSrText","styles","__decorateClass","NysBadge"],"mappings":"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"}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@nysds/nys-badge",
-  "version": "1.21.1",
+  "version": "1.22.0",
   "description": "The Badge component from the NYS Design System.",
   "module": "dist/nys-badge.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/nys-badge.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/nys-badge.js"
     }
   },
   "type": "module",
@@ -23,10 +23,10 @@
     "lit-analyze": "lit-analyzer '**/*.ts'"
   },
   "dependencies": {
-    "@nysds/nys-icon": "^1.21.1"
+    "@nysds/nys-icon": "^1.22.0"
   },
   "devDependencies": {
-    "@nysds/internals": "^1.21.1",
+    "@nysds/internals": "^1.22.0",
     "lit": "^3.3.1",
     "typescript": "^5.9.3",
     "vite": "^7.3.1"