@nldd/design-system 0.8.57 → 0.8.59

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

@@ -37,6 +37,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @attr {string} text - Label text. Falls back to the translated "Laden" when unset.
  * @attr {'default'|'instant'} timing - 'default' waits 1000ms before showing (anti-flash); 'instant' shows immediately (the fade-in still plays). Default 'default'.
  * @attr {boolean} complete - Mark the loader as finished while keeping the element mounted; clears aria-busy and hides the indicator.
+ * @attr {boolean} backdrop - Dim and blur the content underneath with a frosted backdrop while loading (opt-in, default false). Uses the context parent background colour (fallback: base surface) at one minus the disabled opacity, plus a backdrop blur.
  * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
  *
  * @slot - Optional custom indicator; overrides the default circle (and its
@@ -65,6 +66,11 @@ let NLDDActivityIndicator = class NLDDActivityIndicator extends LitElement {
         /** Mark the loader as finished while keeping the element mounted.
          *  Clears aria-busy and hides the indicator. Default false. */
         this.complete = false;
+        /** Dim and blur the content underneath with a frosted backdrop while
+         *  loading. The layer takes the context parent background colour (fallback:
+         *  base surface) at one minus the disabled opacity, plus a backdrop blur.
+         *  Opt-in; default false. */
+        this.backdrop = false;
         this.translations = {};
         this._visible = false;
     }
@@ -150,6 +156,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NLDDActivityIndicator.prototype, "complete", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDActivityIndicator.prototype, "backdrop", void 0);
 __decorate([
     property({ type: Object })
 ], NLDDActivityIndicator.prototype, "translations", void 0);

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

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

package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity-indicator.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/activity-indicator/activity-indicator.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,yBAmJnC,CAAC"}
+{"version":3,"file":"activity-indicator.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/activity-indicator/activity-indicator.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,uBAAuB,yBAgLnC,CAAC"}

package/dist/components/status-and-feedback/activity-indicator/activity-indicator.styles.js

@@ -17,6 +17,7 @@ export const activityIndicatorStyles = css `
 		--_max-width: var(--primitives-area-240);
 		--_gap: var(--primitives-space-4);
 		--_text-font: var(--primitives-font-body-sm-regular-flat);
+		--_backdrop-blur: 3px;
 
 		${inheritedTextReset}
 		box-sizing: border-box;
@@ -34,6 +35,12 @@ export const activityIndicatorStyles = css `
 		display: none;
 	}
 
+	/* The opt-in backdrop is an absolutely-positioned layer that fills the host,
+	   so the host has to be its containing block. */
+	:host([backdrop]) {
+		position: relative;
+	}
+
 
 	/* ## Sizes (icon scale) */
 
@@ -58,6 +65,9 @@ export const activityIndicatorStyles = css `
 	   circle and the label stay centred via align-items. */
 
 	.activity-indicator {
+		/* position:relative so it paints above the absolutely-positioned backdrop
+		   (both are z-index:auto; the backdrop comes first in the DOM). */
+		position: relative;
 		display: flex;
 		flex-direction: column;
 		width: 100%;
@@ -71,6 +81,24 @@ export const activityIndicatorStyles = css `
 		from { opacity: 0; }
 	}
 
