@nldd/design-system 0.8.61 → 0.8.63

package/dist/components/content/byline/byline.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"byline.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,yBAyGxB,CAAC"}
+{"version":3,"file":"byline.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,yBAqHxB,CAAC"}

package/dist/components/content/byline/byline.styles.js

@@ -22,6 +22,7 @@ export const bylineStyles = css `
 		${inheritedTextReset}
 		container-type: inline-size;
 		display: block;
+		width: 100%;
 	}
 
 	:host([hidden]) {
@@ -67,8 +68,19 @@ export const bylineStyles = css `
 		object-fit: cover !important;
 	}
 
+	.byline__avatar {
+		display: block;
+		margin-inline-start: calc(-1 * var(--_avatar-overlap-size));
+		border-radius: var(--_avatar-corner-radius);
+		box-shadow: 0 0 0 var(--_avatar-border-width) var(--_avatar-border-color);
+		width: var(--_avatar-size);
+		height: var(--_avatar-size);
+		object-fit: cover;
+	}
+
 	@media (forced-colors: active) {
-		.byline__avatars ::slotted(img) {
+		.byline__avatars ::slotted(img),
+		.byline__avatar {
 			border: var(--_avatar-border-width) solid Canvas !important;
 		}
 	}

package/dist/components/content/byline/byline.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"byline.styles.js","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;IAiB3B,kBAAkB;;;;;;;;;;;;;;;;;;;2BAmBK,KAAK;;;;;;;;;;;;;;;;;;;IAmB5B,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDf,CAAC"}
+{"version":3,"file":"byline.styles.js","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;IAiB3B,kBAAkB;;;;;;;;;;;;;;;;;;;;2BAoBK,KAAK;;;;;;;;;;;;;;;;;;;IAmB5B,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6Df,CAAC"}

package/dist/components/content/byline/byline.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"byline.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,wCAwBnD"}
+{"version":3,"file":"byline.template.d.ts","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,wCAuCnD"}

package/dist/components/content/byline/byline.template.js

