@nysds/components 1.5.0 → 1.5.2

package/dist/nysds.es.js

@@ -484,7 +484,7 @@ let j1 = 0;
 var e1;
 const R = (e1 = class extends u {
   constructor() {
-    super(...arguments), this.id = "", this.label = "", this.image = "", this.initials = "", this.icon = "", this.color = "#555", this.lazy = !1, this._shape = "circle", this._slotHasContent = !0;
+    super(...arguments), this.id = "", this.ariaLabel = "", this.image = "", this.initials = "", this.icon = "", this.color = "#555", this.lazy = !1, this._shape = "circle", this._slotHasContent = !0;
   }
   get shape() {
     return this._shape;
@@ -530,14 +530,14 @@ const R = (e1 = class extends u {
             style="background-color: ${((e = this.color) == null ? void 0 : e.length) > 0 ? this.color : "#555"};"
             role=${h(this.image ? void 0 : "img")}
             aria-label=${h(
-      this.image ? void 0 : this.label ? this.label : "avatar"
+      this.image ? void 0 : this.ariaLabel ? this.ariaLabel : "avatar"
     )}
           >
             ${((t = this.image) == null ? void 0 : t.length) > 0 ? a`<img
                   part="nys-avatar__image"
                   class="nys-avatar__image"
                   src=${this.image}
-                  alt=${this.label || "avatar"}
+                  alt=${this.ariaLabel || "avatar"}
                   loading=${this.lazy ? "lazy" : "eager"}
                 />` : ((o = this.initials) == null ? void 0 : o.length) > 0 ? a`<span
                     part="nys-avatar__initials"
@@ -568,7 +568,7 @@ Q([
 ], R.prototype, "id", 2);
 Q([
   r({ type: String })
-], R.prototype, "label", 2);
+], R.prototype, "ariaLabel", 2);
 Q([
   r({ type: String })
 ], R.prototype, "image", 2);
@@ -2256,6 +2256,7 @@ const ye = g`
     --_nys-fileitem-items-radius: var(--nys-radius-md, 4px);
     --_nys-fileitem-items-padding: var(--nys-space-100, 8px)
       var(--nys-space-200, 16px);
+    --_nys-fileitem-items-background: var(--nys-color-ink-reverse, #fff);
     --_nys-fileitem-items-border: var(--nys-border-width-sm, 1px) solid
       var(--nys-color-neutral-100, #d0d0ce);
     --_nys-fileitem-error-color: var(--nys-color-danger, #b52c2c);
@@ -2287,6 +2288,7 @@ const ye = g`
     position: relative;
     border-radius: var(--_nys-fileitem-items-radius);
     border: var(--_nys-fileitem-items-border);
+    background: var(--_nys-fileitem-items-background);
   }
 
   .file-item.error {
@@ -6281,8 +6283,12 @@ const D1 = class D1 extends u {
     return e == null ? void 0 : e.assignedElements({ flatten: !0 })[0];
   }
   firstUpdated() {
-    const e = this._firstAssignedEl;
-    e && this._applyFocusBehavior(e);
+    var t;
+    const e = (t = this.shadowRoot) == null ? void 0 : t.querySelector("slot");
+    e && e.addEventListener("slotchange", () => {
+      const o = this._firstAssignedEl;
+      o && this._applyFocusBehavior(o);
+    });
   }
   updated(e) {
     super.updated(e);