@nldd/design-system 0.8.43 → 0.8.45

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

@@ -17,52 +17,46 @@ export const topTitleBarStyles = css `
 	/* # Block */
 
 	.top-title-bar {
+		box-sizing: border-box;
 		display: flex;
-		flex-direction: row;
-		align-items: center;
 		width: 100%;
-		box-sizing: border-box;
 		padding-inline: var(--primitives-space-6);
+		flex-direction: row;
+		align-items: center;
 	}
 
 
-	/* # Start */
+	/* # Elements */
 
 	.top-title-bar__start {
 		display: flex;
+		min-width: 0;
 		flex-direction: row;
-		align-items: center;
 		flex-grow: 1;
 		flex-shrink: 1;
 		flex-basis: 0;
-		min-width: 0;
+		align-items: center;
 	}
 
-
-	/* # End */
-
 	.top-title-bar__end {
 		display: flex;
+		margin-top: var(--primitives-space-6);
 		flex-direction: row;
-		align-items: center;
 		flex-grow: 0;
 		flex-shrink: 0;
-		margin-top: var(--primitives-space-6);
+		align-items: center;
 	}
 
 	.top-title-bar__end[hidden] {
 		display: none;
 	}
 
-
-	/* # Back button — text variant (default state) */
-
 	.top-title-bar__back-button {
 		display: var(--context-back-button-display, flex);
+		margin-top: var(--primitives-space-6);
+		min-width: 0;
 		flex-direction: row;
 		align-items: center;
-		min-width: 0;
-		margin-top: var(--primitives-space-6);
 	}
 
 	.top-title-bar__text-back-button {
@@ -74,9 +68,6 @@ export const topTitleBarStyles = css `
 		display: none;
 	}
 
-
-	/* # Back button — icon variant (compact state) */
-
 	.top-title-bar__icon-back-button {
 		display: none;
 	}
@@ -85,14 +76,11 @@ export const topTitleBarStyles = css `
 		display: flex;
 	}
 
-
-	/* # Divider */
-
 	.top-title-bar__divider {
 		display: none;
+		background-color: var(--components-top-title-bar-divider-color);
 		width: var(--semantics-dividers-thickness);
 		height: var(--primitives-space-24);
-		background-color: var(--components-top-title-bar-divider-color);
 		flex-shrink: 0;
 	}
 
@@ -100,20 +88,17 @@ export const topTitleBarStyles = css `
 		display: block;
 	}
 
-
-	/* # Title group */
-
 	.top-title-bar__title-group {
 		display: none;
-		flex-direction: column;
-		justify-content: center;
-		flex-grow: 1;
-		flex-shrink: 1;
+		margin-top: var(--primitives-space-6);
 		min-width: 0;
 		min-height: var(--semantics-controls-md-min-size);
-		margin-top: var(--primitives-space-6);
-		padding-inline: var(--primitives-space-10);
 		overflow: hidden;
+		padding-inline: var(--primitives-space-10);
+		flex-direction: column;
+		flex-grow: 1;
+		flex-shrink: 1;
+		justify-content: center;
 	}
 
 	:host(.is-compact) .top-title-bar__title-group {
@@ -122,9 +107,9 @@ export const topTitleBarStyles = css `
 
 	.top-title-bar__title {
 		margin: 0;
-		font: var(--primitives-font-body-lg-bold-flat);
-		color: var(--semantics-content-color);
 		overflow: hidden;
+		color: var(--semantics-content-color);
+		font: var(--primitives-font-body-lg-bold-flat);
 		text-overflow: ellipsis;
 		white-space: nowrap;
 	}
@@ -133,29 +118,23 @@ export const topTitleBarStyles = css `
 		font: var(--primitives-font-body-md-bold-flat);
 	}
 
+	@media (forced-colors: active) {
+		.top-title-bar__title {
+			color: CanvasText;
+		}
+	}
+
 	.top-title-bar__subtitle {
 		margin: 0;
-		font: var(--primitives-font-body-xxs-regular-flat);
-		color: var(--semantics-content-secondary-color);
 		overflow: hidden;
+		color: var(--semantics-content-secondary-color);
+		font: var(--primitives-font-body-xxs-regular-flat);
 		text-overflow: ellipsis;
 		white-space: nowrap;
 	}
 
