@nldd/design-system 0.8.37 → 0.8.39

package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js

@@ -68,12 +68,10 @@ export function documentTabBarItemTemplate(component) {
         : nothing}
 		</span>
 		<span class="document-tab-bar__item-short">
-			<nldd-tooltip text=${tooltipText}>
-				<span class="document-tab-bar__item-short-text">${shortTextValue}</span>
-				${shortSupportingTextValue
+			<span class="document-tab-bar__item-short-text">${shortTextValue}</span>
+			${shortSupportingTextValue
         ? html `<span class="document-tab-bar__item-short-supporting-text">${shortSupportingTextValue}</span>`
         : nothing}
-			</nldd-tooltip>
 		</span>
 	`;
     const tab = isLink
@@ -95,18 +93,20 @@ export function documentTabBarItemTemplate(component) {
 				@click=${component._handleClick}
 			>${tabContent}</button>`;
     return html `
-		<div class="document-tab-bar__item">
-			${tab}
-			<button class="document-tab-bar__item-dismiss-button"
-				aria-label=${component._dismissButtonAccessibilityLabel}
-				tabindex=${component.selected || component._isFallbackFocusable ? '0' : '-1'}
-				@click=${component._handleDismiss}
-			>
-				<span class="document-tab-bar__item-dismiss-icon">
-					<nldd-icon name="dismiss"></nldd-icon>
-				</span>
-			</button>
-		</div>
+		<nldd-tooltip text=${tooltipText} ?disabled=${!component._isShort}>
+			<div class="document-tab-bar__item">
+				${tab}
+				<button class="document-tab-bar__item-dismiss-button"
+					aria-label=${component._dismissButtonAccessibilityLabel}
+					tabindex=${component.selected || component._isFallbackFocusable ? '0' : '-1'}
+					@click=${component._handleDismiss}
+				>
+					<span class="document-tab-bar__item-dismiss-icon">
+						<nldd-icon name="dismiss"></nldd-icon>
+					</span>
+				</button>
+			</div>
+		</nldd-tooltip>
 	`;
 }
 //# sourceMappingURL=document-tab-bar.template.js.map

package/dist/components/navigation/document-tab-bar/document-tab-bar.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"document-tab-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.template.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"document-tab-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/document-tab-bar/document-tab-bar.template.ts"],"names":[],"mappings":"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"}

package/dist/components/navigation/top-title-bar/top-title-bar.d.ts

