@nldd/design-system 0.8.43 → 0.8.45

package/dist/components/inputs/toggle-button/toggle-button.template.js

@@ -1,13 +1,19 @@
 import { html, nothing } from 'lit';
 import '../../content/tooltip/tooltip.js';
 export function toggleButtonTemplate(component) {
+    const variant = component._effectiveVariant;
+    const showText = (variant === 'text' || variant === 'icon-and-text') && !!component.text;
     const label = component.accessibleLabel || nothing;
-    const iconOnly = !!component.icon && !component.text;
-    const tooltipText = iconOnly ? (component.accessibleLabel || component.text) : '';
+    const tooltipText = variant === 'icon' ? (component.accessibleLabel || component.text) : '';
+    // Always render the slot so auto-detect can observe slotchange and so
+    // consumers can supply an icon via slot before the attribute. CSS hides
+    // the icon when variant resolves to 'text'. When variant is explicitly
+    // 'icon' but the consumer hasn't supplied one, fall back to the
+    // icon-placeholder as a visible hint.
     const icon = component.icon
         ? html `<nldd-icon class="toggle-button__icon" name=${component.icon}></nldd-icon>`
-        : html `<slot name="icon" @slotchange=${component.requestUpdate}></slot>`;
-    const textContent = component.text
+        : html `<slot name="icon" @slotchange=${component.requestUpdate}>${variant === 'icon' ? html `<nldd-icon class="toggle-button__icon" name="icon-placeholder"></nldd-icon>` : nothing}</slot>`;
+    const textContent = showText
         ? html `<span class="toggle-button__text">${component.text}</span>`
         : nothing;
     let result;

package/dist/components/inputs/toggle-button/toggle-button.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,kCAAkC,CAAC;AAG1C,MAAM,UAAU,oBAAoB,CAAC,SAA2B;IAC/D,MAAM,KAAK,GAAG,SAAS,CAAC,eAAe,IAAI,OAAO,CAAC;IACnD,MAAM,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;IACrD,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAElF,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI;QAC1B,CAAC,CAAC,IAAI,CAAA,+CAA+C,SAAS,CAAC,IAAI,eAAe;QAClF,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,aAAa,UAAU,CAAC;IAE1E,MAAM,WAAW,GAAG,SAAS,CAAC,IAAI;QACjC,CAAC,CAAC,IAAI,CAAA,qCAAqC,SAAS,CAAC,IAAI,SAAS;QAClE,CAAC,CAAC,OAAO,CAAC;IAEX,IAAI,MAAsB,CAAC;IAE3B,IAAI,SAAS,CAAC,IAAI,KAAK,UAAU,IAAI,SAAS,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QACjE,MAAM,GAAG,IAAI,CAAA;;;;YAIH,SAAS,CAAC,IAAI;gBACV,SAAS,CAAC,QAAQ;iBACjB,SAAS,CAAC,QAAQ;YACvB,SAAS,CAAC,IAAI,IAAI,OAAO;aACxB,SAAS,CAAC,KAAK;kBACV,KAAK;eACR,SAAS,CAAC,kBAAkB;;MAErC,IAAI;MACJ,WAAW;;GAEd,CAAC;IACH,CAAC;SAAM,CAAC;QACP,MAAM,GAAG,IAAI,CAAA;;;;mBAII,SAAS,CAAC,QAAQ;gBACrB,SAAS,CAAC,QAAQ;iBACjB,KAAK;aACT,SAAS,CAAC,kBAAkB;;MAEnC,IAAI;MACJ,WAAW;;GAEd,CAAC;IACH,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAA,sBAAsB,WAAW,IAAI,MAAM,iBAAiB,CAAC;IACzE,CAAC;IACD,OAAO,MAAM,CAAC;AACf,CAAC"}
+{"version":3,"file":"toggle-button.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,kCAAkC,CAAC;AAG1C,MAAM,UAAU,oBAAoB,CAAC,SAA2B;IAC/D,MAAM,OAAO,GAAG,SAAS,CAAC,iBAAiB,CAAC;IAC5C,MAAM,QAAQ,GAAG,CAAC,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,eAAe,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC;IACzF,MAAM,KAAK,GAAG,SAAS,CAAC,eAAe,IAAI,OAAO,CAAC;IACnD,MAAM,WAAW,GAAG,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5F,sEAAsE;IACtE,wEAAwE;IACxE,uEAAuE;IACvE,gEAAgE;IAChE,sCAAsC;IACtC,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI;QAC1B,CAAC,CAAC,IAAI,CAAA,+CAA+C,SAAS,CAAC,IAAI,eAAe;QAClF,CAAC,CAAC,IAAI,CAAA,iCAAiC,SAAS,CAAC,aAAa,IAAI,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,6EAA6E,CAAC,CAAC,CAAC,OAAO,SAAS,CAAC;IAE7L,MAAM,WAAW,GAAG,QAAQ;QAC3B,CAAC,CAAC,IAAI,CAAA,qCAAqC,SAAS,CAAC,IAAI,SAAS;QAClE,CAAC,CAAC,OAAO,CAAC;IAEX,IAAI,MAAsB,CAAC;IAE3B,IAAI,SAAS,CAAC,IAAI,KAAK,UAAU,IAAI,SAAS,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QACjE,MAAM,GAAG,IAAI,CAAA;;;;YAIH,SAAS,CAAC,IAAI;gBACV,SAAS,CAAC,QAAQ;iBACjB,SAAS,CAAC,QAAQ;YACvB,SAAS,CAAC,IAAI,IAAI,OAAO;aACxB,SAAS,CAAC,KAAK;kBACV,KAAK;eACR,SAAS,CAAC,kBAAkB;;MAErC,IAAI;MACJ,WAAW;;GAEd,CAAC;IACH,CAAC;SAAM,CAAC;QACP,MAAM,GAAG,IAAI,CAAA;;;;mBAII,SAAS,CAAC,QAAQ;gBACrB,SAAS,CAAC,QAAQ;iBACjB,KAAK;aACT,SAAS,CAAC,kBAAkB;;MAEnC,IAAI;MACJ,WAAW;;GAEd,CAAC;IACH,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QACjB,OAAO,IAAI,CAAA,sBAAsB,WAAW,IAAI,MAAM,iBAAiB,CAAC;IACzE,CAAC;IACD,OAAO,MAAM,CAAC;AACf,CAAC"}

package/dist/components/inputs/token/token.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"token.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/token/token.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBAoIvB,CAAC"}
+{"version":3,"file":"token.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/token/token.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBA0GvB,CAAC"}

