@nldd/design-system 0.8.52 → 0.8.53

package/dist/components/status-and-feedback/progress-bar/progress-bar.js

@@ -30,7 +30,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @attr {string}  color             - Color for the single-segment shorthand (default: 'accent')
  * @attr {'sm'|'md'|'lg'} size       - Height of the bar (default: 'md')
  * @attr {string}  text              - Label above the bar (left)
- * @attr {'percentage'|'absolute'|'fraction'|'none'} value-format - Format for the value at the top right (default: 'percentage')
+ * @attr {'percentage'|'absolute'|'fraction'} value-format - Format for the displayed value (default: 'percentage')
+ * @attr {'inline'|'tooltip'|'none'} value-display - Where the value shows: inline in the caption, in a tooltip on the bar, or hidden (default: 'inline')
  * @attr {string}  value-text        - Full override of the displayed value
  * @attr {string}  accessible-label  - Full override of aria-valuetext
  * @attr {boolean} indeterminate     - Shows a sliding indicator animation (only without segments)
@@ -79,7 +80,7 @@ let NLDDProgressBarSegment = class NLDDProgressBarSegment extends LitElement {
         // Only render the tooltip wrapper when there's actual text — avoids
         // mounting an inert nldd-tooltip element with timing="never".
         if (!text) {
-            return html `<span class="progress-bar-segment__hover-area"></span>`;
+            return html `<span class="progress-bar-segment__tooltip-area"></span>`;
         }
         // tabindex=0 makes the hover area keyboard-reachable so SR users can
         // land on it and have nldd-tooltip surface its text (WCAG 2.1.1).
@@ -93,7 +94,7 @@ let NLDDProgressBarSegment = class NLDDProgressBarSegment extends LitElement {
         // no extra handlers needed here.
         return html `
 			<nldd-tooltip text=${text} timing="instant">
-				<span class="progress-bar-segment__hover-area"
+				<span class="progress-bar-segment__tooltip-area"
 					tabindex="0"
 					role="img"
 					aria-label=${text}
@@ -134,6 +135,7 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
         this.text = '';
         this.valueFormat = 'percentage';
         this.valueText = '';
+        this.valueDisplay = 'inline';
         this.accessibleLabel = '';
         this.indeterminate = false;
         /** Override one or more translation keys. Unspecified keys fall back to Dutch. */
@@ -167,7 +169,7 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
             return 0;
         return Math.min(100, (this._totalValue / this.max) * 100);
     }
-    /** Formatted value string for the header. */
+    /** Formatted value string for the caption. */
     get _displayValue() {
         if (this.valueText)
             return this.valueText;
@@ -175,7 +177,6 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
             return '';
         const total = this._totalValue;
         switch (this.valueFormat) {
-            case 'none': return '';
             case 'absolute': return `${total}`;
             case 'fraction': return `${total} / ${this.max}`;
             case 'percentage':
@@ -213,10 +214,10 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
         }
         return `${totalPct}% ${completedSuffix}`;
     }
-    /** True when the header is rendered. Header only shows when `text` is set;
-     *  used to suppress redundant auto-tooltips on single-segment bars. */
-    get _hasHeader() {
-        return !!this.text;
+    /** True when the caption is rendered: a label is set, or there's an inline
+     *  value to show (value-display="inline"). */
+    get _hasCaption() {
+        return !!this.text || (this.valueDisplay === 'inline' && !!this._displayValue);
     }
     firstUpdated() {
         this._syncSegments();
@@ -239,7 +240,7 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
     }
     updated() {
         // Sync on any update — cheap, and properties like text/valueText also
-        // affect tooltip suppression (single-segment + header).
+        // affect tooltip suppression (single-segment + caption).
         this._syncSegments();
     }
     /** Indicator fades out, segment grows from 0 to its target — both 300ms
@@ -277,11 +278,9 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
     }
     /** Auto-tooltip based on parent's value-format. Override via segment.tooltip. */
     _formatSegmentTooltip(seg) {
-        // valueFormat="none" hides all values, including per-segment ones.
-        // Without an explicit return here, the switch below falls through to
-        // the percentage branch and every multi-segment tooltip still says
-        // "Name: 30%" — matches progress-circle's `_formatValuePart` guard.
-        if (this.valueFormat === 'none')
+        // value-display="none" hides the value, so per-segment tooltips fall
+        // back to the segment name only (empty string when unnamed).
+        if (this.valueDisplay === 'none')
             return seg.name ?? '';
         const v = Math.max(0, seg.value);
         const pct = this.max > 0 ? Math.round((v / this.max) * 100) : 0;
@@ -345,11 +344,12 @@ let NLDDProgressBar = class NLDDProgressBar extends LitElement {
         const allSegments = internalSegment
             ? [internalSegment, ...this._segments]
             : [...this._segments];
-        // Suppress redundant auto-tooltip when there's only one visible segment
-        // and the header already shows the same value. The user's explicit
-        // `tooltip-text` attribute still triggers a tooltip.
+        // Single visible segment: only surface its auto-tooltip in
+        // value-display="tooltip" mode (inline shows the value in the caption,
+        // none hides it). Multi-segment always gets per-segment tooltips; an
+        // explicit `tooltip-text` attribute still wins.
         const visibleCount = allSegments.filter(s => Math.max(0, s.value) > 0).length;
-        const suppressAutoTooltip = visibleCount <= 1 && this._hasHeader;
+        const suppressAutoTooltip = visibleCount <= 1 && this.valueDisplay !== 'tooltip';
         const isExiting = this._indeterminateExiting;
         const isEntering = this._indeterminateEntering;
         for (const seg of allSegments) {
@@ -401,6 +401,9 @@ __decorate([
 __decorate([
     property({ type: String, reflect: true, attribute: 'value-text' })
 ], NLDDProgressBar.prototype, "valueText", void 0);
+__decorate([
+    property({ type: String, reflect: true, attribute: 'value-display' })
+], NLDDProgressBar.prototype, "valueDisplay", void 0);
 __decorate([
     property({ type: String, reflect: true, attribute: 'accessible-label' })
 ], NLDDProgressBar.prototype, "accessibleLabel", void 0);

package/dist/components/status-and-feedback/progress-bar/progress-bar.js.map

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

package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAyM7B,CAAC;AAGF,eAAO,MAAM,wBAAwB,yBAmMpC,CAAC"}
+{"version":3,"file":"progress-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,yBA0M7B,CAAC;AAGF,eAAO,MAAM,wBAAwB,yBAmMpC,CAAC"}

package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js

@@ -1,4 +1,5 @@
 import { css } from 'lit';
+import { inheritedTextReset } from '../../../assets/styles/slotted-reset.js';
 export const progressBarStyles = css `
 
 
@@ -6,25 +7,26 @@ export const progressBarStyles = css `
 
 	:host {
 		--_height: var(--components-progress-bar-md-height);
-		--_track-color: var(--components-progress-bar-track-color);
+		--_track-background-color: var(--components-progress-bar-track-background-color);
 		--_track-border-color: var(--components-progress-bar-track-border-color);
 		--_track-border-width: var(--components-progress-bar-track-border-width);
 		--_corner-radius: var(--components-progress-bar-corner-radius);
 		--_segment-gap: var(--components-progress-bar-progress-segment-gap);
-		--_header-gap: var(--components-progress-bar-header-gap);
-		--_header-text-color: var(--components-progress-bar-header-text-color);
-		--_header-value-color: var(--components-progress-bar-header-value-color);
-		--_header-text-font: var(--components-progress-bar-header-text-font);
-		--_header-value-font: var(--components-progress-bar-header-value-font);
-		--_indeterminate-fill-color: var(--components-progress-bar-accent-fill-color);
+		--_caption-gap: var(--components-progress-bar-caption-gap);
+		--_text-color: var(--components-progress-bar-text-color);
+		--_supporting-text-color: var(--components-progress-bar-supporting-text-color);
+		--_text-font: var(--components-progress-bar-text-font);
+		--_supporting-text-font: var(--components-progress-bar-supporting-text-font);
+		--_indeterminate-background-color: var(--components-progress-bar-accent-background-color);
 		--_indeterminate-bar-width: 20%;
 		--_indeterminate-duration: 800ms;
 
+		${inheritedTextReset}
 		box-sizing: border-box;
 		display: flex;
 		width: 100%;
 		flex-direction: column;
-		gap: var(--_header-gap);
+		gap: var(--_caption-gap);
 	}
 
 	:host([hidden]) {
@@ -43,50 +45,50 @@ export const progressBarStyles = css `
 
 	/* ## Indeterminate fill colour follows the variant; default is accent (blue) */
 
-	:host([color="neutral"]) { --_indeterminate-fill-color: var(--components-progress-bar-neutral-fill-color); }
-	:host([color="accent"]) { --_indeterminate-fill-color: var(--components-progress-bar-accent-fill-color); }
-	:host([color="success"]) { --_indeterminate-fill-color: var(--components-progress-bar-success-fill-color); }
-	:host([color="warning"]) { --_indeterminate-fill-color: var(--components-progress-bar-warning-fill-color); }
-	:host([color="critical"]) { --_indeterminate-fill-color: var(--components-progress-bar-critical-fill-color); }
-
-	:host([color="coolgray"]) { --_indeterminate-fill-color: var(--components-progress-bar-coolgray-fill-color); }
-	:host([color="lintblauw"]) { --_indeterminate-fill-color: var(--components-progress-bar-lintblauw-fill-color); }
-	:host([color="donkerblauw"]) { --_indeterminate-fill-color: var(--components-progress-bar-donkerblauw-fill-color); }
-	:host([color="hemelblauw"]) { --_indeterminate-fill-color: var(--components-progress-bar-hemelblauw-fill-color); }
-	:host([color="lichtblauw"]) { --_indeterminate-fill-color: var(--components-progress-bar-lichtblauw-fill-color); }
-	:host([color="paars"]) { --_indeterminate-fill-color: var(--components-progress-bar-paars-fill-color); }
-	:host([color="violet"]) { --_indeterminate-fill-color: var(--components-progress-bar-violet-fill-color); }
-	:host([color="robijnrood"]) { --_indeterminate-fill-color: var(--components-progress-bar-robijnrood-fill-color); }
-	:host([color="roze"]) { --_indeterminate-fill-color: var(--components-progress-bar-roze-fill-color); }
-	:host([color="rood"]) { --_indeterminate-fill-color: var(--components-progress-bar-rood-fill-color); }
-	:host([color="oranje"]) { --_indeterminate-fill-color: var(--components-progress-bar-oranje-fill-color); }
-	:host([color="donkergeel"]) { --_indeterminate-fill-color: var(--components-progress-bar-donkergeel-fill-color); }
-	:host([color="geel"]) { --_indeterminate-fill-color: var(--components-progress-bar-geel-fill-color); }
-	:host([color="donkerbruin"]) { --_indeterminate-fill-color: var(--components-progress-bar-donkerbruin-fill-color); }
-	:host([color="bruin"]) { --_indeterminate-fill-color: var(--components-progress-bar-bruin-fill-color); }
-	:host([color="donkergroen"]) { --_indeterminate-fill-color: var(--components-progress-bar-donkergroen-fill-color); }
-	:host([color="groen"]) { --_indeterminate-fill-color: var(--components-progress-bar-groen-fill-color); }
-	:host([color="mosgroen"]) { --_indeterminate-fill-color: var(--components-progress-bar-mosgroen-fill-color); }
-	:host([color="mintgroen"]) { --_indeterminate-fill-color: var(--components-progress-bar-mintgroen-fill-color); }
-
-
-	/* # Header */
-
-	.progress-bar__header {
+	:host([color="neutral"]) { --_indeterminate-background-color: var(--components-progress-bar-neutral-background-color); }
+	:host([color="accent"]) { --_indeterminate-background-color: var(--components-progress-bar-accent-background-color); }
+	:host([color="success"]) { --_indeterminate-background-color: var(--components-progress-bar-success-background-color); }
+	:host([color="warning"]) { --_indeterminate-background-color: var(--components-progress-bar-warning-background-color); }
+	:host([color="critical"]) { --_indeterminate-background-color: var(--components-progress-bar-critical-background-color); }
+
+	:host([color="coolgray"]) { --_indeterminate-background-color: var(--components-progress-bar-coolgray-background-color); }
+	:host([color="lintblauw"]) { --_indeterminate-background-color: var(--components-progress-bar-lintblauw-background-color); }
+	:host([color="donkerblauw"]) { --_indeterminate-background-color: var(--components-progress-bar-donkerblauw-background-color); }
+	:host([color="hemelblauw"]) { --_indeterminate-background-color: var(--components-progress-bar-hemelblauw-background-color); }
+	:host([color="lichtblauw"]) { --_indeterminate-background-color: var(--components-progress-bar-lichtblauw-background-color); }
+	:host([color="paars"]) { --_indeterminate-background-color: var(--components-progress-bar-paars-background-color); }
+	:host([color="violet"]) { --_indeterminate-background-color: var(--components-progress-bar-violet-background-color); }
+	:host([color="robijnrood"]) { --_indeterminate-background-color: var(--components-progress-bar-robijnrood-background-color); }
+	:host([color="roze"]) { --_indeterminate-background-color: var(--components-progress-bar-roze-background-color); }
+	:host([color="rood"]) { --_indeterminate-background-color: var(--components-progress-bar-rood-background-color); }
+	:host([color="oranje"]) { --_indeterminate-background-color: var(--components-progress-bar-oranje-background-color); }
+	:host([color="donkergeel"]) { --_indeterminate-background-color: var(--components-progress-bar-donkergeel-background-color); }
+	:host([color="geel"]) { --_indeterminate-background-color: var(--components-progress-bar-geel-background-color); }
+	:host([color="donkerbruin"]) { --_indeterminate-background-color: var(--components-progress-bar-donkerbruin-background-color); }
+	:host([color="bruin"]) { --_indeterminate-background-color: var(--components-progress-bar-bruin-background-color); }
+	:host([color="donkergroen"]) { --_indeterminate-background-color: var(--components-progress-bar-donkergroen-background-color); }
+	:host([color="groen"]) { --_indeterminate-background-color: var(--components-progress-bar-groen-background-color); }
+	:host([color="mosgroen"]) { --_indeterminate-background-color: var(--components-progress-bar-mosgroen-background-color); }
+	:host([color="mintgroen"]) { --_indeterminate-background-color: var(--components-progress-bar-mintgroen-background-color); }
+
+
+	/* # Caption */
+
+	.progress-bar__caption {
 		display: flex;
-		gap: var(--_header-gap);
+		gap: var(--_caption-gap);
 		justify-content: space-between;
 		align-items: baseline;
-		color: var(--_header-text-color);
+		color: var(--_text-color);
 	}
 
 	.progress-bar__text {
-		font: var(--_header-text-font);
+		font: var(--_text-font);
 	}
 
-	.progress-bar__value {
-		color: var(--_header-value-color);
-		font: var(--_header-value-font);
+	.progress-bar__supporting-text {
+		color: var(--_supporting-text-color);
+		font: var(--_supporting-text-font);
 		font-variant-numeric: tabular-nums;
 	}
 
@@ -99,7 +101,7 @@ export const progressBarStyles = css `
 		position: relative;
 		border-radius: var(--_corner-radius);
 		box-shadow: inset 0 0 0 var(--_track-border-width) var(--_track-border-color);
-		background-color: var(--_track-color);
+		background-color: var(--_track-background-color);
 		width: 100%;
 		height: var(--_height);
 		overflow: hidden;
@@ -150,7 +152,7 @@ export const progressBarStyles = css `
 		inset-block: 0;
 		left: 0;
 		border-radius: var(--_corner-radius);
-		background: var(--_indeterminate-fill-color);
+		background: var(--_indeterminate-background-color);
 		width: var(--_indeterminate-bar-width);
 		transform: translateX(0);
 		/* Duration scales with track width via the container queries below.
@@ -190,8 +192,8 @@ export const progressBarStyles = css `
 		}
 
 		@keyframes progress-bar-indeterminate-pulse {
-			0%, 100% { background-color: color-mix(in srgb, var(--_indeterminate-fill-color) 20%, transparent); }
-			50% { background-color: color-mix(in srgb, var(--_indeterminate-fill-color) 50%, transparent); }
+			0%, 100% { background-color: color-mix(in srgb, var(--_indeterminate-background-color) 20%, transparent); }
+			50% { background-color: color-mix(in srgb, var(--_indeterminate-background-color) 50%, transparent); }
 		}
 	}
 
@@ -209,7 +211,7 @@ export const progressBarSegmentStyles = css `
 	:host {
 		--_width: var(--context-progress-bar-segment-width, 0%);
 		--_min-width: var(--components-progress-bar-segment-min-width);
-		--_fill-color: var(--components-progress-bar-accent-fill-color);
+		--_background-color: var(--components-progress-bar-accent-background-color);
 		--_border-color: var(--components-progress-bar-accent-border-color);
 		--_border-width: var(--components-progress-bar-segment-border-width);
 
@@ -217,7 +219,7 @@ export const progressBarSegmentStyles = css `
 		display: block;
 		position: relative;
 		box-shadow: inset 0 0 0 var(--_border-width) var(--_border-color);
-		background-color: var(--_fill-color);
+		background-color: var(--_background-color);
 		width: var(--_width);
 		min-width: var(--_min-width);
 		height: 100%;
@@ -271,23 +273,23 @@ export const progressBarSegmentStyles = css `
 	/* ## Variants — semantic */
 
 	:host([color="neutral"]) {
-		--_fill-color: var(--components-progress-bar-neutral-fill-color);
+		--_background-color: var(--components-progress-bar-neutral-background-color);
 		--_border-color: var(--components-progress-bar-neutral-border-color);
 	}
 	:host([color="accent"]) {
-		--_fill-color: var(--components-progress-bar-accent-fill-color);
+		--_background-color: var(--components-progress-bar-accent-background-color);
 		--_border-color: var(--components-progress-bar-accent-border-color);
 	}
 	:host([color="success"]) {
-		--_fill-color: var(--components-progress-bar-success-fill-color);
+		--_background-color: var(--components-progress-bar-success-background-color);
 		--_border-color: var(--components-progress-bar-success-border-color);
 	}
 	:host([color="warning"]) {
-		--_fill-color: var(--components-progress-bar-warning-fill-color);
+		--_background-color: var(--components-progress-bar-warning-background-color);
 		--_border-color: var(--components-progress-bar-warning-border-color);
 	}
 	:host([color="critical"]) {
-		--_fill-color: var(--components-progress-bar-critical-fill-color);
+		--_background-color: var(--components-progress-bar-critical-background-color);
 		--_border-color: var(--components-progress-bar-critical-border-color);
 	}
 
@@ -295,79 +297,79 @@ export const progressBarSegmentStyles = css `
 	/* ## Variants — Rijkskleuren */
 
 	:host([color="coolgray"]) {
-		--_fill-color: var(--components-progress-bar-coolgray-fill-color);
+		--_background-color: var(--components-progress-bar-coolgray-background-color);
 		--_border-color: var(--components-progress-bar-coolgray-border-color);
 	}
 	:host([color="lintblauw"]) {
-		--_fill-color: var(--components-progress-bar-lintblauw-fill-color);
+		--_background-color: var(--components-progress-bar-lintblauw-background-color);
 		--_border-color: var(--components-progress-bar-lintblauw-border-color);
 	}
 	:host([color="donkerblauw"]) {
-		--_fill-color: var(--components-progress-bar-donkerblauw-fill-color);
+		--_background-color: var(--components-progress-bar-donkerblauw-background-color);
 		--_border-color: var(--components-progress-bar-donkerblauw-border-color);
 	}
 	:host([color="hemelblauw"]) {
-		--_fill-color: var(--components-progress-bar-hemelblauw-fill-color);
+		--_background-color: var(--components-progress-bar-hemelblauw-background-color);
 		--_border-color: var(--components-progress-bar-hemelblauw-border-color);
 	}
 	:host([color="lichtblauw"]) {
-		--_fill-color: var(--components-progress-bar-lichtblauw-fill-color);
+		--_background-color: var(--components-progress-bar-lichtblauw-background-color);
 		--_border-color: var(--components-progress-bar-lichtblauw-border-color);
 	}
 	:host([color="paars"]) {
-		--_fill-color: var(--components-progress-bar-paars-fill-color);
+		--_background-color: var(--components-progress-bar-paars-background-color);
 		--_border-color: var(--components-progress-bar-paars-border-color);
 	}
 	:host([color="violet"]) {
-		--_fill-color: var(--components-progress-bar-violet-fill-color);
+		--_background-color: var(--components-progress-bar-violet-background-color);
 		--_border-color: var(--components-progress-bar-violet-border-color);
 	}
 	:host([color="robijnrood"]) {
-		--_fill-color: var(--components-progress-bar-robijnrood-fill-color);
+		--_background-color: var(--components-progress-bar-robijnrood-background-color);
 		--_border-color: var(--components-progress-bar-robijnrood-border-color);
 	}
 	:host([color="roze"]) {
-		--_fill-color: var(--components-progress-bar-roze-fill-color);
+		--_background-color: var(--components-progress-bar-roze-background-color);
 		--_border-color: var(--components-progress-bar-roze-border-color);
 	}
 	:host([color="rood"]) {
-		--_fill-color: var(--components-progress-bar-rood-fill-color);
+		--_background-color: var(--components-progress-bar-rood-background-color);
 		--_border-color: var(--components-progress-bar-rood-border-color);
 	}
 	:host([color="oranje"]) {
-		--_fill-color: var(--components-progress-bar-oranje-fill-color);
+		--_background-color: var(--components-progress-bar-oranje-background-color);
 		--_border-color: var(--components-progress-bar-oranje-border-color);
 	}
 	:host([color="donkergeel"]) {
-		--_fill-color: var(--components-progress-bar-donkergeel-fill-color);
+		--_background-color: var(--components-progress-bar-donkergeel-background-color);
 		--_border-color: var(--components-progress-bar-donkergeel-border-color);
 	}
 	:host([color="geel"]) {
-		--_fill-color: var(--components-progress-bar-geel-fill-color);
+		--_background-color: var(--components-progress-bar-geel-background-color);
 		--_border-color: var(--components-progress-bar-geel-border-color);
 	}
 	:host([color="donkerbruin"]) {
-		--_fill-color: var(--components-progress-bar-donkerbruin-fill-color);
+		--_background-color: var(--components-progress-bar-donkerbruin-background-color);
 		--_border-color: var(--components-progress-bar-donkerbruin-border-color);
 	}
 	:host([color="bruin"]) {
-		--_fill-color: var(--components-progress-bar-bruin-fill-color);
+		--_background-color: var(--components-progress-bar-bruin-background-color);
 		--_border-color: var(--components-progress-bar-bruin-border-color);
 	}
 	:host([color="donkergroen"]) {
-		--_fill-color: var(--components-progress-bar-donkergroen-fill-color);
+		--_background-color: var(--components-progress-bar-donkergroen-background-color);
 		--_border-color: var(--components-progress-bar-donkergroen-border-color);
 	}
 	:host([color="groen"]) {
-		--_fill-color: var(--components-progress-bar-groen-fill-color);
+		--_background-color: var(--components-progress-bar-groen-background-color);
 		--_border-color: var(--components-progress-bar-groen-border-color);
 	}
 	:host([color="mosgroen"]) {
-		--_fill-color: var(--components-progress-bar-mosgroen-fill-color);
+		--_background-color: var(--components-progress-bar-mosgroen-background-color);
 		--_border-color: var(--components-progress-bar-mosgroen-border-color);
 	}
 	:host([color="mintgroen"]) {
-		--_fill-color: var(--components-progress-bar-mintgroen-fill-color);
+		--_background-color: var(--components-progress-bar-mintgroen-background-color);
 		--_border-color: var(--components-progress-bar-mintgroen-border-color);
 	}
 
@@ -375,7 +377,7 @@ export const progressBarSegmentStyles = css `
 	/* # Hover area (tooltip trigger)
 	   Fills the segment; captures hover/focus for the wrapping nldd-tooltip. */
 
-	.progress-bar-segment__hover-area {
+	.progress-bar-segment__tooltip-area {
 		display: block;
 		position: absolute;
 		inset: 0;

package/dist/components/status-and-feedback/progress-bar/progress-bar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyMnC,CAAC;AAGF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmM1C,CAAC"}
+{"version":3,"file":"progress-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-bar/progress-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;IAqBhC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqLrB,CAAC;AAGF,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmM1C,CAAC"}

package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js

@@ -2,10 +2,10 @@ import { html, nothing } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { classMap } from 'lit/directives/class-map.js';
 export function progressBarTemplate(component, onSlotChange) {
-    // Header only renders when `text` is set. The value lives next to the text
-    // and shouldn't appear on its own — otherwise it'd pop in/out when toggling
-    // indeterminate (since `_displayValue` is empty during indeterminate).
-    const hasHeader = !!component.text;
+    // Caption renders when there's a label or an inline value to show
+    // (value-display="inline"). _hasCaption stays empty during indeterminate (no
+    // value), so the row doesn't pop in/out on a determinate↔indeterminate flip.
+    const hasCaption = component._hasCaption;
     const isExiting = component._indeterminateExiting;
     const isEntering = component._indeterminateEntering;
     // Indicator renders during indeterminate and during an exit-fade.
@@ -20,16 +20,16 @@ export function progressBarTemplate(component, onSlotChange) {
     // Round so aria-valuenow doesn't produce floats (some screenreaders
     // read them out literally — "49 point 999 percent").
     const ariaValueNow = component.indeterminate ? undefined : Math.round(component._totalValue);
-    // Accessible name: use aria-label with the visible header text or a
+    // Accessible name: use aria-label with the visible label text or a
     // translated fallback. aria-labelledby would be cleaner but VoiceOver on
     // Safari can't resolve IDREFs scoped to a shadow root, so we duplicate
     // the string into aria-label for cross-browser screen-reader support.
     const ariaLabel = component.text || component._t('components.progress-bar.label-text');
     return html `
-		${hasHeader ? html `
-			<div class="progress-bar__header">
+		${hasCaption ? html `
+			<div class="progress-bar__caption">
 				<span class="progress-bar__text">${component.text}</span>
-				<span class="progress-bar__value">${component._displayValue}</span>
+				${component.valueDisplay === 'inline' && component._displayValue ? html `<span class="progress-bar__supporting-text">${component._displayValue}</span>` : nothing}
 			</div>
 		` : nothing}
 		<div class="progress-bar__track"

package/dist/components/status-and-feedback/progress-bar/progress-bar.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-bar/progress-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD,MAAM,UAAU,mBAAmB,CAAC,SAA0B,EAAE,YAAwB;IACvF,2EAA2E;IAC3E,4EAA4E;IAC5E,uEAAuE;IACvE,MAAM,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC;IACnC,MAAM,SAAS,GAAG,SAAS,CAAC,qBAAqB,CAAC;IAClD,MAAM,UAAU,GAAG,SAAS,CAAC,sBAAsB,CAAC;IACpD,kEAAkE;IAClE,MAAM,0BAA0B,GAAG,CAAC,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;IACrG,2EAA2E;IAC3E,0EAA0E;IAC1E,wEAAwE;IACxE,yDAAyD;IACzD,MAAM,mBAAmB,GAAG,CAAC,SAAS,CAAC,YAAY;WAC/C,SAAS,CAAC,KAAK,KAAK,IAAI,IAAI,SAAS,CAAC,KAAK,GAAG,CAAC;WAC/C,CAAC,CAAC,SAAS,CAAC,aAAa,IAAI,UAAU,CAAC,CAAC;IAC7C,oEAAoE;IACpE,qDAAqD;IACrD,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7F,oEAAoE;IACpE,yEAAyE;IACzE,uEAAuE;IACvE,sEAAsE;IACtE,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,EAAE,CAAC,oCAAoC,CAAC,CAAC;IACvF,OAAO,IAAI,CAAA;IACR,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA;;uCAEmB,SAAS,CAAC,IAAI;wCACb,SAAS,CAAC,aAAa;;GAE5D,CAAC,CAAC,CAAC,OAAO;;;gBAGG,SAAS;;mBAEN,SAAS,CAAC,GAAG;mBACb,SAAS,CAAC,YAAY,CAAC;oBACtB,SAAS,CAAC,cAAc;;KAEvC,0BAA0B,CAAC,CAAC,CAAC,IAAI,CAAA;iBACrB,QAAQ,CAAC;QACrB,uCAAuC,EAAE,IAAI;QAC7C,eAAe,EAAE,SAAS,IAAI,CAAC,SAAS,CAAC,aAAa;QACtD,cAAc,EAAE,UAAU,IAAI,SAAS,CAAC,aAAa;KACrD,CAAC;IACF,CAAC,CAAC,CAAC,OAAO;KACT,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;cAEjB,SAAS,CAAC,KAAM;aACjB,SAAS,CAAC,KAAK;;IAExB,CAAC,CAAC,CAAC,OAAO;uBACS,YAAY;;EAEjC,CAAC;AACH,CAAC"}
+{"version":3,"file":"progress-bar.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/progress-bar/progress-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD,MAAM,UAAU,mBAAmB,CAAC,SAA0B,EAAE,YAAwB;IACvF,kEAAkE;IAClE,6EAA6E;IAC7E,6EAA6E;IAC7E,MAAM,UAAU,GAAG,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,SAAS,GAAG,SAAS,CAAC,qBAAqB,CAAC;IAClD,MAAM,UAAU,GAAG,SAAS,CAAC,sBAAsB,CAAC;IACpD,kEAAkE;IAClE,MAAM,0BAA0B,GAAG,CAAC,SAAS,CAAC,aAAa,IAAI,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC;IACrG,2EAA2E;IAC3E,0EAA0E;IAC1E,wEAAwE;IACxE,yDAAyD;IACzD,MAAM,mBAAmB,GAAG,CAAC,SAAS,CAAC,YAAY;WAC/C,SAAS,CAAC,KAAK,KAAK,IAAI,IAAI,SAAS,CAAC,KAAK,GAAG,CAAC;WAC/C,CAAC,CAAC,SAAS,CAAC,aAAa,IAAI,UAAU,CAAC,CAAC;IAC7C,oEAAoE;IACpE,qDAAqD;IACrD,MAAM,YAAY,GAAG,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7F,mEAAmE;IACnE,yEAAyE;IACzE,uEAAuE;IACvE,sEAAsE;IACtE,MAAM,SAAS,GAAG,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,EAAE,CAAC,oCAAoC,CAAC,CAAC;IACvF,OAAO,IAAI,CAAA;IACR,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA;;uCAEkB,SAAS,CAAC,IAAI;MAC/C,SAAS,CAAC,YAAY,KAAK,QAAQ,IAAI,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAA,+CAA+C,SAAS,CAAC,aAAa,SAAS,CAAC,CAAC,CAAC,OAAO;;GAEjK,CAAC,CAAC,CAAC,OAAO;;;gBAGG,SAAS;;mBAEN,SAAS,CAAC,GAAG;mBACb,SAAS,CAAC,YAAY,CAAC;oBACtB,SAAS,CAAC,cAAc;;KAEvC,0BAA0B,CAAC,CAAC,CAAC,IAAI,CAAA;iBACrB,QAAQ,CAAC;QACrB,uCAAuC,EAAE,IAAI;QAC7C,eAAe,EAAE,SAAS,IAAI,CAAC,SAAS,CAAC,aAAa;QACtD,cAAc,EAAE,UAAU,IAAI,SAAS,CAAC,aAAa;KACrD,CAAC;IACF,CAAC,CAAC,CAAC,OAAO;KACT,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;cAEjB,SAAS,CAAC,KAAM;aACjB,SAAS,CAAC,KAAK;;IAExB,CAAC,CAAC,CAAC,OAAO;uBACS,YAAY;;EAEjC,CAAC;AACH,CAAC"}

package/dist/components/status-and-feedback/progress-circle/progress-circle.d.ts

@@ -24,8 +24,10 @@
  * @attr {string}  color             - Color. Semantic (neutral, accent, success, warning, critical) or a Rijkskleur. Default 'accent'.
  * @attr {string} size              - Circle diameter in px. Matches nldd-icon sizes: 16, 20, 24, 28, 32, 40, 44, 48, 56, 64, 80, 96 (default: '28')
  * @attr {string}  text              - Label below the circle
- * @attr {'percentage'|'absolute'|'fraction'|'none'} value-format - Format the tooltip uses for the auto-text
- * @attr {string}  accessible-label  - Full override of aria-valuetext (and tooltip text)
+ * @attr {'percentage'|'absolute'|'fraction'} value-format - Format of the displayed value (default: 'percentage')
+ * @attr {'inline'|'tooltip'|'none'} value-display - Where the value shows: inline below the label, in a tooltip, or hidden (default: 'tooltip')
+ * @attr {string}  value-text        - Full override of the displayed value (inline + tooltip)
+ * @attr {string}  accessible-label  - Full override of aria-valuetext
  * @attr {boolean} indeterminate     - Renders the rotating elastic arc animation
  * @attr {object}  translations      - Override translation keys; unset keys fall back to Dutch
  *
@@ -45,7 +47,8 @@ import '../../content/tooltip/tooltip.js';
 export declare const INDETERMINATE_TRANSITION_MS = 300;
 export type ProgressCircleMode = 'progress' | 'distribution';
 export type ProgressCircleSize = '16' | '20' | '24' | '28' | '32' | '40' | '44' | '48' | '56' | '64' | '80' | '96';
-export type ProgressCircleValueFormat = 'percentage' | 'absolute' | 'fraction' | 'none';
+export type ProgressCircleValueFormat = 'percentage' | 'absolute' | 'fraction';
+export type ProgressCircleValueDisplay = 'inline' | 'tooltip' | 'none';
 export type ProgressCircleColor = 'neutral' | 'accent' | 'success' | 'warning' | 'critical' | 'coolgray' | 'lintblauw' | 'donkerblauw' | 'hemelblauw' | 'lichtblauw' | 'paars' | 'violet' | 'robijnrood' | 'roze' | 'rood' | 'oranje' | 'donkergeel' | 'geel' | 'donkerbruin' | 'bruin' | 'donkergroen' | 'groen' | 'mosgroen' | 'mintgroen';
 export declare class NLDDProgressCircleSegment extends LitElement {
     static styles: import("lit").CSSResult;
@@ -63,6 +66,8 @@ export declare class NLDDProgressCircle extends LitElement {
     size: ProgressCircleSize;
     text: string;
     valueFormat: ProgressCircleValueFormat;
+    valueText: string;
+    valueDisplay: ProgressCircleValueDisplay;
     accessibleLabel: string;
     indeterminate: boolean;
     translations: Partial<NLDDProgressCircleTranslations>;
@@ -78,15 +83,27 @@ export declare class NLDDProgressCircle extends LitElement {
     private _enterTimeout?;
     private _growRafId?;
     private _attributeObserver?;
+    private static _idCounter;
+    /** Per-instance suffix so the in-shadow SVG <filter> ids and their url(#…)
+     *  references stay unique per element. Fragment references resolve within a
+     *  shadow tree's own scope in modern browsers, but a per-instance id removes
+     *  any cross-instance ambiguity (and old-WebKit shadow-SVG reference quirks).
+     *  Browser-only: the module counter would need stable ids for SSR hydration.
+     *  @internal */
+    readonly _uid: string;
     _t(key: keyof NLDDProgressCircleTranslations): string;
     get _hasSegments(): boolean;
     get _totalValue(): number;
     get _percentage(): number;
-    /** Compact text shown in the tooltip. Follows value-format (matching the
-     *  per-segment tooltip style of nldd-progress-bar) and omits the "voltooid"
-     *  suffix that aria-valuetext uses for screen readers. Returns '' when
-     *  value-format is 'none' so the template can skip rendering the tooltip
-     *  wrapper entirely. accessibleLabel and indeterminate still produce text. */
+    /** Formatted value for inline display (value-display="inline"). Mirrors
+     *  nldd-progress-bar: valueText wins, empty while indeterminate, otherwise
+     *  the total formatted per value-format. */
+    get _displayValue(): string;
+    /** Compact text shown in the tooltip — only in value-display="tooltip" mode
+     *  (returns '' otherwise, so the template skips the tooltip wrapper). Follows
+     *  value-format (matching nldd-progress-bar's per-segment tooltip style) and
+     *  omits the "voltooid" suffix that aria-valuetext uses for screen readers.
+     *  valueText overrides the whole thing; indeterminate shows the loading text. */
     get _tooltipText(): string;
     /** Verbose text used for aria-valuetext (screen readers). Includes the
      *  "voltooid" suffix and total-prefix for clearer announcements. */