@@ -1,15 +1,30 @@
-import { html } from 'lit';
+import { html, nothing } from 'lit';
 export function bylineTemplate(component) {
     const hasText = Boolean(component.text) || component._hasSlottedText;
     const hasSupportingText = Boolean(component.supportingText) || component._hasSlottedSupportingText;
+    const hasAvatars = component._hasSlottedAvatars || Boolean(component.avatarSrc);
+    // Single-avatar convenience: an internal <img> rendered from avatar-src, only
+    // when nothing is slotted (the slot always wins). Fixed 40px, so sizes is set
+    // here rather than exposed.
+    const avatarImage = component.avatarSrc && !component._hasSlottedAvatars
+        ? html `<img class="byline__avatar"
+				src=${component.avatarSrc}
+				srcset=${component.avatarSrcset || nothing}
+				sizes="40px"
+				alt=${component.avatarAlt}
+				loading="lazy"
+				decoding="async"
+			>`
+        : nothing;
     return html `
 		<div class="byline"
 			?data-multiple-avatars=${component._avatarCount >= 2}
 		>
 			<div class="byline__avatars"
-				?hidden=${!component._hasSlottedAvatars}
+				?hidden=${!hasAvatars}
 			>
 				<slot name="avatars" @slotchange=${component._onSlotChange}></slot>
+				${avatarImage}
 			</div>
 			<div class="byline__text-area"
 				?hidden=${!hasText && !hasSupportingText}

package/dist/components/content/byline/byline.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"byline.template.js","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAG3B,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,eAAe,CAAC;IACrE,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,SAAS,CAAC,yBAAyB,CAAC;IACnG,OAAO,IAAI,CAAA;;4BAEgB,SAAS,CAAC,YAAY,IAAI,CAAC;;;cAGzC,CAAC,SAAS,CAAC,kBAAkB;;uCAEJ,SAAS,CAAC,aAAa;;;cAGhD,CAAC,OAAO,IAAI,CAAC,iBAAiB;;;eAG7B,CAAC,OAAO;qCACc,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,IAAI;;eAE/D,CAAC,iBAAiB;gDACe,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,cAAc;;;EAGjG,CAAC;AACH,CAAC"}
+{"version":3,"file":"byline.template.js","sourceRoot":"","sources":["../../../../src/components/content/byline/byline.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,MAAM,OAAO,GAAG,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,eAAe,CAAC;IACrE,MAAM,iBAAiB,GAAG,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,SAAS,CAAC,yBAAyB,CAAC;IACnG,MAAM,UAAU,GAAG,SAAS,CAAC,kBAAkB,IAAI,OAAO,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;IAChF,8EAA8E;IAC9E,8EAA8E;IAC9E,4BAA4B;IAC5B,MAAM,WAAW,GAAG,SAAS,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,kBAAkB;QACvE,CAAC,CAAC,IAAI,CAAA;UACE,SAAS,CAAC,SAAS;aAChB,SAAS,CAAC,YAAY,IAAI,OAAO;;UAEpC,SAAS,CAAC,SAAS;;;KAGxB;QACH,CAAC,CAAC,OAAO,CAAC;IACX,OAAO,IAAI,CAAA;;4BAEgB,SAAS,CAAC,YAAY,IAAI,CAAC;;;cAGzC,CAAC,UAAU;;uCAEc,SAAS,CAAC,aAAa;MACxD,WAAW;;;cAGH,CAAC,OAAO,IAAI,CAAC,iBAAiB;;;eAG7B,CAAC,OAAO;qCACc,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,IAAI;;eAE/D,CAAC,iBAAiB;gDACe,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,cAAc;;;EAGjG,CAAC;AACH,CAAC"}

package/dist/components/forms/form-actions/form-actions.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-actions.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-actions/form-actions.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,yBAuD7B,CAAC"}
+{"version":3,"file":"form-actions.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-actions/form-actions.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,yBAwD7B,CAAC"}

package/dist/components/forms/form-actions/form-actions.styles.js

@@ -8,6 +8,7 @@ export const formActionsStyles = css `
 
 	:host {
 		display: block;
+		width: 100%;
 		container-type: inline-size;
 	}
 

package/dist/components/forms/form-actions/form-actions.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-actions.styles.js","sourceRoot":"","sources":["../../../../src/components/forms/form-actions/form-actions.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;2BA0BT,KAAK;;;;;;;;;;;2BAWL,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}
+{"version":3,"file":"form-actions.styles.js","sourceRoot":"","sources":["../../../../src/components/forms/form-actions/form-actions.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;2BA2BT,KAAK;;;;;;;;;;;2BAWL,KAAK;;;;;;;;;;;;;;;;;;CAkB/B,CAAC"}

package/dist/components/forms/form-field/form-field.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,yBA0K3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAkDnC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBAsDpC,CAAC"}
+{"version":3,"file":"form-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,yBA2K3B,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAkDnC,CAAC;AAEF,eAAO,MAAM,wBAAwB,yBAsDpC,CAAC"}

package/dist/components/forms/form-field/form-field.styles.js

@@ -12,6 +12,7 @@ export const formFieldStyles = css `
 
 		${inheritedTextReset}
 		display: block;
+		width: 100%;
 		container-type: inline-size;
 	}
 

package/dist/components/forms/form-field/form-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.styles.js","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;IAQ9B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;2BAsBK,KAAK;;;;;;;;;;;;;;;;;;;;;;;;2BAwBL,KAAK;;;;;;;;;;;;2BAYL,KAAK;;;;;;;;2BAQL,KAAK;;;;;;;;;;;;;;2BAcL,KAAK;;;;;;;;;;;;;;;;;;;;;2BAqBL,KAAK;;;;;;;;;2BASL,KAAK;;;;;;;2BAOL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6C/B,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;IAMtC,kBAAkB;;;;;;;;;;;;;;;;;IAiBlB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;IAMvC,kBAAkB;;;;;;;;;;;;;;;;;;;;;IAqBlB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC"}
+{"version":3,"file":"form-field.styles.js","sourceRoot":"","sources":["../../../../src/components/forms/form-field/form-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;IAQ9B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;2BAuBK,KAAK;;;;;;;;;;;;;;;;;;;;;;;;2BAwBL,KAAK;;;;;;;;;;;;2BAYL,KAAK;;;;;;;;2BAQL,KAAK;;;;;;;;;;;;;;2BAcL,KAAK;;;;;;;;;;;;;;;;;;;;;2BAqBL,KAAK;;;;;;;;;2BASL,KAAK;;;;;;;2BAOL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6C/B,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;IAMtC,kBAAkB;;;;;;;;;;;;;;;;;IAiBlB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;IAMvC,kBAAkB;;;;;;;;;;;;;;;;;;;;;IAqBlB,YAAY;IACZ,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BrB,CAAC"}