package/dist/components/inputs/token/token.styles.js

@@ -22,28 +22,20 @@ export const tokenStyles = css `
 	/* # Block */
 
 	.token {
-		/* Reset (for menu button) */
-		appearance: none;
-		border: none;
+		box-sizing: border-box;
+		display: inline-flex;
 		margin: 0;
+		border: none;
+		border-radius: var(--semantics-controls-sm-corner-radius);
 		background: none;
-		font: inherit;
-
-		/* Layout */
-		display: inline-flex;
-		align-items: center;
-		box-sizing: border-box;
+		background-color: var(--semantics-buttons-neutral-tinted-background-color);
 		height: var(--semantics-controls-sm-min-size);
 		padding: 0 var(--primitives-space-6);
-
-		/* Appearance */
-		border-radius: var(--semantics-controls-sm-corner-radius);
-		background-color: var(--semantics-buttons-neutral-tinted-background-color);
+		align-items: center;
 		color: var(--semantics-buttons-neutral-tinted-content-color);
 		font: var(--semantics-buttons-sm-font);
-
-		/* Animation */
 		transition: background-color var(--primitives-transition-duration-fast) var(--primitives-transition-easing-default);
+		appearance: none;
 	}
 
 	@media (prefers-reduced-motion: reduce) {
@@ -52,30 +44,6 @@ export const tokenStyles = css `
 		}
 	}
 
-
-	/* # Text */
-
-	.token__text {
-		display: flex;
-		align-items: center;
-		padding: 0 var(--primitives-space-2);
-	}
-
-
-	/* # Icon */
-
-	.token__icon {
-		display: block;
-		flex-shrink: 0;
-		width: var(--primitives-space-16);
-		height: var(--primitives-space-16);
-	}
-
-
-	/* # States */
-
-	/* ## Hover — menu */
-
 	@media (hover: hover) {
 		:host([control="menu"]) .token:hover:not(:disabled) {
 			background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
@@ -83,8 +51,6 @@ export const tokenStyles = css `
 		}
 	}
 
-	/* ## Open — menu */
-
 	:host([expanded]) .token {
 		background-color: var(--semantics-buttons-neutral-tinted-is-active-background-color);
 		color: var(--semantics-buttons-neutral-tinted-is-active-content-color);
@@ -97,8 +63,6 @@ export const tokenStyles = css `
 		}
 	}
 