@@ -29,6 +29,7 @@ export declare class NLDDTopTitleBar extends LitElement {
     private _pageElement;
     private _anchorElement;
     private _activeScrollTarget;
+    private _scrollTargetStyleObserver;
     private _boundOnScroll;
     connectedCallback(): void;
     disconnectedCallback(): void;

package/dist/components/navigation/top-title-bar/top-title-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top-title-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,cAAc,SAAM;IAGpB,QAAQ,SAAM;IAGd,QAAQ,SAAM;IAGd,WAAW,SAAM;IAGjB,gBAAgB,UAAS;IAEzB,OAAO,CAAC,YAAY,CAAwB;IAC5C,OAAO,CAAC,cAAc,CAAwB;IAC9C,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,cAAc,CAA6B;IAE1C,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAWrD,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,cAAc;IAiBtB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,SAAS;IAOjB,oBAAoB,GAAI,GAAG,KAAK,UAG9B;IAEF,WAAW,IAAI,IAAI;IAKnB,cAAc,IAAI,IAAI;IAIb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,eAAe,CAAC;KACtC;CACD"}
+{"version":3,"file":"top-title-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,IAAI,SAAM;IAGV,cAAc,SAAM;IAGpB,cAAc,SAAM;IAGpB,QAAQ,SAAM;IAGd,QAAQ,SAAM;IAGd,WAAW,SAAM;IAGjB,gBAAgB,UAAS;IAEzB,OAAO,CAAC,YAAY,CAAwB;IAC5C,OAAO,CAAC,cAAc,CAAwB;IAC9C,OAAO,CAAC,mBAAmB,CAA4B;IACvD,OAAO,CAAC,0BAA0B,CAAiC;IACnE,OAAO,CAAC,cAAc,CAA6B;IAE1C,iBAAiB,IAAI,IAAI;IAUzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAWrD,OAAO,CAAC,YAAY;IAgBpB,OAAO,CAAC,cAAc;IA+BtB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,SAAS;IAOjB,oBAAoB,GAAI,GAAG,KAAK,UAG9B;IAEF,WAAW,IAAI,IAAI;IAKnB,cAAc,IAAI,IAAI;IAIb,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,eAAe,CAAC;KACtC;CACD"}

package/dist/components/navigation/top-title-bar/top-title-bar.js

@@ -39,6 +39,7 @@ let NLDDTopTitleBar = class NLDDTopTitleBar extends LitElement {
         this._pageElement = null;
         this._anchorElement = null;
         this._activeScrollTarget = null;
+        this._scrollTargetStyleObserver = null;
         this._boundOnScroll = this._onScroll.bind(this);
         this._onToolbarSlotChange = (e) => {
             const slot = e.target;
@@ -93,6 +94,19 @@ let NLDDTopTitleBar = class NLDDTopTitleBar extends LitElement {
         const page = this._pageElement;
         this._activeScrollTarget = page ? page.scrollTarget : window;
         this._activeScrollTarget.addEventListener('scroll', this._boundOnScroll, { passive: true });
+        // nldd-page sets padding-top on its scroll target asynchronously
+        // (ResizeObserver on the header). If our initial _onScroll runs
+        // before that, the anchor's measured position is wrong and we
+        // flash into is-compact until the user scrolls. Observe inline-
+        // style changes on the scroll target so we re-check the moment
+        // padding-top lands.
+        if (this._activeScrollTarget instanceof Element) {
+            this._scrollTargetStyleObserver = new MutationObserver(() => this._onScroll());
+            this._scrollTargetStyleObserver.observe(this._activeScrollTarget, {
+                attributes: true,
+                attributeFilter: ['style'],
+            });
+        }
         // Initial check after layout is complete
         this.updateComplete.then(() => this._onScroll());
     }
@@ -100,6 +114,8 @@ let NLDDTopTitleBar = class NLDDTopTitleBar extends LitElement {
         this._activeScrollTarget?.removeEventListener('scroll', this._boundOnScroll);
         this._activeScrollTarget = null;
         this._anchorElement = null;
+        this._scrollTargetStyleObserver?.disconnect();
+        this._scrollTargetStyleObserver = null;
     }
     _onScroll() {
         if (!this._anchorElement || !this._pageElement)

package/dist/components/navigation/top-title-bar/top-title-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-title-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"top-title-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.ts"],"names":[],"mappings":"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"}

package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBA4F9B,CAAC"}
+{"version":3,"file":"inline-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBAgG9B,CAAC"}

package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js

@@ -7,6 +7,8 @@ export const inlineDialogStyles = css `
 	:host {
 		display: flex;
 		justify-content: center;
+		align-items: center;
+		flex-grow: 1;
 
 		--_icon-color: var(--semantics-content-color);
 	}
@@ -52,6 +54,7 @@ export const inlineDialogStyles = css `
 		font: var(--primitives-font-body-md-bold-tight);
 		color: var(--semantics-content-color);
 		text-align: center;
+		text-wrap: pretty;
 	}
 
 	.inline-dialog__text:focus-visible {
@@ -67,6 +70,7 @@ export const inlineDialogStyles = css `
 		font: var(--primitives-font-body-sm-regular-tight);
 		color: var(--semantics-content-color);
 		text-align: center;
+		text-wrap: pretty;
 	}
 
 

package/dist/components/status-and-feedback/inline-dialog/inline-dialog.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4FpC,CAAC"}
+{"version":3,"file":"inline-dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgGpC,CAAC"}

package/dist/css/form.css

@@ -2,47 +2,29 @@
 
 nldd-form {
 	display: block;
+	container-type: inline-size;
+	container-name: form;
 }
 
 nldd-form > form {
 	display: block;
 }
 
-
-/* # Vertical rhythm
-   Use margin-top on adjacent siblings (owl pattern) instead of gap, so the
-   spacing between specific element pairs can be tuned independently.
-
-   Scoped binnen nldd-form. Form-section's eigen children spacing wordt
-   in form-section.css afgehandeld; deze regels zijn voor form's directe
-   children en form-fields anywhere binnen het form. */
-
-nldd-form > form > * + *,
-nldd-form nldd-form-field + nldd-form-field {
+nldd-form > form > * + * {
 	margin-top: var(--semantics-forms-gap);
 }
 
-
-/* Tighter spacing between consecutive top-aligned form-fields. Top-aligned
-   fields are vertically tall (label stacked above input), so a tight 8px gap
-   feels right between them. Right/left-aligned fields use the default 16px.
-   On sm viewport every form-field collapses to top-alignment (via the
-   form-field's own container query), so 8px applies regardless of attribute.
-
-   640px / 641px = breakpoints.smMax / breakpoints.mdMin (zie
-   src/assets/styles/breakpoints.ts). Light-DOM CSS files kunnen geen TS
-   imports gebruiken, dus de waarde wordt hier gedupliceerd. Houd in sync
-   met breakpoints.ts en met form-field/form-actions container queries. */
-
-@media (max-width: 640px) {
-	nldd-form nldd-form-field + nldd-form-field {
+nldd-form nldd-form-field + nldd-form-field {
+	@container form (max-width: 640px) {
 		margin-top: var(--semantics-forms-gap-tight);
 	}
+	@container form (min-width: 641px) {
+		margin-top: var(--semantics-forms-gap);
+	}
 }
 
-@media (min-width: 641px) {
-	nldd-form nldd-form-field:not([label-alignment]) + nldd-form-field:not([label-alignment]),
-	nldd-form nldd-form-field[label-alignment='top'] + nldd-form-field[label-alignment='top'] {
+nldd-form nldd-form-field[form-label-alignment='top']:not([label-alignment='left']):not([label-alignment='right']) + nldd-form-field[form-label-alignment='top']:not([label-alignment='left']):not([label-alignment='right']) {
+	@container form (min-width: 641px) {
 		margin-top: var(--semantics-forms-gap-tight);
 	}
 }

package/dist/css/rich-text.css

@@ -62,9 +62,13 @@ nldd-rich-text p {
 nldd-rich-text h1 {
 	margin-top: calc(var(--_spacing) * 2);
 	margin-bottom: var(--_spacing);
-	font: var(--primitives-font-display-1-sm);
+	text-wrap: pretty;
 
-	@media (min-width: 641px) {
+	@media (max-width: 640px) {
+		font: var(--primitives-font-display-1-sm);
+	}
+
+	@media (min-width: 641px) and (max-width: 1007px) {
 		font: var(--primitives-font-display-1-md);
 	}
 
@@ -72,7 +76,11 @@ nldd-rich-text h1 {
 		font: var(--primitives-font-display-1-lg);
 	}
 
-	@container layout-area (min-width: 641px) {
+	@container layout-area (max-width: 640px) {
+		font: var(--primitives-font-display-1-sm);
+	}
+
+	@container layout-area (min-width: 641px) and (max-width: 1007px) {
 		font: var(--primitives-font-display-1-md);
 	}
 
@@ -87,9 +95,13 @@ nldd-rich-text h1 {
 nldd-rich-text h2 {
 	margin-top: calc(var(--_spacing) * 2);
 	margin-bottom: var(--_spacing);
-	font: var(--primitives-font-display-2-sm);
+	text-wrap: pretty;
 
-	@media (min-width: 641px) {
+	@media (max-width: 640px) {
+		font: var(--primitives-font-display-2-sm);
+	}
+
+	@media (min-width: 641px) and (max-width: 1007px) {
 		font: var(--primitives-font-display-2-md);
 	}
 
@@ -97,7 +109,11 @@ nldd-rich-text h2 {
 		font: var(--primitives-font-display-2-lg);
 	}
 
-	@container layout-area (min-width: 641px) {
+	@container layout-area (max-width: 640px) {
+		font: var(--primitives-font-display-2-sm);
+	}
+
+	@container layout-area (min-width: 641px) and (max-width: 1007px) {
 		font: var(--primitives-font-display-2-md);
 	}
 
@@ -112,9 +128,13 @@ nldd-rich-text h2 {
 nldd-rich-text h3 {
 	margin-top: calc(var(--_spacing) * 2);
 	margin-bottom: var(--_spacing);
-	font: var(--primitives-font-display-3-sm);
+	text-wrap: pretty;
 
-	@media (min-width: 641px) {
+	@media (max-width: 640px) {
+		font: var(--primitives-font-display-3-sm);
+	}
+
+	@media (min-width: 641px) and (max-width: 1007px) {
 		font: var(--primitives-font-display-3-md);
 	}
 
@@ -122,7 +142,11 @@ nldd-rich-text h3 {
 		font: var(--primitives-font-display-3-lg);
 	}
 
-	@container layout-area (min-width: 641px) {
+	@container layout-area (max-width: 640px) {
+		font: var(--primitives-font-display-3-sm);
+	}
+
+	@container layout-area (min-width: 641px) and (max-width: 1007px) {
 		font: var(--primitives-font-display-3-md);
 	}
 
@@ -137,9 +161,13 @@ nldd-rich-text h3 {
 nldd-rich-text h4 {
 	margin-top: calc(var(--_spacing) * 2);
 	margin-bottom: var(--_spacing);
-	font: var(--primitives-font-display-4-sm);
+	text-wrap: pretty;
 
-	@media (min-width: 641px) {
+	@media (max-width: 640px) {
+		font: var(--primitives-font-display-4-sm);
+	}
+
+	@media (min-width: 641px) and (max-width: 1007px) {
 		font: var(--primitives-font-display-4-md);
 	}
 
@@ -147,7 +175,11 @@ nldd-rich-text h4 {
 		font: var(--primitives-font-display-4-lg);
 	}
 
-	@container layout-area (min-width: 641px) {
+	@container layout-area (max-width: 640px) {
+		font: var(--primitives-font-display-4-sm);
+	}
+
+	@container layout-area (min-width: 641px) and (max-width: 1007px) {
 		font: var(--primitives-font-display-4-md);
 	}
 
@@ -162,9 +194,13 @@ nldd-rich-text h4 {
 nldd-rich-text h5 {
 	margin-top: calc(var(--_spacing) * 2);
 	margin-bottom: var(--_spacing);
-	font: var(--primitives-font-display-5-sm);
+	text-wrap: pretty;
 
-	@media (min-width: 641px) {
+	@media (max-width: 640px) {
+		font: var(--primitives-font-display-5-sm);
+	}
+
+	@media (min-width: 641px) and (max-width: 1007px) {
 		font: var(--primitives-font-display-5-md);
 	}
 
@@ -172,7 +208,11 @@ nldd-rich-text h5 {
 		font: var(--primitives-font-display-5-lg);
 	}
 
-	@container layout-area (min-width: 641px) {
+	@container layout-area (max-width: 640px) {
+		font: var(--primitives-font-display-5-sm);
+	}
+
+	@container layout-area (min-width: 641px) and (max-width: 1007px) {
 		font: var(--primitives-font-display-5-md);
 	}
 
@@ -187,9 +227,13 @@ nldd-rich-text h5 {
 nldd-rich-text h6 {
 	margin-top: calc(var(--_spacing) * 2);
 	margin-bottom: var(--_spacing);
-	font: var(--primitives-font-display-6-sm);
+	text-wrap: pretty;
 
-	@media (min-width: 641px) {
+	@media (max-width: 640px) {
+		font: var(--primitives-font-display-6-sm);
+	}
+
+	@media (min-width: 641px) and (max-width: 1007px) {
 		font: var(--primitives-font-display-6-md);
 	}
 
@@ -197,7 +241,11 @@ nldd-rich-text h6 {
 		font: var(--primitives-font-display-6-lg);
 	}
 
-	@container layout-area (min-width: 641px) {
+	@container layout-area (max-width: 640px) {
+		font: var(--primitives-font-display-6-sm);
+	}
+
+	@container layout-area (min-width: 641px) and (max-width: 1007px) {
 		font: var(--primitives-font-display-6-md);
 	}
 

package/dist/css/settings.css

@@ -1069,7 +1069,7 @@
 	--components-list-item-indicator-corner-radius: var(--primitives-corner-radius-md);
 	--components-list-item-is-hovered-background-color: light-dark(var(--primitives-color-neutral-50), var(--primitives-color-neutral-150));
 	--components-list-item-is-hovered-content-color: var(--primitives-color-neutral-1000);
-	--components-list-item-is-selected-background-color: light-dark(var(--primitives-color-neutral-150), var(--primitives-color-neutral-250));
+	--components-list-item-is-selected-background-color: light-dark(var(--primitives-color-neutral-100), var(--primitives-color-neutral-250));
 	--components-list-item-is-selected-content-color: var(--primitives-color-neutral-1000);
 	--components-list-item-is-highlighted-background-color: var(--semantics-controls-is-highlighted-indicator-color);
 	--components-list-item-is-highlighted-content-color: var(--semantics-controls-is-highlighted-contrast-color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nldd/design-system",
-  "version": "0.8.37",
+  "version": "0.8.39",
   "description": "Design System voor Nederlandse Digitale Dienst",
   "type": "module",
   "main": "dist/components/components.js",