-
-	/* # Dismiss button */
-
 	.top-title-bar__dismiss-button {
 		display: var(--context-dismiss-button-display, block);
 	}
-
-
-	/* # Accessibility: High Contrast Mode */
-
-	@media (forced-colors: active) {
-		.top-title-bar__title {
-			color: CanvasText;
-		}
-	}
 `;
 //# sourceMappingURL=top-title-bar.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"top-title-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8JnC,CAAC"}
+{"version":3,"file":"top-title-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyInC,CAAC"}

package/dist/components/{prism-typescript-BlIir5CV.js → prism-typescript-DG_p4Wyh.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./index-By2jYHEw.js";
+import { g as getDefaultExportFromCjs } from "./index-iTa3Ua3y.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.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":"AAEA,eAAO,MAAM,WAAW,yBAqIvB,CAAC"}
+{"version":3,"file":"badge.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/badge/badge.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,yBAwHvB,CAAC"}

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

@@ -6,14 +6,14 @@ export const badgeStyles = css `
 
 	:host {
 		--_background-color: var(--components-badge-critical-background-color);
-		--_content-color: var(--components-badge-critical-content-color);
 		--_height: var(--primitives-space-20);
 		--_inline-padding: var(--primitives-space-6);
 		--_gap: var(--primitives-space-3);
+		--_content-color: var(--components-badge-critical-content-color);
 		--_font: var(--primitives-font-body-xs-bold-flat);
+		--_dot-size: var(--primitives-space-10);
 		--_icon-size: var(--primitives-space-14);
 		--_icon-offset-correction: var(--primitives-space-1);
-		--_dot-size: var(--primitives-space-10);
 
 		display: inline-flex;
 		vertical-align: middle;
@@ -24,22 +24,11 @@ export const badgeStyles = css `
 		--_inline-padding: var(--primitives-space-4);
 		--_gap: var(--primitives-space-2);
 		--_font: var(--primitives-font-body-xxs-bold-flat);
-		--_icon-size: var(--primitives-space-12);
 		--_dot-size: var(--primitives-space-6);
+		--_icon-size: var(--primitives-space-12);
 	}
 
-	:host([hidden]) {
-		display: none;
-	}
-
-
-	/* ## Variants */
-
-	:host([color="critical"]),
-	:host(:not([color])) {
-		--_background-color: var(--components-badge-critical-background-color);
-		--_content-color: var(--components-badge-critical-content-color);
-	}
+	/* ## Color */
 
 	:host([color="accent"]) {
 		--_background-color: var(--components-badge-accent-background-color);
@@ -61,24 +50,36 @@ export const badgeStyles = css `
 		--_content-color: var(--components-badge-success-content-color);
 	}
 
+	:host([hidden]) {
+		display: none;
+	}
+
 
 	/* # Block */
 
 	.badge {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
 		box-sizing: border-box;
+		display: inline-flex;
+		border-radius: var(--components-badge-corner-radius);
+		box-shadow: 0 0 0 1px var(--context-parent-background-color, var(--semantics-surfaces-background-color));
+		background-color: var(--_background-color);
 		min-width: var(--_height);
 		height: var(--_height);
 		padding: 0 var(--_inline-padding);
 		gap: var(--_gap);
-		background-color: var(--_background-color);
+		align-items: center;
+		justify-content: center;
 		color: var(--_content-color);
-		border-radius: var(--components-badge-corner-radius);
-		box-shadow: 0 0 0 1px var(--context-parent-background-color, var(--semantics-surfaces-background-color));
-		white-space: nowrap;
 		font: var(--_font);
+		white-space: nowrap;
+	}
+
+	@media (forced-colors: active) {
+		.badge {
+			border: 1px solid CanvasText;
+			background-color: Canvas;
+			color: CanvasText;
+		}
 	}
 
 	.badge--dot {
@@ -95,15 +96,15 @@ export const badgeStyles = css `
 	}
 
 
-	/* # Icon */
+	/* # Elements */
 
 	.badge__icon {
 		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		flex-shrink: 0;
 		width: var(--_icon-size);
 		height: var(--_icon-size);
+		flex-shrink: 0;
+		align-items: center;
+		justify-content: center;
 	}
 
 	.badge__icon:has(+ .badge__text) {
@@ -115,22 +116,8 @@ export const badgeStyles = css `
 		height: 100%;
 	}
 