-	/* ## Focus — menu */
-
 	:host([control="menu"]) .token:focus-visible {
 		outline: var(--semantics-focus-ring-outline);
 		outline-offset: var(--semantics-focus-ring-outline-offset);
@@ -109,17 +73,11 @@ export const tokenStyles = css `
 		outline: none;
 	}
 
-
-	/* # Dismiss — padding compensation */
-
 	/* Remove right padding so the nldd-icon-button flush-fits the token edge */
 	:host([control="dismiss"]) .token {
 		padding-right: 0;
 	}
 
-
-	/* # Accessibility */
-
 	@media (forced-colors: active) {
 		.token {
 			border: 1px solid CanvasText;
@@ -131,5 +89,21 @@ export const tokenStyles = css `
 			outline-offset: 2px;
 		}
 	}
+
+
+	/* # Elements */
+
+	.token__text {
+		display: flex;
+		padding: 0 var(--primitives-space-2);
+		align-items: center;
+	}
+
+	.token__icon {
+		display: block;
+		width: var(--primitives-space-16);
+		height: var(--primitives-space-16);
+		flex-shrink: 0;
+	}
 `;
 //# sourceMappingURL=token.styles.js.map

package/dist/components/inputs/token/token.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/token/token.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoI7B,CAAC"}
+{"version":3,"file":"token.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/token/token.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0G7B,CAAC"}

package/dist/components/inputs/token/token.template.js

@@ -26,7 +26,7 @@ export function tokenTemplate(component) {
 						icon="dismiss-small"
 						text=${component.dismissText}
 						accessible-label=${component.dismissText}
-						hide-tooltip
+						tooltip-timing="never"
 						?disabled=${component.disabled}
 						@click=${component._handleDismiss}
 					></nldd-icon-button>

package/dist/components/layout/app-view/app-view.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-view.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/app-view/app-view.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAyCzB,CAAC"}
+{"version":3,"file":"app-view.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/app-view/app-view.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBA+CzB,CAAC"}

package/dist/components/layout/app-view/app-view.styles.js

@@ -9,36 +9,42 @@ export const appViewStyles = css `
 		--_background-color: var(--context-parent-background-color);
 
 		display: flex;
+		background-color: var(--_background-color);
 		width: 100%;
 		height: 100%;
-		background-color: var(--_background-color);
 	}
 
+	:host([hidden]) {
+		display: none;
+	}
 
 	:host([background="tinted"]) {
 		--context-parent-background-color: var(--semantics-surfaces-tinted-background-color);
 		--_background-color: var(--semantics-surfaces-tinted-background-color);
 	}
 
-	:host([hidden]) {
-		display: none;
-	}
-
 
 	/* # Block */
 
 	.app-view {
 		display: flex;
-		flex-direction: column;
-		flex: 1;
-		min-height: 0;
 		min-width: 0;
+		min-height: 0;
 		overflow: hidden;
+		flex-direction: column;
+		flex-grow: 1;
+		flex-shrink: 1;
+		flex-basis: 0;
 	}
 
+
+	/* # Elements */
+
 	::slotted(*) {
-		flex: 1;
 		min-height: 0;
+		flex-grow: 1;
+		flex-shrink: 1;
+		flex-basis: 0;
 	}
 `;
 //# sourceMappingURL=app-view.styles.js.map

package/dist/components/layout/app-view/app-view.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-view.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/app-view/app-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC/B,CAAC"}
+{"version":3,"file":"app-view.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/app-view/app-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+C/B,CAAC"}

package/dist/components/layout/box/box.styles.js

@@ -16,10 +16,10 @@ export const boxStyles = css `
 	/* # Block */
 
 	.box {
-		background-color: var(--components-box-background-color);
+		box-sizing: border-box;
 		border-radius: var(--components-box-corner-radius);
+		background-color: var(--components-box-background-color);
 		padding: var(--components-box-padding);
-		box-sizing: border-box;
 	}
 `;
 //# sourceMappingURL=box.styles.js.map

package/dist/components/layout/card/card.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBA0DtB,CAAC"}
+{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAoDtB,CAAC"}

package/dist/components/layout/card/card.styles.js

@@ -18,16 +18,16 @@ export const cardStyles = css `
 
 	.card {
 		display: flex;
-		flex-direction: column;
-		flex-grow: 1;
-		background-color: var(--components-card-background-color);
 		border-radius: var(--components-card-corner-radius);
 		box-shadow: var(--components-card-box-shadow);
+		background-color: var(--components-card-background-color);
 		overflow: hidden;
+		flex-direction: column;
+		flex-grow: 1;
 	}
 
 
