@nysds/nys-icon 1.10.1 → 1.11.0

package/dist/nys-icon.js

@@ -1,4 +1,4 @@
-import { css as D, LitElement as Z, html as V } from "lit";
+import { css as x, LitElement as D, html as Z } from "lit";
 /*!
    * ▒█▄░▒█ ▒█░░▒█ ▒█▀▀▀█ ▒█▀▀▄ ▒█▀▀▀█ 
    * ▒█▒█▒█ ▒█▄▄▄█ ░▀▀▀▄▄ ▒█░▒█ ░▀▀▀▄▄ 
@@ -14,18 +14,18 @@ import { css as D, LitElement as Z, html as V } from "lit";
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const d = globalThis, y = d.ShadowRoot && (d.ShadyCSS === void 0 || d.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, x = Symbol(), u = /* @__PURE__ */ new WeakMap();
-let H = class {
+const w = globalThis, v = w.ShadowRoot && (w.ShadyCSS === void 0 || w.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, M = Symbol(), _ = /* @__PURE__ */ new WeakMap();
+let V = class {
   constructor(C, t, s) {
-    if (this._$cssResult$ = !0, s !== x) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, s !== M) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = C, this.t = t;
   }
   get styleSheet() {
     let C = this.o;
     const t = this.t;
-    if (y && C === void 0) {
+    if (v && C === void 0) {
       const s = t !== void 0 && t.length === 1;
-      s && (C = u.get(t)), C === void 0 && ((this.o = C = new CSSStyleSheet()).replaceSync(this.cssText), s && u.set(t, C));
+      s && (C = _.get(t)), C === void 0 && ((this.o = C = new CSSStyleSheet()).replaceSync(this.cssText), s && _.set(t, C));
     }
     return C;
   }
@@ -33,26 +33,26 @@ let H = class {
     return this.cssText;
   }
 };
-const U = (i) => new H(typeof i == "string" ? i : i + "", void 0, x), S = (i, C) => {
-  if (y) i.adoptedStyleSheets = C.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
+const H = (i) => new V(typeof i == "string" ? i : i + "", void 0, M), U = (i, C) => {
+  if (v) i.adoptedStyleSheets = C.map(((t) => t instanceof CSSStyleSheet ? t : t.styleSheet));
   else for (const t of C) {
-    const s = document.createElement("style"), e = d.litNonce;
+    const s = document.createElement("style"), e = w.litNonce;
     e !== void 0 && s.setAttribute("nonce", e), s.textContent = t.cssText, i.appendChild(s);
   }
-}, f = y ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((C) => {
+}, u = v ? (i) => i : (i) => i instanceof CSSStyleSheet ? ((C) => {
   let t = "";
   for (const s of C.cssRules) t += s.cssText;
-  return U(t);
+  return H(t);
 })(i) : i;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: O, defineProperty: b, getOwnPropertyDescriptor: B, getOwnPropertyNames: $, getOwnPropertySymbols: E, getPrototypeOf: P } = Object, h = globalThis, L = h.trustedTypes, z = L ? L.emptyScript : "", v = h.reactiveElementPolyfillSupport, w = (i, C) => i, p = { toAttribute(i, C) {
+const { is: S, defineProperty: O, getOwnPropertyDescriptor: b, getOwnPropertyNames: $, getOwnPropertySymbols: E, getPrototypeOf: B } = Object, p = globalThis, f = p.trustedTypes, P = f ? f.emptyScript : "", z = p.reactiveElementPolyfillSupport, m = (i, C) => i, d = { toAttribute(i, C) {
   switch (C) {
     case Boolean:
-      i = i ? z : null;
+      i = i ? P : null;
       break;
     case Object:
     case Array:
@@ -77,45 +77,43 @@ const { is: O, defineProperty: b, getOwnPropertyDescriptor: B, getOwnPropertyNam
       }
   }
   return t;
-} }, _ = (i, C) => !O(i, C), M = { attribute: !0, type: String, converter: p, reflect: !1, hasChanged: _ };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), h.litPropertyMetadata ?? (h.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-class m extends HTMLElement {
+} }, y = (i, C) => !S(i, C), L = { attribute: !0, type: String, converter: d, reflect: !1, useDefault: !1, hasChanged: y };
+Symbol.metadata ??= Symbol("metadata"), p.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+class g extends HTMLElement {
   static addInitializer(C) {
-    this._$Ei(), (this.l ?? (this.l = [])).push(C);
+    this._$Ei(), (this.l ??= []).push(C);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(C, t = M) {
-    if (t.state && (t.attribute = !1), this._$Ei(), this.elementProperties.set(C, t), !t.noAccessor) {
+  static createProperty(C, t = L) {
+    if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(C) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(C, t), !t.noAccessor) {
       const s = Symbol(), e = this.getPropertyDescriptor(C, s, t);
-      e !== void 0 && b(this.prototype, C, e);
+      e !== void 0 && O(this.prototype, C, e);
     }
   }
   static getPropertyDescriptor(C, t, s) {
-    const { get: e, set: l } = B(this.prototype, C) ?? { get() {
+    const { get: e, set: a } = b(this.prototype, C) ?? { get() {
       return this[t];
-    }, set(a) {
-      this[t] = a;
+    }, set(l) {
+      this[t] = l;
     } };
-    return { get() {
-      return e == null ? void 0 : e.call(this);
-    }, set(a) {
-      const r = e == null ? void 0 : e.call(this);
-      l.call(this, a), this.requestUpdate(C, r, s);
+    return { get: e, set(l) {
+      const r = e?.call(this);
+      a?.call(this, l), this.requestUpdate(C, r, s);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(C) {
-    return this.elementProperties.get(C) ?? M;
+    return this.elementProperties.get(C) ?? L;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(w("elementProperties"))) return;
-    const C = P(this);
+    if (this.hasOwnProperty(m("elementProperties"))) return;
+    const C = B(this);
     C.finalize(), C.l !== void 0 && (this.l = [...C.l]), this.elementProperties = new Map(C.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(w("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(w("properties"))) {
+    if (this.hasOwnProperty(m("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(m("properties"))) {
       const t = this.properties, s = [...$(t), ...E(t)];
       for (const e of s) this.createProperty(e, t[e]);
     }
@@ -135,8 +133,8 @@ class m extends HTMLElement {
     const t = [];
     if (Array.isArray(C)) {
       const s = new Set(C.flat(1 / 0).reverse());
-      for (const e of s) t.unshift(f(e));
-    } else C !== void 0 && t.push(f(C));
+      for (const e of s) t.unshift(u(e));
+    } else C !== void 0 && t.push(u(C));
     return t;
   }
   static _$Eu(C, t) {
@@ -147,16 +145,13 @@ class m extends HTMLElement {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
   }
   _$Ev() {
-    var C;
-    this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (C = this.constructor.l) == null || C.forEach((t) => t(this));
+    this._$ES = new Promise(((C) => this.enableUpdating = C)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((C) => C(this)));
   }
   addController(C) {
-    var t;
-    (this._$EO ?? (this._$EO = /* @__PURE__ */ new Set())).add(C), this.renderRoot !== void 0 && this.isConnected && ((t = C.hostConnected) == null || t.call(C));
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(C), this.renderRoot !== void 0 && this.isConnected && C.hostConnected?.();
   }
   removeController(C) {
-    var t;
-    (t = this._$EO) == null || t.delete(C);
+    this._$EO?.delete(C);
   }
   _$E_() {
     const C = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
@@ -165,54 +160,47 @@ class m extends HTMLElement {
   }
   createRenderRoot() {
     const C = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return S(C, this.constructor.elementStyles), C;
+    return U(C, this.constructor.elementStyles), C;
   }
   connectedCallback() {
-    var C;
-    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (C = this._$EO) == null || C.forEach((t) => {
-      var s;
-      return (s = t.hostConnected) == null ? void 0 : s.call(t);
-    });
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((C) => C.hostConnected?.()));
   }
   enableUpdating(C) {
   }
   disconnectedCallback() {
-    var C;
-    (C = this._$EO) == null || C.forEach((t) => {
-      var s;
-      return (s = t.hostDisconnected) == null ? void 0 : s.call(t);
-    });
+    this._$EO?.forEach(((C) => C.hostDisconnected?.()));
   }
   attributeChangedCallback(C, t, s) {
     this._$AK(C, s);
   }
-  _$EC(C, t) {
-    var l;
+  _$ET(C, t) {
     const s = this.constructor.elementProperties.get(C), e = this.constructor._$Eu(C, s);
     if (e !== void 0 && s.reflect === !0) {
-      const a = (((l = s.converter) == null ? void 0 : l.toAttribute) !== void 0 ? s.converter : p).toAttribute(t, s.type);
+      const a = (s.converter?.toAttribute !== void 0 ? s.converter : d).toAttribute(t, s.type);
       this._$Em = C, a == null ? this.removeAttribute(e) : this.setAttribute(e, a), this._$Em = null;
     }
   }
   _$AK(C, t) {
-    var l;
     const s = this.constructor, e = s._$Eh.get(C);
     if (e !== void 0 && this._$Em !== e) {
-      const a = s.getPropertyOptions(e), r = typeof a.converter == "function" ? { fromAttribute: a.converter } : ((l = a.converter) == null ? void 0 : l.fromAttribute) !== void 0 ? a.converter : p;
-      this._$Em = e, this[e] = r.fromAttribute(t, a.type), this._$Em = null;
+      const a = s.getPropertyOptions(e), l = typeof a.converter == "function" ? { fromAttribute: a.converter } : a.converter?.fromAttribute !== void 0 ? a.converter : d;
+      this._$Em = e;
+      const r = l.fromAttribute(t, a.type);
+      this[e] = r ?? this._$Ej?.get(e) ?? r, this._$Em = null;
     }
   }
   requestUpdate(C, t, s) {
     if (C !== void 0) {
-      if (s ?? (s = this.constructor.getPropertyOptions(C)), !(s.hasChanged ?? _)(this[C], t)) return;
-      this.P(C, t, s);
+      const e = this.constructor, a = this[C];
+      if (s ??= e.getPropertyOptions(C), !((s.hasChanged ?? y)(a, t) || s.useDefault && s.reflect && a === this._$Ej?.get(C) && !this.hasAttribute(e._$Eu(C, s)))) return;
+      this.C(C, t, s);
     }
-    this.isUpdatePending === !1 && (this._$ES = this._$ET());
+    this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  P(C, t, s) {
-    this._$AL.has(C) || this._$AL.set(C, t), s.reflect === !0 && this._$Em !== C && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(C);
+  C(C, t, { useDefault: s, reflect: e, wrapped: a }, l) {
+    s && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(C) && (this._$Ej.set(C, l ?? t ?? this[C]), a !== !0 || l !== void 0) || (this._$AL.has(C) || (this.hasUpdated || s || (t = void 0), this._$AL.set(C, t)), e === !0 && this._$Em !== C && (this._$Eq ??= /* @__PURE__ */ new Set()).add(C));
   }
-  async _$ET() {
+  async _$EP() {
     this.isUpdatePending = !0;
     try {
       await this._$ES;
@@ -226,38 +214,33 @@ class m extends HTMLElement {
     return this.performUpdate();
   }
   performUpdate() {
-    var s;
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
-      if (this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this._$Ep) {
-        for (const [l, a] of this._$Ep) this[l] = a;
+      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+        for (const [e, a] of this._$Ep) this[e] = a;
         this._$Ep = void 0;
       }
-      const e = this.constructor.elementProperties;
-      if (e.size > 0) for (const [l, a] of e) a.wrapped !== !0 || this._$AL.has(l) || this[l] === void 0 || this.P(l, this[l], a);
+      const s = this.constructor.elementProperties;
+      if (s.size > 0) for (const [e, a] of s) {
+        const { wrapped: l } = a, r = this[e];
+        l !== !0 || this._$AL.has(e) || r === void 0 || this.C(e, void 0, a, r);
+      }
     }
     let C = !1;
     const t = this._$AL;
     try {
-      C = this.shouldUpdate(t), C ? (this.willUpdate(t), (s = this._$EO) == null || s.forEach((e) => {
-        var l;
-        return (l = e.hostUpdate) == null ? void 0 : l.call(e);
-      }), this.update(t)) : this._$EU();
-    } catch (e) {
-      throw C = !1, this._$EU(), e;
+      C = this.shouldUpdate(t), C ? (this.willUpdate(t), this._$EO?.forEach(((s) => s.hostUpdate?.())), this.update(t)) : this._$EM();
+    } catch (s) {
+      throw C = !1, this._$EM(), s;
     }
     C && this._$AE(t);
   }
   willUpdate(C) {
   }
   _$AE(C) {
-    var t;
-    (t = this._$EO) == null || t.forEach((s) => {
-      var e;
-      return (e = s.hostUpdated) == null ? void 0 : e.call(s);
-    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(C)), this.updated(C);
+    this._$EO?.forEach(((t) => t.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(C)), this.updated(C);
   }
-  _$EU() {
+  _$EM() {
     this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
   }
   get updateComplete() {
@@ -270,44 +253,44 @@ class m extends HTMLElement {
     return !0;
   }
   update(C) {
-    this._$Ej && (this._$Ej = this._$Ej.forEach((t) => this._$EC(t, this[t]))), this._$EU();
+    this._$Eq &&= this._$Eq.forEach(((t) => this._$ET(t, this[t]))), this._$EM();
   }
   updated(C) {
   }
   firstUpdated(C) {
   }
 }
-m.elementStyles = [], m.shadowRootOptions = { mode: "open" }, m[w("elementProperties")] = /* @__PURE__ */ new Map(), m[w("finalized")] = /* @__PURE__ */ new Map(), v == null || v({ ReactiveElement: m }), (h.reactiveElementVersions ?? (h.reactiveElementVersions = [])).push("2.0.4");
+g.elementStyles = [], g.shadowRootOptions = { mode: "open" }, g[m("elementProperties")] = /* @__PURE__ */ new Map(), g[m("finalized")] = /* @__PURE__ */ new Map(), z?.({ ReactiveElement: g }), (p.reactiveElementVersions ??= []).push("2.1.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const A = { attribute: !0, type: String, converter: p, reflect: !1, hasChanged: _ }, R = (i = A, C, t) => {
+const A = { attribute: !0, type: String, converter: d, reflect: !1, hasChanged: y }, R = (i = A, C, t) => {
   const { kind: s, metadata: e } = t;
-  let l = globalThis.litPropertyMetadata.get(e);
-  if (l === void 0 && globalThis.litPropertyMetadata.set(e, l = /* @__PURE__ */ new Map()), l.set(t.name, i), s === "accessor") {
-    const { name: a } = t;
+  let a = globalThis.litPropertyMetadata.get(e);
+  if (a === void 0 && globalThis.litPropertyMetadata.set(e, a = /* @__PURE__ */ new Map()), s === "setter" && ((i = Object.create(i)).wrapped = !0), a.set(t.name, i), s === "accessor") {
+    const { name: l } = t;
     return { set(r) {
       const k = C.get.call(this);
-      C.set.call(this, r), this.requestUpdate(a, k, i);
+      C.set.call(this, r), this.requestUpdate(l, k, i);
     }, init(r) {
-      return r !== void 0 && this.P(a, void 0, i), r;
+      return r !== void 0 && this.C(l, void 0, i, r), r;
     } };
   }
   if (s === "setter") {
-    const { name: a } = t;
+    const { name: l } = t;
     return function(r) {
-      const k = this[a];
-      C.call(this, r), this.requestUpdate(a, k, i);
+      const k = this[l];
+      C.call(this, r), this.requestUpdate(l, k, i);
     };
   }
   throw Error("Unsupported decorator location: " + s);
 };
-function c(i) {
-  return (C, t) => typeof t == "object" ? R(i, C, t) : ((s, e, l) => {
-    const a = e.hasOwnProperty(l);
-    return e.constructor.createProperty(l, a ? { ...s, wrapped: !0 } : s), a ? Object.getOwnPropertyDescriptor(e, l) : void 0;
+function n(i) {
+  return (C, t) => typeof t == "object" ? R(i, C, t) : ((s, e, a) => {
+    const l = e.hasOwnProperty(a);
+    return e.constructor.createProperty(a, s), l ? Object.getOwnPropertyDescriptor(e, a) : void 0;
   })(i, C, t);
 }
 const T = {
@@ -915,7 +898,7 @@ const T = {
     <path d="M6.30002 22.7751C5.43369 22.7751 4.69211 22.4667 4.07527 21.8498C3.45844 21.2328 3.15002 20.4913 3.15002 19.6251V10.2251C3.15002 9.35893 3.45844 8.61735 4.07527 8.00035C4.69211 7.38351 5.43369 7.0751 6.30002 7.0751H6.62502V5.8001C6.62502 4.28343 7.14586 2.99593 8.18752 1.9376C9.22919 0.879264 10.5 0.350098 12 0.350098C13.5 0.350098 14.7709 0.879264 15.8125 1.9376C16.8542 2.99593 17.375 4.28343 17.375 5.8001V7.0751H17.7C18.5662 7.0751 19.3078 7.38351 19.9248 8.00035C20.5416 8.61735 20.85 9.35893 20.85 10.2251V19.6251C20.85 20.4913 20.5416 21.2328 19.9248 21.8498C19.3078 22.4667 18.5662 22.7751 17.7 22.7751H6.30002ZM12 16.9251C12.55 16.9251 13.0209 16.7293 13.4125 16.3376C13.8042 15.9459 14 15.4751 14 14.9251C14 14.3751 13.8042 13.9043 13.4125 13.5126C13.0209 13.1209 12.55 12.9251 12 12.9251C11.45 12.9251 10.9792 13.1209 10.5875 13.5126C10.1959 13.9043 10 14.3751 10 14.9251C10 15.4751 10.1959 15.9459 10.5875 16.3376C10.9792 16.7293 11.45 16.9251 12 16.9251ZM9.77502 7.0751H14.225V5.8001C14.225 5.16126 14.0125 4.61818 13.5875 4.17085C13.1625 3.72368 12.6334 3.5001 12 3.5001C11.3667 3.5001 10.8375 3.72368 10.4125 4.17085C9.98752 4.61818 9.77502 5.16126 9.77502 5.8001V7.0751Z" fill="var(--nys-icon-color, currentcolor)"/>
   </g>
 </svg>`
-}, j = D`
+}, j = x`
   :host {
     display: inline-block;
     --_nys-icon-size: var(
@@ -941,39 +924,39 @@ const T = {
   }
 
   /* Relative Sizes */
-  .nys-icon--2xs {
+  .nys-icon--xs {
     width: calc(var(--_nys-icon-size) * 0.75);
     height: calc(var(--_nys-icon-size) * 0.75);
   }
-  .nys-icon--xs {
+  .nys-icon--sm {
     width: calc(var(--_nys-icon-size) * 0.875);
     height: calc(var(--_nys-icon-size) * 0.875);
   }
-  .nys-icon--sm {
+  .nys-icon--md {
     width: var(--_nys-icon-size);
     height: var(--_nys-icon-size);
   }
-  .nys-icon--md {
+  .nys-icon--lg {
     width: calc(var(--_nys-icon-size) * 1.125);
     height: calc(var(--_nys-icon-size) * 1.125);
   }
-  .nys-icon--lg {
+  .nys-icon--xl {
     width: calc(var(--_nys-icon-size) * 1.25);
     height: calc(var(--_nys-icon-size) * 1.25);
   }
-  .nys-icon--xl {
+  .nys-icon--2xl {
     width: calc(var(--_nys-icon-size) * 1.5);
     height: calc(var(--_nys-icon-size) * 1.5);
   }
-  .nys-icon--2xl {
+  .nys-icon--3xl {
     width: calc(var(--_nys-icon-size) * 1.875);
     height: calc(var(--_nys-icon-size) * 1.875);
   }
-  .nys-icon--3xl {
+  .nys-icon--4xl {
     width: calc(var(--_nys-icon-size) * 2.25);
     height: calc(var(--_nys-icon-size) * 2.25);
   }
-  .nys-icon--4xl {
+  .nys-icon--5xl {
     width: calc(var(--_nys-icon-size) * 3);
     height: calc(var(--_nys-icon-size) * 3);
   }
@@ -983,10 +966,22 @@ const T = {
     width: 0.75rem;
     height: 0.75rem;
   }
+  .nys-icon--14 {
+    width: 0.875rem;
+    height: 0.875rem;
+  }
   .nys-icon--16 {
     width: 1rem;
     height: 1rem;
   }
+  .nys-icon--18 {
+    width: 1.125rem;
+    height: 1.125rem;
+  }
+  .nys-icon--20 {
+    width: 1.25rem;
+    height: 1.25rem;
+  }
   .nys-icon--24 {
     width: 1.5rem;
     height: 1.5rem;
@@ -999,13 +994,9 @@ const T = {
     width: 2.5rem;
     height: 2.5rem;
   }
-  .nys-icon--48 {
-    width: 3rem;
-    height: 3rem;
-  }
-  .nys-icon--64 {
-    width: 4rem;
-    height: 4rem;
+  .nys-icon--50 {
+    width: 3.125rem;
+    height: 3.125rem;
   }
 
   /* Flipping Icons */
@@ -1019,22 +1010,22 @@ const T = {
     transform: scale(-1, -1);
   }
 `;
-var I = Object.defineProperty, N = Object.getOwnPropertyDescriptor, g = (i, C, t, s) => {
-  for (var e = s > 1 ? void 0 : s ? N(C, t) : C, l = i.length - 1, a; l >= 0; l--)
-    (a = i[l]) && (e = (s ? a(C, t, e) : a(e)) || e);
-  return s && e && I(C, t, e), e;
-}, o;
-const n = (o = class extends Z {
+var q = Object.defineProperty, I = Object.getOwnPropertyDescriptor, c = (i, C, t, s) => {
+  for (var e = s > 1 ? void 0 : s ? I(C, t) : C, a = i.length - 1, l; a >= 0; a--)
+    (l = i[a]) && (e = (s ? l(C, t, e) : l(e)) || e);
+  return s && e && q(C, t, e), e;
+}, h;
+const o = (h = class extends D {
   constructor() {
-    super(...arguments), this.name = "", this.ariaLabel = "", this.rotate = "0", this.flip = "", this.color = "", this._size = "sm";
+    super(...arguments), this.name = "", this.ariaLabel = "", this.rotate = "0", this.flip = "", this.color = "", this._size = "md";
   }
   get size() {
     return this._size;
   }
   set size(C) {
-    this._size = o.VALID_TYPES.includes(
+    this._size = h.VALID_TYPES.includes(
       C
-    ) ? C : "sm";
+    ) ? C : "md";
   }
   getIcon() {
     const C = T[this.name];
@@ -1044,10 +1035,9 @@ const n = (o = class extends Z {
   }
   render() {
     const C = this.getIcon();
-    return C ? V`${C}` : null;
+    return C ? Z`${C}` : null;
   }
-}, o.styles = j, o.VALID_TYPES = [
-  "2xs",
+}, h.styles = j, h.VALID_TYPES = [
   "xs",
   "sm",
   "md",
@@ -1056,35 +1046,38 @@ const n = (o = class extends Z {
   "2xl",
   "3xl",
   "4xl",
+  "5xl",
   "12",
+  "14",
   "16",
+  "18",
+  "20",
   "24",
   "32",
   "40",
-  "48",
-  "64"
-], o);
-g([
-  c({ type: String, reflect: !0 })
-], n.prototype, "name", 2);
-g([
-  c({ type: String })
-], n.prototype, "ariaLabel", 2);
-g([
-  c({ type: String })
-], n.prototype, "rotate", 2);
-g([
-  c({ type: String })
-], n.prototype, "flip", 2);
-g([
-  c({ type: String })
-], n.prototype, "color", 2);
-g([
-  c({ reflect: !0 })
-], n.prototype, "size", 1);
-let q = n;
-customElements.get("nys-icon") || customElements.define("nys-icon", q);
+  "50"
+], h);
+c([
+  n({ type: String, reflect: !0 })
+], o.prototype, "name", 2);
+c([
+  n({ type: String })
+], o.prototype, "ariaLabel", 2);
+c([
+  n({ type: String })
+], o.prototype, "rotate", 2);
+c([
+  n({ type: String })
+], o.prototype, "flip", 2);
+c([
+  n({ type: String })
+], o.prototype, "color", 2);
+c([
+  n({ reflect: !0 })
+], o.prototype, "size", 1);
+let N = o;
+customElements.get("nys-icon") || customElements.define("nys-icon", N);
 export {
-  q as NysIcon
+  N as NysIcon
 };
 //# sourceMappingURL=nys-icon.js.map