+	/* Opt-in dimming layer (the backdrop attribute): the context parent
+	   background colour — fallback the base surface — at one minus the disabled
+	   opacity, so the content underneath reads as inactive while loading. Fades
+	   in with the indicator. */
+	.activity-indicator__backdrop {
+		position: absolute;
+		inset: 0;
+		/* Frosted dim: the parent surface — fallback base surface — as a
+		   translucent fill at one minus the disabled opacity (a translucent
+		   colour, not element opacity, which would hide the blur), plus a blur so
+		   the content behind reads as inactive. backdrop-filter degrades
+		   gracefully where unsupported, leaving just the translucent fill. */
+		background-color: color-mix(in oklab, var(--context-parent-background-color, var(--semantics-surfaces-base-background-color)) calc((1 - var(--primitives-opacity-disabled)) * 100%), transparent);
+		-webkit-backdrop-filter: blur(var(--_backdrop-blur));
+		backdrop-filter: blur(var(--_backdrop-blur));
+		animation: activity-indicator-fade-in var(--_fade-duration) var(--_fade-easing);
+	}
+
 	/* display:contents so the default circle + label (or a slotted override)
 	   are direct flex items of the block. */
 	slot {
@@ -132,7 +160,8 @@ export const activityIndicatorStyles = css `
 	/* # Accessibility */
 
 	@media (prefers-reduced-motion: reduce) {
-		.activity-indicator {
+		.activity-indicator,
+		.activity-indicator__backdrop {
 			animation: none;
 		}
 

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

@@ -1 +1 @@
-{"version":3,"file":"activity-indicator.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/activity-indicator/activity-indicator.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;IAkBtC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiIrB,CAAC"}
+{"version":3,"file":"activity-indicator.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/activity-indicator/activity-indicator.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;IAmBtC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6JrB,CAAC"}

package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"activity-indicator.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/activity-indicator/activity-indicator.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErE,wBAAgB,yBAAyB,CAAC,SAAS,EAAE,qBAAqB,yDAoCzE"}
+{"version":3,"file":"activity-indicator.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/activity-indicator/activity-indicator.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErE,wBAAgB,yBAAyB,CAAC,SAAS,EAAE,qBAAqB,yDAqCzE"}

package/dist/components/status-and-feedback/activity-indicator/activity-indicator.template.js

@@ -10,6 +10,7 @@ export function activityIndicatorTemplate(component) {
     // role="status" host; show-text only controls whether it is visible.
     const text = component._accessibleName;
     return html `
+		${component.backdrop ? html `<div class="activity-indicator__backdrop" aria-hidden="true"></div>` : nothing}
 		<div class="activity-indicator">
 			<slot>
 				<svg class="activity-indicator__circle"

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

@@ -1 +1 @@
-{"version":3,"file":"activity-indicator.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/activity-indicator/activity-indicator.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD,MAAM,UAAU,yBAAyB,CAAC,SAAgC;IACzE,yEAAyE;IACzE,oEAAoE;IACpE,uEAAuE;IACvE,IAAI,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,QAAQ;QAAE,OAAO,OAAO,CAAC;IAC9D,iEAAiE;IACjE,qEAAqE;IACrE,MAAM,IAAI,GAAG,SAAS,CAAC,eAAe,CAAC;IACvC,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;kBAqBM,QAAQ,CAAC;QACvB,0BAA0B,EAAE,IAAI;QAChC,2CAA2C,EAAE,CAAC,SAAS,CAAC,QAAQ;KAChE,CAAC,IAAI,IAAI;;;EAGX,CAAC;AACH,CAAC"}
+{"version":3,"file":"activity-indicator.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/activity-indicator/activity-indicator.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD,MAAM,UAAU,yBAAyB,CAAC,SAAgC;IACzE,yEAAyE;IACzE,oEAAoE;IACpE,uEAAuE;IACvE,IAAI,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,QAAQ;QAAE,OAAO,OAAO,CAAC;IAC9D,iEAAiE;IACjE,qEAAqE;IACrE,MAAM,IAAI,GAAG,SAAS,CAAC,eAAe,CAAC;IACvC,OAAO,IAAI,CAAA;IACR,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,qEAAqE,CAAC,CAAC,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;kBAqB1F,QAAQ,CAAC;QACvB,0BAA0B,EAAE,IAAI;QAChC,2CAA2C,EAAE,CAAC,SAAS,CAAC,QAAQ;KAChE,CAAC,IAAI,IAAI;;;EAGX,CAAC;AACH,CAAC"}

package/dist/components/status-and-feedback/badge/badge.d.ts

@@ -16,7 +16,7 @@
  */
 import { LitElement } from 'lit';
 import './../../content/icon/icon.js';
-type Color = 'critical' | 'accent' | 'neutral' | 'warning' | 'success' | 'coolgray' | 'lintblauw' | 'donkerblauw' | 'hemelblauw' | 'lichtblauw' | 'paars' | 'violet' | 'robijnrood' | 'roze' | 'rood' | 'oranje' | 'donkergeel' | 'geel' | 'donkerbruin' | 'bruin' | 'donkergroen' | 'groen' | 'mosgroen' | 'mintgroen';
+type Color = 'critical' | 'accent' | 'neutral' | 'warning' | 'success' | 'lintblauw' | 'donkerblauw' | 'hemelblauw' | 'lichtblauw' | 'paars' | 'violet' | 'robijnrood' | 'roze' | 'rood' | 'oranje' | 'donkergeel' | 'geel' | 'donkerbruin' | 'bruin' | 'donkergroen' | 'groen' | 'mosgroen' | 'mintgroen';
 type Size = 'sm' | 'md';
 declare const NLDDBadge_base: (abstract new (...args: any[]) => LitElement & {
     translations: Partial<{

package/dist/components/status-and-feedback/badge/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,8BAA8B,CAAC;AAEtC,KAAK,KAAK,GACP,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GACzD,UAAU,GACV,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GACzD,OAAO,GAAG,QAAQ,GAClB,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GACzC,YAAY,GAAG,MAAM,GACrB,aAAa,GAAG,OAAO,GACvB,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;AACtD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;;;;;;;AAExB,qBACa,SAAU,SAAQ,cAAmD;IACjF,OAAgB,MAAM,0BAAe;IAGrC,KAAK,EAAE,KAAK,CAAc;IAG1B,IAAI,EAAE,IAAI,CAAQ;IAGlB,IAAI,SAAM;IAGV,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,GAAG,SAAM;IAGT,IAAI,SAAM;IAGV,eAAe,SAAM;IAErB,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,aAAa,IAAI,MAAM,CAM1B;IAED,IAAI,UAAU,IAAI,MAAM,CAIvB;IAEQ,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,YAAY,EAAE,SAAS,CAAC;KACxB;CACD"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,8BAA8B,CAAC;AAEtC,KAAK,KAAK,GACP,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GACzD,WAAW,GAAG,aAAa,GAAG,YAAY,GAAG,YAAY,GACzD,OAAO,GAAG,QAAQ,GAClB,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GACzC,YAAY,GAAG,MAAM,GACrB,aAAa,GAAG,OAAO,GACvB,aAAa,GAAG,OAAO,GAAG,UAAU,GAAG,WAAW,CAAC;AACtD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;;;;;;;AAExB,qBACa,SAAU,SAAQ,cAAmD;IACjF,OAAgB,MAAM,0BAAe;IAGrC,KAAK,EAAE,KAAK,CAAc;IAG1B,IAAI,EAAE,IAAI,CAAQ;IAGlB,IAAI,SAAM;IAGV,MAAM,EAAE,MAAM,GAAG,SAAS,CAAa;IAGvC,GAAG,SAAM;IAGT,IAAI,SAAM;IAGV,eAAe,SAAM;IAErB,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,MAAM,IAAI,OAAO,CAEpB;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,aAAa,IAAI,MAAM,CAM1B;IAED,IAAI,UAAU,IAAI,MAAM,CAIvB;IAEQ,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,YAAY,EAAE,SAAS,CAAC;KACxB;CACD"}

package/dist/components/status-and-feedback/badge/badge.js.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,yBAsPvB,CAAC"}
+{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,yBAgPvB,CAAC"}

package/dist/components/status-and-feedback/badge/badge.styles.js

@@ -6,13 +6,13 @@ export const badgeStyles = css `
 	/* # Host */
 
 	:host {
-		--_background-color: var(--components-badge-critical-background-color);
-		--_border-color: var(--components-badge-critical-border-color);
+		--_background-color: var(--semantics-categories-critical-filled-background-color);
+		--_border-color: var(--semantics-categories-critical-filled-highlight-border-color);
 		--_border-width: var(--components-badge-border-width);
 		--_height: var(--primitives-space-20);
 		--_inline-padding: var(--primitives-space-6);
 		--_gap: var(--primitives-space-3);
-		--_content-color: var(--components-badge-critical-content-color);
+		--_content-color: var(--semantics-categories-critical-filled-primary-content-color);
 		--_font: var(--primitives-font-body-xs-medium-flat);
 		--_dot-size: var(--primitives-space-10);
 		--_icon-size: var(--primitives-space-14);
@@ -35,144 +35,138 @@ export const badgeStyles = css `
 	/* ## Color */
 
 	:host([color="accent"]) {
-		--_background-color: var(--components-badge-accent-background-color);
-		--_border-color: var(--components-badge-accent-border-color);
-		--_content-color: var(--components-badge-accent-content-color);
+		--_background-color: var(--semantics-categories-accent-filled-background-color);
+		--_border-color: var(--semantics-categories-accent-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-accent-filled-primary-content-color);
 	}
 
 	:host([color="neutral"]) {
-		--_background-color: var(--components-badge-neutral-background-color);
-		--_border-color: var(--components-badge-neutral-border-color);
-		--_content-color: var(--components-badge-neutral-content-color);
+		--_background-color: var(--semantics-categories-neutral-filled-background-color);
+		--_border-color: var(--semantics-categories-neutral-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-neutral-filled-primary-content-color);
 	}
 
 	:host([color="warning"]) {
-		--_background-color: var(--components-badge-warning-background-color);
-		--_border-color: var(--components-badge-warning-border-color);
-		--_content-color: var(--components-badge-warning-content-color);
+		--_background-color: var(--semantics-categories-warning-filled-background-color);
+		--_border-color: var(--semantics-categories-warning-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-warning-filled-primary-content-color);
 	}
 
 	:host([color="success"]) {
-		--_background-color: var(--components-badge-success-background-color);
-		--_border-color: var(--components-badge-success-border-color);
-		--_content-color: var(--components-badge-success-content-color);
+		--_background-color: var(--semantics-categories-success-filled-background-color);
+		--_border-color: var(--semantics-categories-success-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-success-filled-primary-content-color);
 	}
 
 
 	/* ## Color — rijkskleuren */
 
-	:host([color="coolgray"]) {
-		--_background-color: var(--components-badge-coolgray-background-color);
-		--_border-color: var(--components-badge-coolgray-border-color);
-		--_content-color: var(--components-badge-coolgray-content-color);
-	}
-
 	:host([color="lintblauw"]) {
-		--_background-color: var(--components-badge-lintblauw-background-color);
-		--_border-color: var(--components-badge-lintblauw-border-color);
-		--_content-color: var(--components-badge-lintblauw-content-color);
+		--_background-color: var(--semantics-categories-lintblauw-filled-background-color);
+		--_border-color: var(--semantics-categories-lintblauw-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-lintblauw-filled-primary-content-color);
 	}
 
 	:host([color="donkerblauw"]) {
-		--_background-color: var(--components-badge-donkerblauw-background-color);
-		--_border-color: var(--components-badge-donkerblauw-border-color);
-		--_content-color: var(--components-badge-donkerblauw-content-color);
+		--_background-color: var(--semantics-categories-donkerblauw-filled-background-color);
+		--_border-color: var(--semantics-categories-donkerblauw-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-donkerblauw-filled-primary-content-color);
 	}
 
 	:host([color="hemelblauw"]) {
-		--_background-color: var(--components-badge-hemelblauw-background-color);
-		--_border-color: var(--components-badge-hemelblauw-border-color);
-		--_content-color: var(--components-badge-hemelblauw-content-color);
+		--_background-color: var(--semantics-categories-hemelblauw-filled-background-color);
+		--_border-color: var(--semantics-categories-hemelblauw-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-hemelblauw-filled-primary-content-color);
 	}
 
 	:host([color="lichtblauw"]) {
-		--_background-color: var(--components-badge-lichtblauw-background-color);
-		--_border-color: var(--components-badge-lichtblauw-border-color);
-		--_content-color: var(--components-badge-lichtblauw-content-color);
+		--_background-color: var(--semantics-categories-lichtblauw-filled-background-color);
+		--_border-color: var(--semantics-categories-lichtblauw-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-lichtblauw-filled-primary-content-color);
 	}
 
 	:host([color="paars"]) {
-		--_background-color: var(--components-badge-paars-background-color);
-		--_border-color: var(--components-badge-paars-border-color);
-		--_content-color: var(--components-badge-paars-content-color);
+		--_background-color: var(--semantics-categories-paars-filled-background-color);
+		--_border-color: var(--semantics-categories-paars-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-paars-filled-primary-content-color);
 	}
 
 	:host([color="violet"]) {
-		--_background-color: var(--components-badge-violet-background-color);
-		--_border-color: var(--components-badge-violet-border-color);
-		--_content-color: var(--components-badge-violet-content-color);
+		--_background-color: var(--semantics-categories-violet-filled-background-color);
+		--_border-color: var(--semantics-categories-violet-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-violet-filled-primary-content-color);
 	}
 
 	:host([color="robijnrood"]) {
-		--_background-color: var(--components-badge-robijnrood-background-color);
-		--_border-color: var(--components-badge-robijnrood-border-color);
-		--_content-color: var(--components-badge-robijnrood-content-color);
+		--_background-color: var(--semantics-categories-robijnrood-filled-background-color);
+		--_border-color: var(--semantics-categories-robijnrood-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-robijnrood-filled-primary-content-color);
 	}
 
 	:host([color="roze"]) {
-		--_background-color: var(--components-badge-roze-background-color);
-		--_border-color: var(--components-badge-roze-border-color);
-		--_content-color: var(--components-badge-roze-content-color);
+		--_background-color: var(--semantics-categories-roze-filled-background-color);
+		--_border-color: var(--semantics-categories-roze-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-roze-filled-primary-content-color);
 	}
 
 	:host([color="rood"]) {
-		--_background-color: var(--components-badge-rood-background-color);
-		--_border-color: var(--components-badge-rood-border-color);
-		--_content-color: var(--components-badge-rood-content-color);
+		--_background-color: var(--semantics-categories-rood-filled-background-color);
+		--_border-color: var(--semantics-categories-rood-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-rood-filled-primary-content-color);
 	}
 
 	:host([color="oranje"]) {
-		--_background-color: var(--components-badge-oranje-background-color);
-		--_border-color: var(--components-badge-oranje-border-color);
-		--_content-color: var(--components-badge-oranje-content-color);
+		--_background-color: var(--semantics-categories-oranje-filled-background-color);
+		--_border-color: var(--semantics-categories-oranje-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-oranje-filled-primary-content-color);
 	}
 
 	:host([color="donkergeel"]) {
-		--_background-color: var(--components-badge-donkergeel-background-color);
-		--_border-color: var(--components-badge-donkergeel-border-color);
-		--_content-color: var(--components-badge-donkergeel-content-color);
+		--_background-color: var(--semantics-categories-donkergeel-filled-background-color);
+		--_border-color: var(--semantics-categories-donkergeel-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-donkergeel-filled-primary-content-color);
 	}
 
 	:host([color="geel"]) {
-		--_background-color: var(--components-badge-geel-background-color);
-		--_border-color: var(--components-badge-geel-border-color);
-		--_content-color: var(--components-badge-geel-content-color);
+		--_background-color: var(--semantics-categories-geel-filled-background-color);
+		--_border-color: var(--semantics-categories-geel-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-geel-filled-primary-content-color);
 	}
 
 	:host([color="donkerbruin"]) {
-		--_background-color: var(--components-badge-donkerbruin-background-color);
-		--_border-color: var(--components-badge-donkerbruin-border-color);
-		--_content-color: var(--components-badge-donkerbruin-content-color);
+		--_background-color: var(--semantics-categories-donkerbruin-filled-background-color);
+		--_border-color: var(--semantics-categories-donkerbruin-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-donkerbruin-filled-primary-content-color);
 	}
 
 	:host([color="bruin"]) {
-		--_background-color: var(--components-badge-bruin-background-color);
-		--_border-color: var(--components-badge-bruin-border-color);
-		--_content-color: var(--components-badge-bruin-content-color);
+		--_background-color: var(--semantics-categories-bruin-filled-background-color);
+		--_border-color: var(--semantics-categories-bruin-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-bruin-filled-primary-content-color);
 	}
 
 	:host([color="donkergroen"]) {
-		--_background-color: var(--components-badge-donkergroen-background-color);
-		--_border-color: var(--components-badge-donkergroen-border-color);
-		--_content-color: var(--components-badge-donkergroen-content-color);
+		--_background-color: var(--semantics-categories-donkergroen-filled-background-color);
+		--_border-color: var(--semantics-categories-donkergroen-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-donkergroen-filled-primary-content-color);
 	}
 
 	:host([color="groen"]) {
-		--_background-color: var(--components-badge-groen-background-color);
-		--_border-color: var(--components-badge-groen-border-color);
-		--_content-color: var(--components-badge-groen-content-color);
+		--_background-color: var(--semantics-categories-groen-filled-background-color);
+		--_border-color: var(--semantics-categories-groen-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-groen-filled-primary-content-color);
 	}
 
 	:host([color="mosgroen"]) {
-		--_background-color: var(--components-badge-mosgroen-background-color);
-		--_border-color: var(--components-badge-mosgroen-border-color);
-		--_content-color: var(--components-badge-mosgroen-content-color);
+		--_background-color: var(--semantics-categories-mosgroen-filled-background-color);
+		--_border-color: var(--semantics-categories-mosgroen-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-mosgroen-filled-primary-content-color);
 	}
 
 	:host([color="mintgroen"]) {
-		--_background-color: var(--components-badge-mintgroen-background-color);
-		--_border-color: var(--components-badge-mintgroen-border-color);
-		--_content-color: var(--components-badge-mintgroen-content-color);
+		--_background-color: var(--semantics-categories-mintgroen-filled-background-color);
+		--_border-color: var(--semantics-categories-mintgroen-filled-highlight-border-color);
+		--_content-color: var(--semantics-categories-mintgroen-filled-primary-content-color);
 	}
 
 	:host([hidden]) {

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

@@ -1 +1 @@
-{"version":3,"file":"badge.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;IAkB1B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoOrB,CAAC"}
+{"version":3,"file":"badge.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;IAkB1B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8NrB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"banner.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/banner/banner.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,yBA8JxB,CAAC"}
+{"version":3,"file":"banner.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/banner/banner.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,yBAgJxB,CAAC"}

package/dist/components/status-and-feedback/banner/banner.styles.js

@@ -8,13 +8,12 @@ export const bannerStyles = css `
 	:host {
 		--_corner-radius: var(--components-banner-corner-radius);
 		--_padding: var(--components-banner-padding);
-		--_background-color: var(--components-banner-neutral-background-color);
-		--_border-color: var(--components-banner-neutral-border-color);
+		--_background-color: var(--semantics-categories-neutral-tinted-background-color);
+		--_border-color: var(--semantics-categories-neutral-tinted-highlight-border-color);
 		--_border-width: var(--primitives-border-width-thin);
-		--_icon-color: var(--components-banner-neutral-icon-color);
+		--_icon-color: var(--semantics-categories-neutral-filled-background-color);
 		--_icon-size: var(--primitives-space-32);
 		--_content-color: var(--components-banner-content-color);
-		--_content-secondary-color: var(--components-banner-content-secondary-color);
 		--_text-icon-offset: calc((var(--_icon-size) - var(--primitives-font-size-100) * var(--primitives-line-height-tight)) / 2);
 		--_column-gap: var(--primitives-space-8);
 		--_dismissible-padding-right: var(--primitives-space-44);
@@ -25,10 +24,6 @@ export const bannerStyles = css `
 		box-sizing: border-box;
 		display: grid;
 		position: relative;
-		/* Inset box-shadow paints the 1px edge inside the radius without
-		   taking layout space, matching the highlight pattern nldd-box
-		   uses. forced-colors fallback below restores a real border for
-		   Windows High Contrast users (box-shadow is dropped there). */
 		border-radius: var(--_corner-radius);
 		box-shadow: inset 0 0 0 var(--_border-width) var(--_border-color);
 		background-color: var(--_background-color);
@@ -48,27 +43,33 @@ export const bannerStyles = css `
 	}
 
 	:host([variant="accent"]) {
-		--_background-color: var(--components-banner-accent-background-color);
-		--_border-color: var(--components-banner-accent-border-color);
-		--_icon-color: var(--components-banner-accent-icon-color);
+		--_background-color: var(--semantics-categories-accent-tinted-background-color);
+		--_border-color: var(--semantics-categories-accent-tinted-highlight-border-color);
+		--_icon-color: var(--semantics-categories-accent-reference-background-color);
 	}
 
 	:host([variant="success"]) {
-		--_background-color: var(--components-banner-success-background-color);
-		--_border-color: var(--components-banner-success-border-color);
-		--_icon-color: var(--components-banner-success-icon-color);
+		--_background-color: var(--semantics-categories-success-tinted-background-color);
+		--_border-color: var(--semantics-categories-success-tinted-highlight-border-color);
+		--_icon-color: var(--semantics-categories-success-reference-background-color);
 	}
 
 	:host([variant="warning"]) {
-		--_background-color: var(--components-banner-warning-background-color);
-		--_border-color: var(--components-banner-warning-border-color);
-		--_icon-color: var(--components-banner-warning-icon-color);
+		--_background-color: var(--semantics-categories-warning-tinted-background-color);
+		--_border-color: var(--semantics-categories-warning-tinted-highlight-border-color);
+		--_icon-color: var(--semantics-categories-warning-reference-background-color);
 	}
 
 	:host([variant="critical"]) {
-		--_background-color: var(--components-banner-critical-background-color);
-		--_border-color: var(--components-banner-critical-border-color);
-		--_icon-color: var(--components-banner-critical-icon-color);
+		--_background-color: var(--semantics-categories-critical-tinted-background-color);
+		--_border-color: var(--semantics-categories-critical-tinted-highlight-border-color);
+		--_icon-color: var(--semantics-categories-critical-reference-background-color);
+	}
+
+	@media (forced-colors: active) {
+		:host {
+			border: var(--_border-width) solid CanvasText;
+		}
 	}
 
 
@@ -113,7 +114,6 @@ export const bannerStyles = css `
 
 	.banner__supporting-text {
 		margin: 0;
-		color: var(--_content-secondary-color);
 		font: var(--primitives-font-body-md-regular-tight);
 		text-wrap: pretty;
 	}
@@ -144,19 +144,5 @@ export const bannerStyles = css `
 		top: 0;
 		right: 0;
 	}
-
-
-	/* # Accessibility
-	   forced-colors / Windows High Contrast strips box-shadow, so the inset
-	   edge would disappear and the banner would lose its semantic frame
-	   against the system background. Restore it with a real border in that
-	   mode. CanvasText is the system foreground color so the border always
-	   meets contrast. */
-
-	@media (forced-colors: active) {
-		:host {
-			border: var(--_border-width) solid CanvasText;
-		}
-	}
 `;
 //# sourceMappingURL=banner.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"banner.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/banner/banner.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;IAqB3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyIrB,CAAC"}
+{"version":3,"file":"banner.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/banner/banner.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;IAoB3B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4HrB,CAAC"}

package/dist/components/status-and-feedback/banner/banner.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"banner.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/banner/banner.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,wCA8CnD"}
+{"version":3,"file":"banner.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/banner/banner.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,wCAoDnD"}

package/dist/components/status-and-feedback/banner/banner.template.js

@@ -12,7 +12,9 @@ export function bannerTemplate(component) {
         }
     };
     return html `
-		<div class="banner__icon" aria-hidden="true">
+		<div class="banner__icon"
+			aria-hidden="true"
+		>
 			<nldd-icon name=${component._resolvedIcon}></nldd-icon>
 		</div>
 		<div class="banner__main">
@@ -24,10 +26,14 @@ export function bannerTemplate(component) {
 					` : nothing}
 				</div>
 			` : nothing}
-			<div class="banner__content" ?hidden=${!component._hasContent}>
+			<div class="banner__content"
+				?hidden=${!component._hasContent}
+			>
 				<slot></slot>
 			</div>
-			<div class="banner__actions" ?hidden=${!component._hasActions}>
+			<div class="banner__actions"
+				?hidden=${!component._hasActions}
+			>
 				<nldd-button-group orientation="horizontal">
 					<slot name="actions"></slot>
 				</nldd-button-group>

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

@@ -1 +1 @@
-{"version":3,"file":"banner.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/banner/banner.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE;QAChC,QAAQ,SAAS,CAAC,YAAY,EAAE,CAAC;YAChC,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,CAAA,4BAA4B,IAAI,OAAO,CAAC;YAC3D,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,CAAA,4BAA4B,IAAI,OAAO,CAAC;YAC3D,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,CAAA,4BAA4B,IAAI,OAAO,CAAC;YAC3D,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,CAAA,4BAA4B,IAAI,OAAO,CAAC;YAC3D,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,CAAA,4BAA4B,IAAI,OAAO,CAAC;YAC3D,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,CAAA,4BAA4B,IAAI,OAAO,CAAC;YAC3D,OAAO,CAAC,CAAC,OAAO,IAAI,CAAA,2BAA2B,IAAI,MAAM,CAAC;QAC3D,CAAC;IACF,CAAC,CAAC;IACF,OAAO,IAAI,CAAA;;qBAES,SAAS,CAAC,aAAa;;;KAGvC,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;;OAE/C,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO;OAClD,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;2CACK,SAAS,CAAC,cAAc;MAC7D,CAAC,CAAC,CAAC,OAAO;;IAEZ,CAAC,CAAC,CAAC,OAAO;0CAC4B,CAAC,SAAS,CAAC,WAAW;;;0CAGtB,CAAC,SAAS,CAAC,WAAW;;;;;;IAM5D,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;wBAMR,SAAS,CAAC,EAAE,CAAC,kCAAkC,CAAC;cAC1D,SAAS,CAAC,eAAe;;;GAGpC,CAAC,CAAC,CAAC,OAAO;EACX,CAAC;AACH,CAAC"}
+{"version":3,"file":"banner.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/banner/banner.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,cAAc,CAAC,SAAqB;IACnD,MAAM,OAAO,GAAG,CAAC,IAAY,EAAE,EAAE;QAChC,QAAQ,SAAS,CAAC,YAAY,EAAE,CAAC;YAChC,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,CAAA,4BAA4B,IAAI,OAAO,CAAC;YAC3D,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,CAAA,4BAA4B,IAAI,OAAO,CAAC;YAC3D,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,CAAA,4BAA4B,IAAI,OAAO,CAAC;YAC3D,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,CAAA,4BAA4B,IAAI,OAAO,CAAC;YAC3D,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,CAAA,4BAA4B,IAAI,OAAO,CAAC;YAC3D,KAAK,CAAC,CAAC,CAAC,OAAO,IAAI,CAAA,4BAA4B,IAAI,OAAO,CAAC;YAC3D,OAAO,CAAC,CAAC,OAAO,IAAI,CAAA,2BAA2B,IAAI,MAAM,CAAC;QAC3D,CAAC;IACF,CAAC,CAAC;IACF,OAAO,IAAI,CAAA;;;;qBAIS,SAAS,CAAC,aAAa;;;KAGvC,SAAS,CAAC,IAAI,IAAI,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;;OAE/C,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO;OAClD,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;2CACK,SAAS,CAAC,cAAc;MAC7D,CAAC,CAAC,CAAC,OAAO;;IAEZ,CAAC,CAAC,CAAC,OAAO;;cAEA,CAAC,SAAS,CAAC,WAAW;;;;;cAKtB,CAAC,SAAS,CAAC,WAAW;;;;;;;IAOhC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;wBAMR,SAAS,CAAC,EAAE,CAAC,kCAAkC,CAAC;cAC1D,SAAS,CAAC,eAAe;;;GAGpC,CAAC,CAAC,CAAC,OAAO;EACX,CAAC;AACH,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"inline-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,gBAAgB,wCAgC/D"}
+{"version":3,"file":"inline-dialog.template.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAE3D,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,gBAAgB,wCAoC/D"}

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

@@ -20,11 +20,15 @@ export function inlineDialogTemplate(component) {
 				${component.supportingText ? html `
 					<p class="inline-dialog__supporting-text">${component.supportingText}</p>
 				` : nothing}
-				<div class="inline-dialog__content" ?hidden=${!component._hasContent}>
+				<div class="inline-dialog__content"
+					?hidden=${!component._hasContent}
+				>
 					<slot></slot>
 				</div>
 			</div>
-			<div class="inline-dialog__footer" ?hidden=${!component._hasActions}>
+			<div class="inline-dialog__footer"
+				?hidden=${!component._hasActions}
+			>
 				<nldd-button-group orientation="vertical">
 					<slot name="actions"></slot>
 				</nldd-button-group>

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

@@ -1 +1 @@
-{"version":3,"file":"inline-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,oBAAoB,CAAC,SAA2B;IAC/D,OAAO,IAAI,CAAA;;;MAGN,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAA;;wBAEhB,SAAS,CAAC,iBAAiB;;KAE9C,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;OACpB,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;QAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;YAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;gBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;oBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;wBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;4BAC7F,CAAC,CAAC,IAAI,CAAA,kCAAkC,SAAS,CAAC,IAAI,MAAM;KAC5D,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;iDACY,SAAS,CAAC,cAAc;KACpE,CAAC,CAAC,CAAC,OAAO;kDACmC,CAAC,SAAS,CAAC,WAAW;;;;gDAIxB,CAAC,SAAS,CAAC,WAAW;;;;;;EAMpE,CAAC;AACH,CAAC"}
+{"version":3,"file":"inline-dialog.template.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAGpC,MAAM,UAAU,oBAAoB,CAAC,SAA2B;IAC/D,OAAO,IAAI,CAAA;;;MAGN,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAA;;wBAEhB,SAAS,CAAC,iBAAiB;;KAE9C,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA;OACpB,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;QAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;YAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;gBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;oBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;wBAC7F,CAAC,CAAC,SAAS,CAAC,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,SAAS,CAAC,IAAI,OAAO;4BAC7F,CAAC,CAAC,IAAI,CAAA,kCAAkC,SAAS,CAAC,IAAI,MAAM;KAC5D,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;iDACY,SAAS,CAAC,cAAc;KACpE,CAAC,CAAC,CAAC,OAAO;;eAEA,CAAC,SAAS,CAAC,WAAW;;;;;;cAMvB,CAAC,SAAS,CAAC,WAAW;;;;;;;EAOlC,CAAC;AACH,CAAC"}