-	/* # Header */
+	/* # Elements */
 
 	.card__header {
 		flex-shrink: 0;
@@ -37,19 +37,13 @@ export const cardStyles = css `
 		display: none;
 	}
 
-
-	/* # Main */
-
 	.card__main {
 		display: flex;
+		min-height: 0;
 		flex-direction: column;
 		flex-grow: 1;
-		min-height: 0;
 	}
 
-
-	/* # Footer */
-
 	.card__footer {
 		flex-shrink: 0;
 	}

package/dist/components/layout/card/card.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/card/card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D5B,CAAC"}
+{"version":3,"file":"card.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/card/card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD5B,CAAC"}

package/dist/components/layout/collection/collection.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,yBA0I5B,CAAC"}
+{"version":3,"file":"collection.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.styles.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,yBAoH5B,CAAC"}

package/dist/components/layout/collection/collection.styles.js

@@ -8,12 +8,13 @@ export const collectionStyles = css `
 	/* # Host */
 
 	:host {
+		--_item-width: var(--primitives-area-280);
+
 		display: flex;
-		flex-direction: column;
 		width: 100%;
 		min-width: 0;
+		flex-direction: column;
 		gap: var(--components-collection-sm-gap);
-		--_item-width: var(--primitives-area-280);
 
 		@media (min-width: ${mdMin}) {
 			gap: var(--components-collection-md-gap);
@@ -45,40 +46,37 @@ export const collectionStyles = css `
 		}
 	}
 
+	/* ## Grid */
 
-	/* # Grid */
-
-	:host([layout='grid']) .collection__items,
+	:host([layout="grid"]) .collection__items,
 	:host(:not([layout])) .collection__items {
-		display: grid;
 		/* min(item-width, 100%) clamps the track min to the container width so
 		   a single column never forces horizontal overflow on narrow screens. */
+		display: grid;
 		grid-template-columns: repeat(auto-fill, minmax(min(var(--_item-width), 100%), 1fr));
 	}
 
+	/* ## List */
 
-	/* # List */
-
-	:host([layout='list']) .collection__items {
+	:host([layout="list"]) .collection__items {
 		flex-direction: column;
 	}
 
+	/* ## Horizontal scroll */
 
-	/* # Horizontal scroll */
-
-	:host([layout='horizontal-scroll']) .collection__items {
+	:host([layout="horizontal-scroll"]) .collection__items {
+		margin-inline-start: calc(var(--primitives-space-16) * -1);
+		margin-block: calc(var(--primitives-space-16) * -1);
+		overflow-x: auto;
+		padding-inline-start: var(--primitives-space-16);
+		padding-block: var(--primitives-space-16);
 		flex-direction: row;
 		flex-wrap: nowrap;
-		overflow-x: auto;
 		scroll-snap-type: x mandatory;
 		scroll-behavior: smooth;
 		-webkit-overflow-scrolling: touch;
 		scrollbar-width: none;
-		margin-inline-start: calc(var(--primitives-space-16) * -1);
-		padding-inline-start: var(--primitives-space-16);
 		scroll-padding-inline-start: var(--primitives-space-16);
-		padding-block: var(--primitives-space-16);
-		margin-block: calc(var(--primitives-space-16) * -1);
 		mask-image: linear-gradient(
 			to right,
 			transparent 0,
@@ -88,16 +86,18 @@ export const collectionStyles = css `
 		);
 	}
 
-	:host([layout='horizontal-scroll']) .collection__items::after {
+	:host([layout="horizontal-scroll"]) .collection__items::after {
 		content: '';
-		flex: 0 0 var(--primitives-space-48);
+		flex-grow: 0;
+		flex-shrink: 0;
+		flex-basis: var(--primitives-space-48);
 	}
 
-	:host([layout='horizontal-scroll']) .collection__items::-webkit-scrollbar {
+	:host([layout="horizontal-scroll"]) .collection__items::-webkit-scrollbar {
 		display: none;
 	}
 
-	:host([layout='horizontal-scroll']) .collection__items ::slotted(*) {
+	:host([layout="horizontal-scroll"]) .collection__items ::slotted(*) {
 		flex-grow: 1;
 		flex-shrink: 0;
 		flex-basis: var(--_item-width);
@@ -112,31 +112,9 @@ export const collectionStyles = css `
 		width: 100%;
 	}
 
+	/* ## Scroll navigation — horizontal scroll */
 
-	/* # Load more (grid/list) */
-
-	:host([layout='grid']) .collection__footer,
-	:host([layout='list']) .collection__footer,
-	:host(:not([layout])) .collection__footer {
-		justify-content: stretch;
-	}
-
-	:host([layout='grid']) .collection__footer nldd-button,
-	:host([layout='list']) .collection__footer nldd-button,
-	:host(:not([layout])) .collection__footer nldd-button {
-		width: 100%;
-	}
-
-	:host([layout='grid']) .collection__footer nldd-button::part(button),
-	:host([layout='list']) .collection__footer nldd-button::part(button),
-	:host(:not([layout])) .collection__footer nldd-button::part(button) {
-		width: 100%;
-	}
-
-
-	/* # Scroll navigation (horizontal scroll) */
-
-	:host([layout='horizontal-scroll']) .collection__footer {
+	:host([layout="horizontal-scroll"]) .collection__footer {
 		justify-content: flex-end;
 		gap: var(--primitives-space-16);
 	}

package/dist/components/layout/collection/collection.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"collection.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.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;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;uBAaZ,KAAK;;;;uBAIL,KAAK;;;;;;;;;;;;;;;;;uBAiBL,KAAK;;;;uBAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoG3B,CAAC"}
+{"version":3,"file":"collection.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.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;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;uBAcZ,KAAK;;;;uBAIL,KAAK;;;;;;;;;;;;;;;;;uBAiBL,KAAK;;;;uBAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6E3B,CAAC"}

package/dist/components/layout/collection/collection.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAqC5E"}
+{"version":3,"file":"collection.template.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAsC5E"}

package/dist/components/layout/collection/collection.template.js

@@ -29,6 +29,7 @@ export function collectionTemplate(component) {
 					<nldd-button
 						variant="neutral-tinted"
 						text=${component._t('components.collection.load-more-action')}
+						width="full"
 						@click=${() => component._loadMore()}
 					></nldd-button>
 				` : nothing}

package/dist/components/layout/collection/collection.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"collection.template.js","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,kBAAkB,CAAC,SAAyB;IAC3D,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,KAAK,mBAAmB,CAAC;IAC9D,MAAM,YAAY,GAAG,CAAC,YAAY,IAAI,SAAS,CAAC,YAAY,IAAI,SAAS,CAAC,QAAQ,CAAC;IAEnF,OAAO,IAAI,CAAA;;uBAEW,CAAC,CAAQ,EAAE,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;;;;MAIzD,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAIX,SAAS,CAAC,EAAE,CAAC,uCAAuC,CAAC;mBAChD,SAAS,CAAC,QAAQ;gBACrB,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;;;;;cAK/B,SAAS,CAAC,EAAE,CAAC,mCAAmC,CAAC;mBAC5C,SAAS,CAAC,MAAM;gBACnB,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;;;KAGvC,CAAC,CAAC,CAAC,OAAO;MACT,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;;aAGZ,SAAS,CAAC,EAAE,CAAC,wCAAwC,CAAC;eACpD,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;;KAErC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC"}
+{"version":3,"file":"collection.template.js","sourceRoot":"","sources":["../../../../src/components/layout/collection/collection.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAGpD,MAAM,UAAU,kBAAkB,CAAC,SAAyB;IAC3D,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,KAAK,mBAAmB,CAAC;IAC9D,MAAM,YAAY,GAAG,CAAC,YAAY,IAAI,SAAS,CAAC,YAAY,IAAI,SAAS,CAAC,QAAQ,CAAC;IAEnF,OAAO,IAAI,CAAA;;uBAEW,CAAC,CAAQ,EAAE,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC;;;;MAIzD,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAIX,SAAS,CAAC,EAAE,CAAC,uCAAuC,CAAC;mBAChD,SAAS,CAAC,QAAQ;gBACrB,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;;;;;cAK/B,SAAS,CAAC,EAAE,CAAC,mCAAmC,CAAC;mBAC5C,SAAS,CAAC,MAAM;gBACnB,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;;;KAGvC,CAAC,CAAC,CAAC,OAAO;MACT,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;;aAGZ,SAAS,CAAC,EAAE,CAAC,wCAAwC,CAAC;;eAEpD,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,EAAE;;KAErC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC"}

package/dist/components/layout/container/container.d.ts

@@ -1,38 +1,54 @@
 /**
  * Nederlandse Digitale Dienst Container Component (Lit + TypeScript)
  *
- * A generic container with configurable padding.
- * Padding can be set for all sides, per axis (inline/block),
- * or per individual side (top, right, bottom, left).
- * More specific settings take precedence: sides > axis > all sides.
+ * A simple layout primitive: flex direction, gap, alignment, and padding.
+ * Padding can be set for all sides, per axis (inline/block), or per individual side.
+ * Specificity: per side > per axis > all sides.
  *
- * Responsive padding is supported via viewport breakpoints (sm-, md-, lg-)
- * and container queries (layout-container-sm-, layout-container-md-, layout-container-lg-).
- * Cascade order: base → viewport breakpoints → container queries.
+ * Responsive padding and gap have sm/md/lg variants. Each variant emits both
+ * an @media (viewport) and @container (layout-container) query. When inside a
+ * layout-container the @container query wins; otherwise the @media query
+ * provides the viewport-based fallback.
  *
  * @element nldd-container
  *
- * @attr {string} padding              - Padding for all sides
- * @attr {string} padding-inline       - Padding for left and right
- * @attr {string} padding-block        - Padding for top and bottom
- * @attr {string} padding-top          - Padding for top
- * @attr {string} padding-right        - Padding for right
- * @attr {string} padding-bottom       - Padding for bottom
- * @attr {string} padding-left         - Padding for left
- * @attr {string} sm-padding           - Padding for all sides at sm viewport breakpoint
- * @attr {string} md-padding           - Padding for all sides at md viewport breakpoint
- * @attr {string} lg-padding           - Padding for all sides at lg viewport breakpoint
- * @attr {string} layout-container-sm-padding - Padding for all sides at sm container size
- * @attr {string} layout-container-md-padding - Padding for all sides at md container size
- * @attr {string} layout-container-lg-padding - Padding for all sides at lg container size
- * (and equivalents for all padding directions)
+ * @attr {string}  direction              - 'row' | 'column' (default: 'column')
+ * @attr {boolean} wrap                   - Wrap children onto new lines (default: false)
+ * @attr {string}  gap                    - Gap between children
+ * @attr {string}  sm-gap                 - Gap at sm breakpoint
+ * @attr {string}  md-gap                 - Gap at md breakpoint
+ * @attr {string}  lg-gap                 - Gap at lg breakpoint
+ * @attr {string}  horizontal-alignment   - 'left' | 'center' | 'right'
+ * @attr {string}  vertical-alignment     - 'top' | 'center' | 'bottom'
+ * @attr {string}  padding                - Padding for all sides
+ * @attr {string}  padding-inline         - Padding for left and right
+ * @attr {string}  padding-block          - Padding for top and bottom
+ * @attr {string}  padding-top            - Padding top
+ * @attr {string}  padding-right          - Padding right
+ * @attr {string}  padding-bottom         - Padding bottom
+ * @attr {string}  padding-left           - Padding left
+ * @attr {string}  sm-padding             - Padding for all sides at sm
+ * @attr {string}  sm-padding-inline      - (and equivalents for inline/block/top/right/bottom/left)
+ * @attr {string}  md-padding             - Padding at md (and per-side equivalents)
+ * @attr {string}  lg-padding             - Padding at lg (and per-side equivalents)
  *
  * @slot - Container content
  */
-import { LitElement } from 'lit';
+import { LitElement, PropertyValues } from 'lit';
 type PaddingSize = '0' | '2' | '4' | '6' | '8' | '10' | '12' | '16' | '20' | '24' | '28' | '32' | '40' | '44' | '48' | '56' | '64' | '80' | '96';
+type Direction = 'row' | 'column';
+type HorizontalAlignment = 'left' | 'center' | 'right';
+type VerticalAlignment = 'top' | 'center' | 'bottom';
 export declare class NLDDContainer extends LitElement {
     static styles: import("lit").CSSResult;
+    direction?: Direction;
+    wrap: boolean;
+    horizontalAlignment: HorizontalAlignment | undefined;
+    verticalAlignment: VerticalAlignment | undefined;
+    gap: PaddingSize | undefined;
+    smGap: PaddingSize | undefined;
+    mdGap: PaddingSize | undefined;
+    lgGap: PaddingSize | undefined;
     padding: PaddingSize | undefined;
     paddingInline: PaddingSize | undefined;
     paddingBlock: PaddingSize | undefined;
@@ -61,27 +77,9 @@ export declare class NLDDContainer extends LitElement {
     lgPaddingRight: PaddingSize | undefined;
     lgPaddingBottom: PaddingSize | undefined;
     lgPaddingLeft: PaddingSize | undefined;
-    layoutAreaSmPadding: PaddingSize | undefined;
-    layoutAreaSmPaddingInline: PaddingSize | undefined;
-    layoutAreaSmPaddingBlock: PaddingSize | undefined;
-    layoutAreaSmPaddingTop: PaddingSize | undefined;
-    layoutAreaSmPaddingRight: PaddingSize | undefined;
-    layoutAreaSmPaddingBottom: PaddingSize | undefined;
-    layoutAreaSmPaddingLeft: PaddingSize | undefined;
-    layoutAreaMdPadding: PaddingSize | undefined;
-    layoutAreaMdPaddingInline: PaddingSize | undefined;
-    layoutAreaMdPaddingBlock: PaddingSize | undefined;
-    layoutAreaMdPaddingTop: PaddingSize | undefined;
-    layoutAreaMdPaddingRight: PaddingSize | undefined;
-    layoutAreaMdPaddingBottom: PaddingSize | undefined;
-    layoutAreaMdPaddingLeft: PaddingSize | undefined;
-    layoutAreaLgPadding: PaddingSize | undefined;
-    layoutAreaLgPaddingInline: PaddingSize | undefined;
-    layoutAreaLgPaddingBlock: PaddingSize | undefined;
-    layoutAreaLgPaddingTop: PaddingSize | undefined;
-    layoutAreaLgPaddingRight: PaddingSize | undefined;
-    layoutAreaLgPaddingBottom: PaddingSize | undefined;
-    layoutAreaLgPaddingLeft: PaddingSize | undefined;
+    updated(_changed: PropertyValues): void;
+    private writeCustomProperties;
+    private resolvePadding;
     render(): import("lit-html").TemplateResult;
 }
 declare global {

package/dist/components/layout/container/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/container/container.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAKjD,KAAK,WAAW,GACb,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAC9D,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhE,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAC;AAClC,KAAK,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACvD,KAAK,iBAAiB,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAqBrD,qBACa,aAAc,SAAQ,UAAU;IAC5C,OAAgB,MAAM,0BAAmB;IAOzC,SAAS,CAAC,EAAE,SAAS,CAAC;IAGtB,IAAI,UAAS;IAGb,mBAAmB,EAAE,mBAAmB,GAAG,SAAS,CAAa;IAGjE,iBAAiB,EAAE,iBAAiB,GAAG,SAAS,CAAa;IAG7D,GAAG,EAAE,WAAW,GAAG,SAAS,CAAa;IAGzC,KAAK,EAAE,WAAW,GAAG,SAAS,CAAa;IAG3C,KAAK,EAAE,WAAW,GAAG,SAAS,CAAa;IAG3C,KAAK,EAAE,WAAW,GAAG,SAAS,CAAa;IAG3C,OAAO,EAAE,WAAW,GAAG,SAAS,CAAa;IAG7C,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAGnD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,UAAU,EAAE,WAAW,GAAG,SAAS,CAAa;IAGhD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAGnD,WAAW,EAAE,WAAW,GAAG,SAAS,CAAa;IAGjD,SAAS,EAAE,WAAW,GAAG,SAAS,CAAa;IAG/C,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAGnD,SAAS,EAAE,WAAW,GAAG,SAAS,CAAa;IAG/C,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAGnD,SAAS,EAAE,WAAW,GAAG,SAAS,CAAa;IAG/C,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,YAAY,EAAE,WAAW,GAAG,SAAS,CAAa;IAGlD,cAAc,EAAE,WAAW,GAAG,SAAS,CAAa;IAGpD,eAAe,EAAE,WAAW,GAAG,SAAS,CAAa;IAGrD,aAAa,EAAE,WAAW,GAAG,SAAS,CAAa;IAE1C,OAAO,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAIhD,OAAO,CAAC,qBAAqB;IA2B7B,OAAO,CAAC,cAAc;IAeb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,gBAAgB,EAAE,aAAa,CAAC;KAChC;CACD"}