-
-	/* # Text */
-
 	.badge__text {
 		display: inline-block;
 	}
-
-
-	/* # Toegankelijkheid */
-
-	@media (forced-colors: active) {
-		.badge {
-			border: 1px solid CanvasText;
-			background-color: Canvas;
-			color: CanvasText;
-		}
-	}
 `;
 //# sourceMappingURL=badge.styles.js.map

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;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqI7B,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;AAE1B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwH7B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"inline-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBA2G9B,CAAC"}
+{"version":3,"file":"inline-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,yBA0G9B,CAAC"}

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

@@ -9,84 +9,86 @@ export const inlineDialogStyles = css `
 		--_icon-color: var(--components-inline-dialog-icon-color);
 
 		display: flex;
-		justify-content: center;
-		align-items: center;
 		flex-grow: 1;
+		align-items: center;
+		justify-content: center;
 	}
 
-	:host([hidden]) {
-		display: none;
+	:host([variant="alert"]) {
+		--_icon-color: var(--components-inline-dialog-icon-warning-color);
+	}
+
+	:host([variant="success"]) {
+		--_icon-color: var(--components-inline-dialog-icon-success-color);
+	}
+
+	:host([icon-color="secondary"]) {
+		--_icon-color: var(--components-inline-dialog-icon-secondary-color);
+	}
+
+	:host([icon-color="accent"]) {
+		--_icon-color: var(--components-inline-dialog-icon-accent-color);
+	}
+
+	:host([icon-color="critical"]) {
+		--_icon-color: var(--components-inline-dialog-icon-critical-color);
 	}
 
-	:host([variant='alert']) {
+	:host([icon-color="warning"]) {
 		--_icon-color: var(--components-inline-dialog-icon-warning-color);
 	}
 
-	:host([variant='success']) {
+	:host([icon-color="success"]) {
 		--_icon-color: var(--components-inline-dialog-icon-success-color);
 	}
 
-	:host([icon-color='secondary']) { --_icon-color: var(--components-inline-dialog-icon-secondary-color); }
-	:host([icon-color='accent'])    { --_icon-color: var(--components-inline-dialog-icon-accent-color); }
-	:host([icon-color='critical'])  { --_icon-color: var(--components-inline-dialog-icon-critical-color); }
-	:host([icon-color='warning'])   { --_icon-color: var(--components-inline-dialog-icon-warning-color); }
-	:host([icon-color='success'])   { --_icon-color: var(--components-inline-dialog-icon-success-color); }
+	:host([hidden]) {
+		display: none;
+	}
 
 
-	/* # Body */
+	/* # Elements */
 
 	.inline-dialog__body {
+		box-sizing: border-box;
 		display: flex;
+		max-width: var(--primitives-area-480);
 		flex-direction: column;
-		align-items: center;
 		flex-grow: 1;
-		box-sizing: border-box;
-		max-width: var(--primitives-area-480);
+		align-items: center;
 	}
 
-
-	/* # Icon */
-
 	.inline-dialog__icon {
 		display: flex;
-		align-items: center;
-		justify-content: center;
 		width: var(--_icon-size);
 		height: var(--_icon-size);
-		color: var(--_icon-color);
 		flex-shrink: 0;
+		align-items: center;
+		justify-content: center;
+		color: var(--_icon-color);
 	}
 
-
-	/* # Text */
-
 	.inline-dialog__text {
 		margin: 0;
-		font: var(--primitives-font-body-md-bold-tight);
-		color: var(--semantics-content-color);
 		text-align: center;
+		color: var(--semantics-content-color);
+		font: var(--primitives-font-body-md-bold-tight);
 		text-wrap: pretty;
 	}
 
 	.inline-dialog__text:focus-visible {
-		box-shadow: none;
 		outline: none;
+		box-shadow: none;
 	}
 
-
-	/* # Supporting text */
-
 	.inline-dialog__supporting-text {
 		margin: 0;
-		font: var(--primitives-font-body-sm-regular-tight);
-		color: var(--semantics-content-color);
 		text-align: center;
+		color: var(--semantics-content-color);
+		font: var(--primitives-font-body-sm-regular-tight);
 		text-wrap: pretty;
 	}
 
-
-	/* # Content */
-
 	.inline-dialog__content {
 		width: 100%;
 	}
@@ -95,9 +97,6 @@ export const inlineDialogStyles = css `
 		display: none;
 	}
 
-
-	/* # Actions */
-
 	.inline-dialog__actions {
 		width: 100%;
 		padding-top: var(--primitives-space-16);

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

@@ -1 +1 @@
-{"version":3,"file":"inline-dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2GpC,CAAC"}
+{"version":3,"file":"inline-dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/inline-dialog/inline-dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0GpC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"modal-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,yBA+F7B,CAAC"}
+{"version":3,"file":"modal-dialog.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,yBA2F7B,CAAC"}

package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js

@@ -22,17 +22,16 @@ export const modalDialogStyles = css `
 	/* # Block */
 
 	.modal-dialog {
+		box-sizing: border-box;
+		outline: none;
 		border: none;
-		max-width: var(--primitives-area-480);
+		border-radius: var(--semantics-overlays-corner-radius);
+		box-shadow: var(--semantics-overlays-box-shadow);
+		background-color: var(--semantics-surfaces-background-color);
 		width: calc(100% - var(--primitives-space-16) * 2);
+		max-width: var(--primitives-area-480);
 		max-height: var(--_max-height);
 		overflow-y: auto;
-		background-color: var(--semantics-surfaces-background-color);
-		border-radius: var(--semantics-overlays-corner-radius);
-		box-shadow: var(--semantics-overlays-box-shadow);
-		box-sizing: border-box;
-		outline: none;
-
 		padding: var(--primitives-space-16);
 
 		@media (min-width: ${mdMin}) {
@@ -45,15 +44,30 @@ export const modalDialogStyles = css `
 	}
 
 	.modal-dialog:focus-visible:not(.is-pointer-focus) {
-		box-shadow: var(--semantics-focus-ring-box-shadow), var(--semantics-overlays-box-shadow);
 		outline: var(--semantics-focus-ring-outline);
 		outline-offset: var(--semantics-focus-ring-outline-offset);
+		box-shadow: var(--semantics-focus-ring-box-shadow), var(--semantics-overlays-box-shadow);
 	}
 
 	.modal-dialog::backdrop {
 		background: var(--semantics-overlays-backdrop-color);
 	}
 
+	.modal-dialog[open] {
+		animation: modal-dialog-in var(--_animation-duration) var(--_animation-easing) both;
+	}
+
+	.modal-dialog.is-closing {
+		animation: modal-dialog-out var(--_animation-duration) var(--_animation-easing) both;
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		.modal-dialog[open],
+		.modal-dialog.is-closing {
+			animation: none;
+		}
+	}
+
 
 	/* # Keyframes */
 
@@ -78,23 +92,5 @@ export const modalDialogStyles = css `
 			transform: scale(0.95);
 		}
 	}
-
-	.modal-dialog[open] {
-		animation: modal-dialog-in var(--_animation-duration) var(--_animation-easing) both;
-	}
-
-	.modal-dialog.is-closing {
-		animation: modal-dialog-out var(--_animation-duration) var(--_animation-easing) both;
-	}
-
-
-	/* # Reduced motion */
-
-	@media (prefers-reduced-motion: reduce) {
-		.modal-dialog[open],
-		.modal-dialog.is-closing {
-			animation: none;
-		}
-	}
 `;
 //# sourceMappingURL=modal-dialog.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"modal-dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.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;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAkCb,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6D3B,CAAC"}
+{"version":3,"file":"modal-dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.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;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAiCb,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D3B,CAAC"}