@nldd/design-system 0.8.79 → 0.8.82

package/dist/components/status-and-feedback/step-indicator/step-indicator.js

@@ -7,35 +7,35 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /**
  * Nederlandse Digitale Dienst Step Indicator Component (Lit + TypeScript)
  *
- * Toont waar je staat in een proces van meerdere stappen: een rij bollen met
- * een cijfer (of een vinkje op wat af is), een label eronder en een lijn die
- * ze verbindt.
+ * Shows where you are in a process of several steps: a row of discs with a
+ * number (or a check mark on what is done), a label under each and a line
+ * connecting them.
  *
- * De ouder houdt de waarheid vast: `current` (1-based) leidt de status van elk
- * kind af — ervoor `past`, daarna `future`. Een kind kan dat overschrijven met
- * een eigen `status`, voor flows die terugspringen of een stap overslaan.
+ * The parent holds the truth: `current` (1-based) derives the status of every
+ * child — `past` before it, `future` after. A child can override that with a
+ * `status` of its own, for flows that jump back or skip a step.
  *
- * Alleen horizontaal. Wil je stappen onder elkaar, bouw dan een `nldd-list` met
- * per rij een `nldd-timeline-track-cell` en een `nldd-title-cell`: verticale
- * stappen dragen meestal meer dan een titel, en dat kan een lijstrij al.
+ * Horizontal only. For steps under each other, build an `nldd-list` with an
+ * `nldd-timeline-track-cell` and an `nldd-title-cell` per row: vertical steps
+ * usually carry more than a title, and a list row already does that.
  *
- * Onder de sm-breakpoint (container query, dus gemeten op het component zelf en
- * niet op de viewport) klapt het om naar één regel tekst plus een segmentbalk. De volledige stappenlijst blijft
- * dan in de DOM staan, alleen visueel verborgen, zodat hulpsoftware niet minder
- * te horen krijgt dan een breed scherm laat zien.
+ * Below the sm breakpoint (a container query, so measured on the component
+ * itself rather than on the viewport) it folds into one line of text plus a
+ * segmented bar. The full list of steps stays in the DOM, only visually hidden,
+ * so assistive software hears no less than a wide screen shows.
  *
- * Toegankelijkheid: een `nav` met een label, daarin een `role="list"` met per
- * stap een `role="listitem"`. De huidige stap krijgt `aria-current="step"` —
- * het enige begrip dat WAI-ARIA hiervoor kent. "Afgerond" en "nog te doen"
- * bestaan niet als ARIA-token en reizen daarom als visueel verborgen tekst mee.
+ * Accessibility: a `nav` with a label, holding a `role="list"` with a
+ * `role="listitem"` per step. The current step gets `aria-current="step"`, the
+ * only notion WAI-ARIA has for this. "Done" and "still to do" do not exist as
+ * ARIA tokens and travel along as visually hidden text instead.
  *
  * @element nldd-step-indicator
  *
- * @attr {string} accessible-label - Naam van de nav; standaard de i18n-waarde ("Voortgang")
- * @attr {object} translations - Overschrijf vertaalsleutels; niet gezette vallen terug op Nederlands
- * @attr {number} current - 1-based nummer van de huidige stap (standaard 1)
+ * @attr {string} accessible-label - Name of the nav; defaults to the i18n value ("Voortgang")
+ * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
+ * @attr {number} current - 1-based number of the current step (default 1)
  *
- * @slot - `nldd-step-indicator-item` kinderen
+ * @slot - `nldd-step-indicator-item` children
  *
  * @example
  * ```html
@@ -56,19 +56,19 @@ import { stepIndicatorTemplate, stepIndicatorItemTemplate } from './step-indicat
 import '../../content/icon/icon.js';
 // # nldd-step-indicator-item
 /**
- * Eén stap in een `nldd-step-indicator`. De ouder bepaalt de status en het
- * volgnummer; die staan hier als interne state en niet als publieke API, op
- * `status` na — dat overschrijft de afleiding uit `current`.
+ * One step in an `nldd-step-indicator`. The parent decides the status and the
+ * number; those live here as internal state rather than as public API, except
+ * for `status`, which overrides what `current` derives.
  *
  * @element nldd-step-indicator-item
  *
- * @attr {string} status - `past` | `current` | `future`; overschrijft wat de ouder afleidt
- * @attr {string} text   - Label onder de bol
- * @attr {string} icon   - Icoon in de bol in plaats van het cijfer of het vinkje
- * @attr {string} href   - Maakt de stap een link (bijvoorbeeld terug naar een afgeronde stap)
- * @attr {boolean} button - Maakt de stap een knop, voor flows zonder eigen URL per stap; genegeerd wanneer `href` is gezet
+ * @attr {string} status - `past` | `current` | `future`; overrides what the parent derives
+ * @attr {string} text   - Label under the disc
+ * @attr {string} icon   - Icon in the disc instead of the number or the check mark
+ * @attr {string} href   - Makes the step a link (back to a completed step, for instance)
+ * @attr {boolean} button - Makes the step a button, for flows without a URL per step; ignored when `href` is set
  *
- * @slot - Label (alternatief voor `text`)
+ * @slot - Label (an alternative to `text`)
  */
 export class NLDDStepIndicatorItem extends LitElement {
     constructor() {
@@ -174,6 +174,9 @@ let NLDDStepIndicator = class NLDDStepIndicator extends withTranslations(LitElem
      *  of the children, so their statuses have to be fresh by the time this
      *  element renders. */
     willUpdate(changed) {
+        // withTranslations merges a consumer's `translations` override in its own
+        // willUpdate; without this call the override is silently ignored.
+        super.willUpdate(changed);
         if (changed.has('current') || changed.has('_items'))
             this._syncItems();
     }

package/dist/components/status-and-feedback/step-indicator/step-indicator.js.map

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

package/dist/components/toml-C2HBbPgG.js

@@ -0,0 +1,59 @@
+//#region node_modules/@codemirror/legacy-modes/mode/toml.js
+var toml = {
+	name: "toml",
+	startState: function() {
+		return {
+			inString: false,
+			stringType: "",
+			lhs: true,
+			inArray: 0
+		};
+	},
+	token: function(stream, state) {
+		let quote;
+		if (!state.inString && (quote = stream.match(/^('''|"""|'|")/))) {
+			state.stringType = quote[0];
+			state.inString = true;
+		}
+		if (stream.sol() && !state.inString && state.inArray === 0) state.lhs = true;
+		if (state.inString) {
+			while (state.inString) if (stream.match(state.stringType)) state.inString = false;
+			else if (stream.peek() === "\\") {
+				stream.next();
+				stream.next();
+			} else if (stream.eol()) break;
+			else stream.match(/^.[^\\\"\']*/);
+			return state.lhs ? "property" : "string";
+		} else if (state.inArray && stream.peek() === "]") {
+			stream.next();
+			state.inArray--;
+			return "bracket";
+		} else if (state.lhs && stream.peek() === "[" && stream.skipTo("]")) {
+			stream.next();
+			if (stream.peek() === "]") stream.next();
+			return "atom";
+		} else if (stream.peek() === "#") {
+			stream.skipToEnd();
+			return "comment";
+		} else if (stream.eatSpace()) return null;
+		else if (state.lhs && stream.eatWhile(function(c) {
+			return c != "=" && c != " ";
+		})) return "property";
+		else if (state.lhs && stream.peek() === "=") {
+			stream.next();
+			state.lhs = false;
+			return null;
+		} else if (!state.lhs && stream.match(/^\d\d\d\d[\d\-\:\.T]*Z/)) return "atom";
+		else if (!state.lhs && (stream.match("true") || stream.match("false"))) return "atom";
+		else if (!state.lhs && stream.peek() === "[") {
+			state.inArray++;
+			stream.next();
+			return "bracket";
+		} else if (!state.lhs && stream.match(/^\-?\d+(?:\.\d+)?/)) return "number";
+		else if (!stream.eatSpace()) stream.next();
+		return null;
+	},
+	languageData: { commentTokens: { line: "#" } }
+};
+//#endregion
+export { toml };

package/dist/components/visibility-mixin-GxbwkBb1.js

@@ -0,0 +1,104 @@
+import { t as __decorate } from "./decorate-BKn10QQi.js";
+import { t as breakpoints } from "./breakpoints-CkxsiRgH.js";
+import { property } from "lit/decorators.js";
+//#region src/utilities/visibility-mixin.ts
+function resolveHideBelow(value) {
+	if (value === "md") return breakpoints.smMax;
+	if (value === "lg") return breakpoints.mdMax;
+	if (value === "sm") return null;
+	return value;
+}
+function resolveHideAbove(value) {
+	if (value === "sm") return breakpoints.mdMin;
+	if (value === "md") return breakpoints.lgMin;
+	if (value === "lg") return null;
+	return value;
+}
+/**
+* The open edges resolve to null, so the attribute is written but nothing ever
+* hides. That reads like a working value, and the name invites it: `hide-below`
+* names the breakpoint you hide BELOW, so "hide it at sm" comes out as
+* `hide-below="md"` and `hide-below="sm"` does nothing at all. Say so once,
+* rather than let it look applied.
+*/
+function warnNoOp(host, attribute, value, resolved, openEdge, edgeLabel) {
+	if (value !== openEdge || resolved !== null) return;
+	console.warn(`[${host.localName}] ${attribute}="${openEdge}" never hides anything: there is no breakpoint ${edgeLabel}. The value names the breakpoint you hide below, so the smallest one that hides is "${attribute === "hide-below" ? "md" : "sm"}". Leave the attribute off if you meant "always visible".`);
+}
+/**
+* Adds `hide-below` and `hide-above` attributes that toggle visibility based
+* on the inline-size of an ancestor CSS container.
+*
+* Without a `containerName` argument the generated rule is an anonymous
+* `@container (…)` query — it matches the nearest ancestor that declares
+* `container-type: inline-size`. Pass a name to target a specific container
+* (e.g. `'cells-container'` for cells inside `nldd-list`, which sets that
+* name inline on its host as a Safari shadow-DOM workaround).
+*
+* Values are either a named breakpoint — `sm` / `md` / `lg` — or a CSS length
+* (e.g. '320px', '20rem'). Named values resolve to the standard breakpoint
+* thresholds: `hide-below` uses the breakpoint's lower bound (e.g.
+* `hide-below="lg"` hides in sm+md and shows in lg), `hide-above` its upper
+* bound; the open edges (below sm, above lg) are no-ops. Container queries can't
+* read CSS variables in their conditions, so the query rule is generated at
+* runtime and injected as a <style> element in the component's shadow root,
+* wrapped in `:host { @container <name>? (…) { display: none !important; } }`
+* (nested form — the flattened `@container { :host { … } }` is unreliable in
+* Safari).
+*
+* @mixin VisibilityMixin
+*
+* @attr {string} hide-below - Hides the element below this breakpoint: `sm` | `md` | `lg`, or a CSS length. The value names the breakpoint you hide BELOW, so `hide-below="md"` is hidden in sm and visible from md up. `sm` is the open edge and never hides (DEV-warns).
+* @attr {string} hide-above - Hides the element above this breakpoint: `sm` | `md` | `lg`, or a CSS length. `hide-above="sm"` is hidden in md and lg. `lg` is the open edge and never hides (DEV-warns).
+*
+* @example
+* ```ts
+* // Cell inside nldd-list — target the named cells-container
+* class NLDDTextCell extends VisibilityMixin(LitElement, 'cells-container') { … }
+*
+* // Other component — fall back to the nearest unnamed container
+* class SomeComponent extends VisibilityMixin(LitElement) { … }
+* ```
+*/
+function VisibilityMixin(Base, containerName) {
+	class WithVisibility extends Base {
+		updated(changed) {
+			super.updated(changed);
+			if (changed.has("hideBelow") || changed.has("hideAbove")) this._updateVisibilityStyle();
+		}
+		_updateVisibilityStyle() {
+			if (!this.shadowRoot) return;
+			const containerPrefix = containerName ? `${containerName} ` : "";
+			const rules = [];
+			const below = this.hideBelow ? resolveHideBelow(this.hideBelow) : null;
+			warnNoOp(this, "hide-below", this.hideBelow, below, "sm", "below sm");
+			if (below) rules.push(`:host { @container ${containerPrefix}(max-width: ${below}) { display: none !important; } }`);
+			const above = this.hideAbove ? resolveHideAbove(this.hideAbove) : null;
+			warnNoOp(this, "hide-above", this.hideAbove, above, "lg", "above lg");
+			if (above) rules.push(`:host { @container ${containerPrefix}(min-width: ${above}) { display: none !important; } }`);
+			if (rules.length === 0) {
+				this._visibilityStyle?.remove();
+				this._visibilityStyle = void 0;
+				return;
+			}
+			if (!this._visibilityStyle) {
+				this._visibilityStyle = document.createElement("style");
+				this.shadowRoot.appendChild(this._visibilityStyle);
+			}
+			this._visibilityStyle.textContent = rules.join("\n");
+		}
+	}
+	__decorate([property({
+		type: String,
+		reflect: true,
+		attribute: "hide-below"
+	})], WithVisibility.prototype, "hideBelow", void 0);
+	__decorate([property({
+		type: String,
+		reflect: true,
+		attribute: "hide-above"
+	})], WithVisibility.prototype, "hideAbove", void 0);
+	return WithVisibility;
+}
+//#endregion
+export { VisibilityMixin as t };

package/dist/components/with-translations-DzAdFTK8.js

@@ -0,0 +1,48 @@
+import { t as __decorate } from "./decorate-BKn10QQi.js";
+import { property } from "lit/decorators.js";
+//#region src/utilities/with-translations.ts
+/**
+* Mixin that adds i18n support to a LitElement component.
+*
+* Provides a `translations` property for overriding defaults,
+* a merged translations object, and a `_t()` method for lookups.
+*
+* @example
+* ```ts
+* import { withTranslations } from '../../../utilities/with-translations.js';
+* import { myDefaults } from './my-component.i18n.js';
+* import type { MyTranslations } from './my-component.i18n.js';
+*
+* class MyComponent extends withTranslations<MyTranslations>(LitElement, myDefaults) {
+*   render() {
+*     return html`${this._t('my-key')}`;
+*   }
+* }
+* ```
+*/
+function withTranslations(Base, defaults) {
+	class TranslationsMixin extends Base {
+		constructor(..._args) {
+			super(..._args);
+			this.translations = {};
+			this._mergedTranslations = { ...defaults };
+		}
+		/** @internal */
+		_t(key, vars) {
+			let str = this._mergedTranslations[key] ?? String(key);
+			if (vars) for (const [k, v] of Object.entries(vars)) str = str.split(`{${k}}`).join(String(v));
+			return str;
+		}
+		willUpdate(changed) {
+			super.willUpdate(changed);
+			if (changed.has("translations")) this._mergedTranslations = {
+				...defaults,
+				...this.translations
+			};
+		}
+	}
+	__decorate([property({ type: Object })], TranslationsMixin.prototype, "translations", void 0);
+	return TranslationsMixin;
+}
+//#endregion
+export { withTranslations as t };

package/dist/css/variables.css

@@ -1635,6 +1635,8 @@
 	--components-box-border-width: var(--semantics-surfaces-border-width);
 	--components-box-border-color: var(--semantics-surfaces-tinted-border-color);
 	--components-box-base-border-color: var(--semantics-surfaces-base-border-color);
+	--components-box-critical-background-color: var(--semantics-categories-critical-tinted-background-color);
+	--components-box-critical-border-color: var(--semantics-categories-critical-tinted-highlight-border-color);
 	--components-box-padding: var(--primitives-space-16);
 
 	/* ## Button group */
@@ -1679,6 +1681,14 @@
 
 	--components-document-tab-bar-tab-title-font: var(--primitives-font-body-sm-medium-flat);
 
+	/* ## File field */
+
+	--components-file-field-background-color: var(--semantics-surfaces-tinted-background-color);
+	--components-file-field-highlight-border-width: var(--semantics-surfaces-border-width);
+	--components-file-field-highlight-border-color: var(--semantics-surfaces-tinted-border-color);
+	--components-file-field-value-color: var(--semantics-content-color);
+	--components-file-field-is-empty-value-color: var(--semantics-content-secondary-color);
+
 	/* ## Icon — rijkskleuren
 
 	   Shade per rijkskleur picked to keep ≥400 shade distance from the
@@ -1728,6 +1738,20 @@
 	--components-inline-dialog-icon-warning-color: light-dark(var(--primitives-color-warning-350), var(--primitives-color-warning-650));
 	--components-inline-dialog-icon-success-color: var(--primitives-color-success-500);
 
+	/* ## Notification */
+
+	--components-notification-background-color: var(--semantics-surfaces-base-background-color);
+	--components-notification-corner-radius: var(--semantics-overlays-corner-radius);
+	--components-notification-box-shadow: var(--semantics-overlays-box-shadow);
+	--components-notification-icon-success-color: var(--primitives-color-success-500);
+	--components-notification-icon-neutral-color: var(--semantics-content-secondary-color);
+	--components-notification-icon-accent-color: light-dark(var(--primitives-color-accent-750), var(--primitives-color-accent-350));
+	--components-notification-icon-warning-color: light-dark(var(--primitives-color-warning-350), var(--primitives-color-warning-250));
+	--components-notification-icon-critical-color: var(--primitives-color-critical-500);
+	--components-notification-text-font: var(--primitives-font-body-md-bold-tight);
+	--components-notification-supporting-text-font: var(--primitives-font-body-sm-regular-tight);
+	--components-notification-supporting-text-color: var(--semantics-content-secondary-color);
+
 	/* ## Keyboard shortcut */
 
 	--components-keyboard-shortcut-sm-size: var(--primitives-space-20);