@nldd/design-system 0.8.42 → 0.8.44

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

@@ -8,7 +8,7 @@ export const tagStyles = css `
 		--_background-color: var(--components-tag-neutral-background-color);
 		--_content-color: var(--components-tag-neutral-content-color);
 		--_min-height: var(--primitives-space-24);
-		--_inline-padding: var(--primitives-space-8);
+		--_inline-padding: var(--primitives-space-6);
 		--_gap: var(--primitives-space-3);
 		--_font: var(--primitives-font-body-sm-bold-flat);
 		--_icon-size: var(--primitives-space-16);
@@ -21,7 +21,7 @@ export const tagStyles = css `
 
 	:host([size="sm"]) {
 		--_min-height: var(--primitives-space-20);
-		--_inline-padding: var(--primitives-space-6);
+		--_inline-padding: var(--primitives-space-4);
 		--_gap: var(--primitives-space-2);
 		--_font: var(--primitives-font-body-xs-bold-flat);
 		--_icon-size: var(--primitives-space-14);
@@ -33,47 +33,145 @@ export const tagStyles = css `
 	}
 
 
-	/* ## Variants */
+	/* ## Color */
 
-	:host([variant="neutral"]),
-	:host(:not([variant])) {
+	:host([color="neutral"]),
+	:host(:not([color])) {
 		--_background-color: var(--components-tag-neutral-background-color);
 		--_content-color: var(--components-tag-neutral-content-color);
 	}
 
-	:host([variant="accent"]) {
+	:host([color="accent"]) {
 		--_background-color: var(--components-tag-accent-background-color);
 		--_content-color: var(--components-tag-accent-content-color);
 	}
 
-	:host([variant="success"]) {
+	:host([color="success"]) {
 		--_background-color: var(--components-tag-success-background-color);
 		--_content-color: var(--components-tag-success-content-color);
 	}
 
-	:host([variant="warning"]) {
+	:host([color="warning"]) {
 		--_background-color: var(--components-tag-warning-background-color);
 		--_content-color: var(--components-tag-warning-content-color);
 	}
 
-	:host([variant="critical"]) {
+	:host([color="critical"]) {
 		--_background-color: var(--components-tag-critical-background-color);
 		--_content-color: var(--components-tag-critical-content-color);
 	}
 
 
+	/* ### Rijkskleuren */
+
+	:host([color="coolgray"]) {
+		--_background-color: var(--components-tag-coolgray-background-color);
+		--_content-color: var(--components-tag-coolgray-content-color);
+	}
+
+	:host([color="lintblauw"]) {
+		--_background-color: var(--components-tag-lintblauw-background-color);
+		--_content-color: var(--components-tag-lintblauw-content-color);
+	}
+
+	:host([color="donkerblauw"]) {
+		--_background-color: var(--components-tag-donkerblauw-background-color);
+		--_content-color: var(--components-tag-donkerblauw-content-color);
+	}
+
+	:host([color="hemelblauw"]) {
+		--_background-color: var(--components-tag-hemelblauw-background-color);
+		--_content-color: var(--components-tag-hemelblauw-content-color);
+	}
+
+	:host([color="lichtblauw"]) {
+		--_background-color: var(--components-tag-lichtblauw-background-color);
+		--_content-color: var(--components-tag-lichtblauw-content-color);
+	}
+
+	:host([color="paars"]) {
+		--_background-color: var(--components-tag-paars-background-color);
+		--_content-color: var(--components-tag-paars-content-color);
+	}
+
+	:host([color="violet"]) {
+		--_background-color: var(--components-tag-violet-background-color);
+		--_content-color: var(--components-tag-violet-content-color);
+	}
+
+	:host([color="robijnrood"]) {
+		--_background-color: var(--components-tag-robijnrood-background-color);
+		--_content-color: var(--components-tag-robijnrood-content-color);
+	}
+
+	:host([color="roze"]) {
+		--_background-color: var(--components-tag-roze-background-color);
+		--_content-color: var(--components-tag-roze-content-color);
+	}
+
+	:host([color="rood"]) {
+		--_background-color: var(--components-tag-rood-background-color);
+		--_content-color: var(--components-tag-rood-content-color);
+	}
+
+	:host([color="oranje"]) {
+		--_background-color: var(--components-tag-oranje-background-color);
+		--_content-color: var(--components-tag-oranje-content-color);
+	}
+
+	:host([color="donkergeel"]) {
+		--_background-color: var(--components-tag-donkergeel-background-color);
+		--_content-color: var(--components-tag-donkergeel-content-color);
+	}
+
+	:host([color="geel"]) {
+		--_background-color: var(--components-tag-geel-background-color);
+		--_content-color: var(--components-tag-geel-content-color);
+	}
+
+	:host([color="donkerbruin"]) {
+		--_background-color: var(--components-tag-donkerbruin-background-color);
+		--_content-color: var(--components-tag-donkerbruin-content-color);
+	}
+
+	:host([color="bruin"]) {
+		--_background-color: var(--components-tag-bruin-background-color);
+		--_content-color: var(--components-tag-bruin-content-color);
+	}
+
+	:host([color="donkergroen"]) {
+		--_background-color: var(--components-tag-donkergroen-background-color);
+		--_content-color: var(--components-tag-donkergroen-content-color);
+	}
+
+	:host([color="groen"]) {
+		--_background-color: var(--components-tag-groen-background-color);
+		--_content-color: var(--components-tag-groen-content-color);
+	}
+
+	:host([color="mosgroen"]) {
+		--_background-color: var(--components-tag-mosgroen-background-color);
+		--_content-color: var(--components-tag-mosgroen-content-color);
+	}
+
+	:host([color="mintgroen"]) {
+		--_background-color: var(--components-tag-mintgroen-background-color);
+		--_content-color: var(--components-tag-mintgroen-content-color);
+	}
+
+
 	/* # Block */
 
 	.tag {
 		display: inline-flex;
-		align-items: center;
 		box-sizing: border-box;
+		border-radius: var(--_corner-radius);
+		background-color: var(--_background-color);
 		min-height: var(--_min-height);
 		padding: 0 var(--_inline-padding);
+		align-items: center;
 		gap: var(--_gap);
-		background-color: var(--_background-color);
 		color: var(--_content-color);
-		border-radius: var(--_corner-radius);
 		white-space: nowrap;
 		font: var(--_font);
 	}
@@ -83,11 +181,11 @@ export const tagStyles = css `
 
 	.tag__icon {
 		display: inline-flex;
-		align-items: center;
-		flex-shrink: 0;
+		margin-inline: calc((var(--_min-height) - var(--_icon-size)) / 2 - var(--_inline-padding));
 		width: var(--_icon-size);
 		height: var(--_icon-size);
-		margin-inline: calc((var(--_min-height) - var(--_icon-size)) / 2 - var(--_inline-padding));
+		align-items: center;
+		flex-shrink: 0;
 	}
 
 	.tag__icon:has(+ .tag__text) {

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

@@ -1 +1 @@
-{"version":3,"file":"tag.styles.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsG3B,CAAC"}
+{"version":3,"file":"tag.styles.js","sourceRoot":"","sources":["../../../../src/components/content/tag/tag.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwM3B,CAAC"}

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

@@ -22,10 +22,10 @@ export const titleStyles = css `
 
 	.title {
 		display: flex;
+		width: 100%;
 		flex-direction: row;
 		align-items: center;
 		gap: var(--primitives-space-12);
-		width: 100%;
 	}
 
 
@@ -33,9 +33,9 @@ export const titleStyles = css `
 
 	.title__title-group {
 		display: flex;
+		min-width: 0;
 		flex-direction: column;
 		flex: 1;
-		min-width: 0;
 	}
 
 
@@ -71,15 +71,15 @@ export const titleStyles = css `
 			font: var(--primitives-font-display-1-lg);
 		}
 
-		@container layout-area (max-width: ${smMax}) {
+		@container layout-container (max-width: ${smMax}) {
 			font: var(--primitives-font-display-1-sm);
 		}
 
-		@container layout-area (min-width: ${mdMin}) and (max-width: ${mdMax}) {
+		@container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
 			font: var(--primitives-font-display-1-md);
 		}
 
-		@container layout-area (min-width: ${lgMin}) {
+		@container layout-container (min-width: ${lgMin}) {
 			font: var(--primitives-font-display-1-lg);
 		}
 	}
@@ -97,15 +97,15 @@ export const titleStyles = css `
 			font: var(--primitives-font-display-2-lg);
 		}
 
-		@container layout-area (max-width: ${smMax}) {
+		@container layout-container (max-width: ${smMax}) {
 			font: var(--primitives-font-display-2-sm);
 		}
 
-		@container layout-area (min-width: ${mdMin}) and (max-width: ${mdMax}) {
+		@container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
 			font: var(--primitives-font-display-2-md);
 		}
 
-		@container layout-area (min-width: ${lgMin}) {
+		@container layout-container (min-width: ${lgMin}) {
 			font: var(--primitives-font-display-2-lg);
 		}
 	}
@@ -124,15 +124,15 @@ export const titleStyles = css `
 			font: var(--primitives-font-display-3-lg);
 		}
 
-		@container layout-area (max-width: ${smMax}) {
+		@container layout-container (max-width: ${smMax}) {
 			font: var(--primitives-font-display-3-sm);
 		}
 
-		@container layout-area (min-width: ${mdMin}) and (max-width: ${mdMax}) {
+		@container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
 			font: var(--primitives-font-display-3-md);
 		}
 
-		@container layout-area (min-width: ${lgMin}) {
+		@container layout-container (min-width: ${lgMin}) {
 			font: var(--primitives-font-display-3-lg);
 		}
 	}
@@ -150,15 +150,15 @@ export const titleStyles = css `
 			font: var(--primitives-font-display-4-lg);
 		}
 
-		@container layout-area (max-width: ${smMax}) {
+		@container layout-container (max-width: ${smMax}) {
 			font: var(--primitives-font-display-4-sm);
 		}
 
-		@container layout-area (min-width: ${mdMin}) and (max-width: ${mdMax}) {
+		@container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
 			font: var(--primitives-font-display-4-md);
 		}
 
-		@container layout-area (min-width: ${lgMin}) {
+		@container layout-container (min-width: ${lgMin}) {
 			font: var(--primitives-font-display-4-lg);
 		}
 	}
@@ -176,15 +176,15 @@ export const titleStyles = css `
 			font: var(--primitives-font-display-5-lg);
 		}
 
-		@container layout-area (max-width: ${smMax}) {
+		@container layout-container (max-width: ${smMax}) {
 			font: var(--primitives-font-display-5-sm);
 		}
 
-		@container layout-area (min-width: ${mdMin}) and (max-width: ${mdMax}) {
+		@container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
 			font: var(--primitives-font-display-5-md);
 		}
 
-		@container layout-area (min-width: ${lgMin}) {
+		@container layout-container (min-width: ${lgMin}) {
 			font: var(--primitives-font-display-5-lg);
 		}
 	}
@@ -202,15 +202,15 @@ export const titleStyles = css `
 			font: var(--primitives-font-display-6-lg);
 		}
 
-		@container layout-area (max-width: ${smMax}) {
+		@container layout-container (max-width: ${smMax}) {
 			font: var(--primitives-font-display-6-sm);
 		}
 
-		@container layout-area (min-width: ${mdMin}) and (max-width: ${mdMax}) {
+		@container layout-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
 			font: var(--primitives-font-display-6-md);
 		}
 
-		@container layout-area (min-width: ${lgMin}) {
+		@container layout-container (min-width: ${lgMin}) {
 			font: var(--primitives-font-display-6-lg);
 		}
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"title.styles.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.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;AAC3C,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,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAuDP,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;uCAIW,KAAK;;;;uCAIL,KAAK,qBAAqB,KAAK;;;;uCAI/B,KAAK;;;;;;uBAMrB,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;uCAIW,KAAK;;;;uCAIL,KAAK,qBAAqB,KAAK;;;;uCAI/B,KAAK;;;;;;;uBAOrB,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;uCAIW,KAAK;;;;uCAIL,KAAK,qBAAqB,KAAK;;;;uCAI/B,KAAK;;;;;;uBAMrB,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;uCAIW,KAAK;;;;uCAIL,KAAK,qBAAqB,KAAK;;;;uCAI/B,KAAK;;;;;;uBAMrB,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;uCAIW,KAAK;;;;uCAIL,KAAK,qBAAqB,KAAK;;;;uCAI/B,KAAK;;;;;;uBAMrB,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;uCAIW,KAAK;;;;uCAIL,KAAK,qBAAqB,KAAK;;;;uCAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;CAyB3C,CAAC"}
+{"version":3,"file":"title.styles.js","sourceRoot":"","sources":["../../../../src/components/content/title/title.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;AAC3C,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,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAuDP,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;uBAO1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;uBAM1B,KAAK;;;;uBAIL,KAAK,qBAAqB,KAAK;;;;uBAI/B,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK,qBAAqB,KAAK;;;;4CAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;CAyBhD,CAAC"}

package/dist/components/content/tooltip/tooltip.d.ts

@@ -7,12 +7,17 @@
  * @element nldd-tooltip
  * @attr {string}  text      - Tooltip tekst
  * @attr {string}  placement - Positie: 'top' | 'bottom' | 'left' | 'right' (standaard: 'bottom'; op touch devices automatisch 'top')
- * @attr {boolean} disabled  - Wanneer true wordt de tooltip nooit getoond.
- *                              Hover/focus events op de trigger worden
- *                              genegeerd; een al zichtbare tooltip wordt
- *                              direct verborgen. Voor consumers die het
- *                              tooltip-gedrag conditioneel willen schakelen
- *                              (bv. alleen tonen wanneer tekst getrunceerd is).
+ * @attr {string}  timing    - Wanneer de tooltip verschijnt op hover:
+ *                              'instant'  — direct, zonder show-delay.
+ *                              'default'  — na de standaard show-delay (700ms).
+ *                              'never'    — tooltip wordt nooit getoond;
+ *                                            hover/focus events worden
+ *                                            genegeerd, aria-describedby
+ *                                            wordt onderdrukt en een al
+ *                                            zichtbare tooltip verdwijnt.
+ *                              Hide-delay en touch suppression blijven onder
+ *                              alle waarden van kracht. Focus-trigger is
+ *                              altijd instant.
  *
  * @slot - Het element waarop de tooltip wordt getoond
  *
@@ -35,11 +40,12 @@
 import { LitElement } from 'lit';
 import type { PropertyValues } from 'lit';
 type Placement = 'top' | 'bottom' | 'left' | 'right';
+type Timing = 'instant' | 'default' | 'never';
 export declare class NLDDTooltip extends LitElement {
     static styles: import("lit").CSSResult;
     text: string;
     placement: Placement;
-    disabled: boolean;
+    timing: Timing;
     private get _effectivePlacement();
     _visible: boolean;
     private _tooltipId;

package/dist/components/content/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAO1C,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAarD,qBACa,WAAY,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAiB;IAGvC,IAAI,SAAM;IAGV,SAAS,EAAE,SAAS,CAAY;IAGhC,QAAQ,UAAS;IAEjB,OAAO,KAAK,mBAAmB,GAE9B;IAGD,QAAQ,UAAS;IAEjB,OAAO,CAAC,UAAU,CAAsC;IACxD,OAAO,CAAC,YAAY,CAA8C;IAClE,OAAO,CAAC,YAAY,CAA8C;IAClE,OAAO,CAAC,cAAc,CAAgC;IACtD,OAAO,CAAC,eAAe,CAAwB;IAC/C,OAAO,CAAC,gBAAgB,CAAqC;IAEpD,iBAAiB,IAAI,IAAI;IASzB,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA0B/C,OAAO,CAAC,oBAAoB;IA6C5B,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,kBAAkB;IAI1B,mBAAmB,IAAI,IAAI;IAqB3B,cAAc,IAAI,IAAI;IAmBtB,mBAAmB,IAAI,IAAI;IAiB3B,4EAA4E;IAC5E,eAAe,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAUpC,mBAAmB,IAAI,IAAI;IAO3B,mBAAmB,IAAI,IAAI;IAI3B,OAAO,CAAC,cAAc,CAEpB;YAEY,eAAe;IAoBpB,oBAAoB,IAAI,IAAI;IAmB5B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/content/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAO1C,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AACrD,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAa9C,qBACa,WAAY,SAAQ,UAAU;IAC1C,OAAgB,MAAM,0BAAiB;IAGvC,IAAI,SAAM;IAGV,SAAS,EAAE,SAAS,CAAY;IAGhC,MAAM,EAAE,MAAM,CAAa;IAE3B,OAAO,KAAK,mBAAmB,GAE9B;IAGD,QAAQ,UAAS;IAEjB,OAAO,CAAC,UAAU,CAAsC;IACxD,OAAO,CAAC,YAAY,CAA8C;IAClE,OAAO,CAAC,YAAY,CAA8C;IAClE,OAAO,CAAC,cAAc,CAAgC;IACtD,OAAO,CAAC,eAAe,CAAwB;IAC/C,OAAO,CAAC,gBAAgB,CAAqC;IAEpD,iBAAiB,IAAI,IAAI;IASzB,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA0B/C,OAAO,CAAC,oBAAoB;IA6C5B,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,kBAAkB;IAI1B,mBAAmB,IAAI,IAAI;IA4B3B,cAAc,IAAI,IAAI;IAmBtB,mBAAmB,IAAI,IAAI;IAiB3B,4EAA4E;IAC5E,eAAe,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAUpC,mBAAmB,IAAI,IAAI;IAO3B,mBAAmB,IAAI,IAAI;IAI3B,OAAO,CAAC,cAAc,CAEpB;YAEY,eAAe;IAoBpB,oBAAoB,IAAI,IAAI;IAmB5B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD"}

package/dist/components/content/tooltip/tooltip.js

@@ -7,12 +7,17 @@
  * @element nldd-tooltip
  * @attr {string}  text      - Tooltip tekst
  * @attr {string}  placement - Positie: 'top' | 'bottom' | 'left' | 'right' (standaard: 'bottom'; op touch devices automatisch 'top')
- * @attr {boolean} disabled  - Wanneer true wordt de tooltip nooit getoond.
- *                              Hover/focus events op de trigger worden
- *                              genegeerd; een al zichtbare tooltip wordt
- *                              direct verborgen. Voor consumers die het
- *                              tooltip-gedrag conditioneel willen schakelen
- *                              (bv. alleen tonen wanneer tekst getrunceerd is).
+ * @attr {string}  timing    - Wanneer de tooltip verschijnt op hover:
+ *                              'instant'  — direct, zonder show-delay.
+ *                              'default'  — na de standaard show-delay (700ms).
+ *                              'never'    — tooltip wordt nooit getoond;
+ *                                            hover/focus events worden
+ *                                            genegeerd, aria-describedby
+ *                                            wordt onderdrukt en een al
+ *                                            zichtbare tooltip verdwijnt.
+ *                              Hide-delay en touch suppression blijven onder
+ *                              alle waarden van kracht. Focus-trigger is
+ *                              altijd instant.
  *
  * @slot - Het element waarop de tooltip wordt getoond
  *
@@ -58,7 +63,7 @@ let NLDDTooltip = class NLDDTooltip extends LitElement {
         super(...arguments);
         this.text = '';
         this.placement = 'bottom';
-        this.disabled = false;
+        this.timing = 'default';
         this._visible = false;
         this._tooltipId = `nldd-tooltip-${++tooltipCounter}`;
         this._hideTimeout = null;
@@ -99,12 +104,12 @@ let NLDDTooltip = class NLDDTooltip extends LitElement {
                 }
             }
         }
-        if (changed.has('text') || changed.has('disabled')) {
+        if (changed.has('text') || changed.has('timing')) {
             this._syncAriaDescribedBy();
         }
-        if (changed.has('disabled') && this.disabled) {
+        if (changed.has('timing') && this.timing === 'never') {
             // Cancel any pending show — without this the timer fires after
-            // disabled is set and re-opens the tooltip.
+            // timing flips to 'never' and re-opens the tooltip.
             if (this._showTimeout) {
                 clearTimeout(this._showTimeout);
                 this._showTimeout = null;
@@ -127,12 +132,12 @@ let NLDDTooltip = class NLDDTooltip extends LitElement {
         if (trigger.getRootNode() !== document) {
             return;
         }
-        // Suppress the description when disabled — same intent as hiding the
-        // visual popover. Without this, screen readers would still announce
-        // the redundant tooltip text (the primary use-case for `disabled` is
-        // `?disabled=${!isShort}` in document-tab-bar, where the full label is
-        // already visible inline).
-        if (this.text && !this.disabled) {
+        // Suppress the description when timing is 'never' — same intent as
+        // hiding the visual popover. Without this, screen readers would still
+        // announce the redundant tooltip text (the primary use-case for
+        // `timing='never'` is `.timing=${isShort ? 'default' : 'never'}` in
+        // document-tab-bar, where the full label is already visible inline).
+        if (this.text && this.timing !== 'never') {
             if (!this._descriptionEl) {
                 this._descriptionEl = document.createElement('span');
                 this._descriptionEl.id = this._tooltipId;
@@ -164,7 +169,7 @@ let NLDDTooltip = class NLDDTooltip extends LitElement {
         return this.shadowRoot?.querySelector('.tooltip') ?? null;
     }
     _handleTriggerEnter() {
-        if (this.disabled)
+        if (this.timing === 'never')
             return;
         if (!this.text)
             return;
@@ -174,12 +179,19 @@ let NLDDTooltip = class NLDDTooltip extends LitElement {
             clearTimeout(this._hideTimeout);
             this._hideTimeout = null;
         }
+        // `timing='instant'` skips the hover show-delay. Touch suppression and
+        // the hide-delay still apply — only the show timer is bypassed.
+        if (this._showTimeout)
+            clearTimeout(this._showTimeout);
+        if (this.timing === 'instant') {
+            this._showTimeout = null;
+            this._visible = true;
+            return;
+        }
         // Pointer-hover show delay: schedule via JS now that the visibility
         // transition is binary (popover open/closed) and the CSS no longer
         // holds the delay. Read the same `--_show-delay` token so the value
         // stays consumer-tunable from CSS.
-        if (this._showTimeout)
-            clearTimeout(this._showTimeout);
         const parsedShow = parseInt(getComputedStyle(this).getPropertyValue('--_show-delay'), 10);
         const showDelay = Number.isFinite(parsedShow) ? parsedShow : DEFAULT_SHOW_DELAY_MS;
         this._showTimeout = setTimeout(() => {
@@ -188,7 +200,7 @@ let NLDDTooltip = class NLDDTooltip extends LitElement {
         }, showDelay);
     }
     _handleFocusIn() {
-        if (this.disabled)
+        if (this.timing === 'never')
             return;
         if (!this.text)
             return;
@@ -290,8 +302,8 @@ __decorate([
     property({ type: String, reflect: true })
 ], NLDDTooltip.prototype, "placement", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true })
-], NLDDTooltip.prototype, "disabled", void 0);
+    property({ type: String, reflect: true })
+], NLDDTooltip.prototype, "timing", void 0);
 __decorate([
     state()
 ], NLDDTooltip.prototype, "_visible", void 0);

package/dist/components/content/tooltip/tooltip.js.map

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

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

@@ -26,11 +26,11 @@ export const tooltipStyles = css `
 
 	.tooltip {
 		position: fixed;
+		opacity: 0;
 		margin: 0;
-		padding: 0;
 		border: none;
 		background: none;
-		opacity: 0;
+		padding: 0;
 		transition:
 			opacity var(--_hide-duration) ease,
 			display var(--_hide-duration) allow-discrete,
@@ -55,16 +55,16 @@ export const tooltipStyles = css `
 	/* ## Tooltip body */
 
 	.tooltip__body {
+		box-shadow: var(--components-tooltip-box-shadow);
+		border-radius: var(--primitives-corner-radius-xs);
 		background-color: var(--components-tooltip-background-color);
-		color: var(--components-tooltip-content-color);
-		font: var(--primitives-font-body-xs-regular-tight);
-		padding-block: var(--primitives-space-4);
-		padding-inline: var(--primitives-space-8);
 		width: max-content;
 		max-width: var(--_max-width);
+		padding-block: var(--primitives-space-4);
+		padding-inline: var(--primitives-space-8);
+		color: var(--components-tooltip-content-color);
+		font: var(--primitives-font-body-xs-regular-tight);
 		overflow-wrap: break-word;
-		box-shadow: var(--components-tooltip-box-shadow);
-		border-radius: var(--primitives-corner-radius-xs);
 	}
 
 

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

@@ -40,9 +40,9 @@ export const formActionsStyles = css `
 	:host(:not([label-alignment])[form-label-alignment='right']) .form-actions::before {
 		@container (min-width: 641px) {
 			content: '';
+			width: var(--semantics-forms-label-column-width);
 			flex-grow: 0;
 			flex-shrink: 0;
-			width: var(--semantics-forms-label-column-width);
 		}
 	}
 
@@ -51,10 +51,10 @@ export const formActionsStyles = css `
 
 	.form-actions__main {
 		display: flex;
+		min-width: 0;
 		flex-grow: 1;
 		flex-shrink: 1;
 		flex-basis: 0;
-		min-width: 0;
 	}
 `;
 //# sourceMappingURL=form-actions.styles.js.map

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

@@ -43,8 +43,8 @@ export const formFieldStyles = css `
 
 	.form-field__header {
 		display: flex;
-		flex-direction: column;
 		box-sizing: border-box;
+		flex-direction: column;
 	}
 
 	:host([label-alignment='left']) .form-field__header,
@@ -52,11 +52,11 @@ export const formFieldStyles = css `
 	:host(:not([label-alignment])[form-label-alignment='left']) .form-field__header,
 	:host(:not([label-alignment])[form-label-alignment='right']) .form-field__header {
 		@container (min-width: 641px) {
+			width: var(--semantics-forms-label-column-width);
+			min-height: var(--semantics-controls-md-min-size);
 			flex-grow: 0;
 			flex-shrink: 0;
 			justify-content: center;
-			width: var(--semantics-forms-label-column-width);
-			min-height: var(--semantics-controls-md-min-size);
 		}
 	}
 
@@ -148,11 +148,11 @@ export const formFieldStyles = css `
 
 	.form-field__main {
 		display: flex;
+		min-width: 0;
 		flex-direction: column;
 		flex-grow: 1;
 		flex-shrink: 1;
 		flex-basis: 0;
-		min-width: 0;
 	}
 
 
@@ -192,10 +192,10 @@ export const formFieldHelpTextStyles = css `
 	/* # Links */
 
 	::slotted(a) {
+		border-radius: var(--primitives-corner-radius-xxs);
 		color: var(--semantics-links-color);
 		text-decoration: underline;
 		text-underline-offset: var(--primitives-space-2);
-		border-radius: var(--primitives-corner-radius-xxs);
 	}
 
 	@media (hover: hover) {
@@ -247,10 +247,10 @@ export const formFieldErrorTextStyles = css `
 	/* # Links */
 
 	::slotted(a) {
+		border-radius: var(--primitives-corner-radius-xxs);
 		color: var(--semantics-links-color);
 		text-decoration: underline;
 		text-underline-offset: var(--primitives-space-2);
-		border-radius: var(--primitives-corner-radius-xxs);
 	}
 
 	@media (hover: hover) {