@nldd/design-system 0.8.57 → 0.8.58

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

@@ -32,13 +32,17 @@ export function documentTabBarTemplate(component) {
 				?expanded=${component._menuOpen}
 			></nldd-icon-button>
 		</div>
-		<div class="document-tab-bar__end" hidden>
+		<div class="document-tab-bar__end"
+			hidden
+		>
 			<slot name="end" @slotchange=${component._onEndSlotChange}></slot>
 		</div>
 	`;
     return html `
 		${isNavigation
-        ? html `<nav class="document-tab-bar" aria-label=${label}>${inner}</nav>`
+        ? html `<nav class="document-tab-bar"
+					aria-label=${label}
+				>${inner}</nav>`
         : html `<div class="document-tab-bar">${inner}</div>`}
 		<div class="document-tab-bar__polite-announcer"
 			role="status"
@@ -63,7 +67,9 @@ export function documentTabBarItemTemplate(component) {
         ? `${component.text} · ${component.supportingText}`
         : component.text;
     const tabContent = html `
-		<span class="document-tab-bar__item-normal" aria-hidden="true">
+		<span class="document-tab-bar__item-normal"
+			aria-hidden="true"
+		>
 			<span class="document-tab-bar__item-text">${component.text}</span>
 			${component.supportingText
         ? html `<span class="document-tab-bar__item-supporting-text">${component.supportingText}</span>`

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

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

package/dist/components/navigation/pagination/pagination.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAqG5E"}
+{"version":3,"file":"pagination.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/pagination/pagination.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,0CAA0C,CAAC;AAClD,OAAO,4BAA4B,CAAC;AAEpC,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CA2G5E"}

package/dist/components/navigation/pagination/pagination.template.js

@@ -53,12 +53,16 @@ export function paginationTemplate(component) {
         e.preventDefault(); component._goToPage(component.current - 1); }}
 				></nldd-icon-button>
 			</div>
-			<div class="pagination__divider" aria-hidden="true">
+			<div class="pagination__divider"
+				aria-hidden="true"
+			>
 				<div class="pagination__divider-line"></div>
 			</div>
 			<div class="pagination__page-buttons">
 				${pages.map((page) => page === 'ellipsis'
-        ? html `<div class="pagination__ellipsis" aria-hidden="true">&hellip;</div>`
+        ? html `<div class="pagination__ellipsis"
+								aria-hidden="true"
+							>&hellip;</div>`
         : renderPageButton(page))}
 			</div>
 			<div class="pagination__compact">
@@ -81,7 +85,9 @@ export function paginationTemplate(component) {
 					</div>
 				</div>
 			</div>
-			<div class="pagination__divider" aria-hidden="true">
+			<div class="pagination__divider"
+				aria-hidden="true"
+			>
 				<div class="pagination__divider-line"></div>
 			</div>
 			<div class="pagination__next-button">

package/dist/components/navigation/pagination/pagination.template.js.map

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

package/dist/components/navigation/tab-bar/tab-bar.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,kCAAkC,CAAC;AAC1C,OAAO,4BAA4B,CAAC;AAGpC,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,CA0BpE;AAED,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAqD5E"}
+{"version":3,"file":"tab-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tab-bar/tab-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,kCAAkC,CAAC;AAC1C,OAAO,4BAA4B,CAAC;AAGpC,wBAAgB,cAAc,CAAC,SAAS,EAAE,UAAU,GAAG,cAAc,CA4BpE;AAED,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CAuD5E"}

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

@@ -15,7 +15,9 @@ export function tabBarTemplate(component) {
 	`;
     if (isNavigation) {
         return html `
-			<nav class="tab-bar" aria-label=${label}>
+			<nav class="tab-bar"
+				aria-label=${label}
+			>
 				${itemsContainer}
 			</nav>
 		`;
@@ -37,7 +39,9 @@ export function tabBarItemTemplate(component) {
      * placeholder whenever the consumer provided no icon. */
     const showPlaceholder = isIconVariant || component._effectiveVariant === 'icon-and-text';
     const content = html `
-		<span class="tab-bar__item-icon" aria-hidden="true">
+		<span class="tab-bar__item-icon"
+			aria-hidden="true"
+		>
 			${component.icon
         ? html `<nldd-icon name=${component.icon}></nldd-icon>`
         : html `<slot name="icon" @slotchange=${component._onIconSlotChange}>${showPlaceholder ? html `<nldd-icon name="icon-placeholder"></nldd-icon>` : nothing}</slot>`}

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

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

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

@@ -11,7 +11,7 @@ export const topNavigationBarStyles = css `
 	/* # Host */
 
 	:host {
-		--_logo-width: var(--primitives-space-40);
+		--_logo-width: var(--semantics-brand-ribbon-sm-width);
 		--_wordmark-content-color: light-dark(var(--primitives-color-reference-lintblauw), var(--primitives-color-neutral-1000));
 
 		${inheritedTextReset}
@@ -69,15 +69,15 @@ export const topNavigationBarStyles = css `
 		justify-content: center;
 
 		@container (max-width: ${smMax}) {
-			--_logo-width: var(--primitives-space-40);
+			--_logo-width: var(--semantics-brand-ribbon-sm-width);
 		}
 
 		@container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
-			--_logo-width: var(--primitives-space-44);
+			--_logo-width: var(--semantics-brand-ribbon-md-width);
 		}
 
 		@container (min-width: ${lgMin}) {
-			--_logo-width: var(--primitives-space-48);
+			--_logo-width: var(--semantics-brand-ribbon-lg-width);
 		}
 	}
 

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

@@ -1 +1 @@
-{"version":3,"file":"top-title-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,gCAAgC,CAAC;AACxC,OAAO,0CAA0C,CAAC;AAElD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,wCAoD7D"}
+{"version":3,"file":"top-title-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.template.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,gCAAgC,CAAC;AACxC,OAAO,0CAA0C,CAAC;AAElD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,wCAsD7D"}

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

@@ -38,7 +38,9 @@ export function topTitleBarTemplate(component) {
 					` : nothing}
 				</div>
 			</div>
-			<div class="top-title-bar__end" ?hidden=${!component.dismissText && !component._hasToolbarItems}>
+			<div class="top-title-bar__end"
+				?hidden=${!component.dismissText && !component._hasToolbarItems}
+			>
 				<slot name="toolbar" @slotchange=${component._onToolbarSlotChange}></slot>
 				${component.dismissText ? html `
 					<div class="top-title-bar__dismiss-button">

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

@@ -1 +1 @@
-{"version":3,"file":"top-title-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,0CAA0C,CAAC;AAElD,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC;IAEtC,OAAO,IAAI,CAAA;;;MAGN,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;eAMN,SAAS,CAAC,QAAQ;eAClB,SAAS,CAAC,QAAQ,IAAI,OAAO;;iBAE3B,SAAS,CAAC,WAAW;;;;;;;eAOvB,SAAS,CAAC,QAAQ;2BACN,SAAS,CAAC,QAAQ,IAAI,OAAO;eACzC,SAAS,CAAC,QAAQ,IAAI,OAAO;iBAC3B,SAAS,CAAC,WAAW;;;;;KAKjC,CAAC,CAAC,CAAC,OAAO;;wCAEyB,SAAS,CAAC,IAAI;OAC/C,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;2CACK,SAAS,CAAC,cAAc;MAC7D,CAAC,CAAC,CAAC,OAAO;;;6CAG6B,CAAC,SAAS,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,gBAAgB;uCAC3D,SAAS,CAAC,oBAAoB;MAC/D,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAIpB,SAAS,CAAC,WAAW;gBACnB,SAAS,CAAC,cAAc;;;KAGnC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC"}
+{"version":3,"file":"top-title-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAEpC,OAAO,gCAAgC,CAAC;AACxC,OAAO,0CAA0C,CAAC;AAElD,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,QAAQ,GAAG,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC;IAEtC,OAAO,IAAI,CAAA;;;MAGN,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA;;;;;;eAMN,SAAS,CAAC,QAAQ;eAClB,SAAS,CAAC,QAAQ,IAAI,OAAO;;iBAE3B,SAAS,CAAC,WAAW;;;;;;;eAOvB,SAAS,CAAC,QAAQ;2BACN,SAAS,CAAC,QAAQ,IAAI,OAAO;eACzC,SAAS,CAAC,QAAQ,IAAI,OAAO;iBAC3B,SAAS,CAAC,WAAW;;;;;KAKjC,CAAC,CAAC,CAAC,OAAO;;wCAEyB,SAAS,CAAC,IAAI;OAC/C,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;2CACK,SAAS,CAAC,cAAc;MAC7D,CAAC,CAAC,CAAC,OAAO;;;;cAIF,CAAC,SAAS,CAAC,WAAW,IAAI,CAAC,SAAS,CAAC,gBAAgB;;uCAE5B,SAAS,CAAC,oBAAoB;MAC/D,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAA;;;;cAIpB,SAAS,CAAC,WAAW;gBACnB,SAAS,CAAC,cAAc;;;KAGnC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC"}

package/dist/components/{prism-python-9EoInm_N.js → prism-python-BzzeiWRd.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./index-DHU98C6V.js";
+import { g as getDefaultExportFromCjs } from "./index-C2jQOZa6.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/components/{prism-rust-Chzr6sBk.js → prism-rust-DzgIGUtE.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./index-DHU98C6V.js";
+import { g as getDefaultExportFromCjs } from "./index-C2jQOZa6.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/components/{prism-typescript-DPJmu--x.js → prism-typescript-KyVBIohW.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./index-DHU98C6V.js";
+import { g as getDefaultExportFromCjs } from "./index-C2jQOZa6.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

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"}