@nldd/design-system 0.8.42 → 0.8.44

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

@@ -18,11 +18,11 @@ export const topTitleBarStyles = css `
 
 	.top-title-bar {
 		display: flex;
-		flex-direction: row;
-		align-items: center;
-		width: 100%;
 		box-sizing: border-box;
+		width: 100%;
 		padding-inline: var(--primitives-space-6);
+		flex-direction: row;
+		align-items: center;
 	}
 
 
@@ -30,12 +30,12 @@ export const topTitleBarStyles = css `
 
 	.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;
 	}
 
 
@@ -43,11 +43,11 @@ export const topTitleBarStyles = css `
 
 	.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);
 	}
 
 	.top-title-bar__end[hidden] {
@@ -59,13 +59,15 @@ export const topTitleBarStyles = css `
 
 	.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;
-		margin-top: var(--primitives-space-6);
 	}
 
 	.top-title-bar__text-back-button {
 		display: flex;
+		min-width: 0;
 	}
 
 	:host(.is-compact) .top-title-bar__text-back-button {
@@ -88,9 +90,9 @@ export const topTitleBarStyles = css `
 
 	.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;
 	}
 
@@ -103,15 +105,15 @@ export const topTitleBarStyles = css `
 
 	.top-title-bar__title-group {
 		display: none;
+		margin-top: var(--primitives-space-6);
+		min-width: 0;
+		min-height: var(--semantics-controls-md-min-size);
+		overflow: hidden;
+		padding-inline: var(--primitives-space-10);
 		flex-direction: column;
 		justify-content: center;
 		flex-grow: 1;
 		flex-shrink: 1;
-		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;
 	}
 
 	:host(.is-compact) .top-title-bar__title-group {
@@ -120,9 +122,9 @@ export const topTitleBarStyles = css `
 
 	.top-title-bar__title {
 		margin: 0;
+		overflow: hidden;
 		font: var(--primitives-font-body-lg-bold-flat);
 		color: var(--semantics-content-color);
-		overflow: hidden;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 	}
@@ -133,9 +135,9 @@ export const topTitleBarStyles = css `
 
 	.top-title-bar__subtitle {
 		margin: 0;
+		overflow: hidden;
 		font: var(--primitives-font-body-xxs-regular-flat);
 		color: var(--semantics-content-secondary-color);
-		overflow: hidden;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 	}

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4JnC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8JnC,CAAC"}

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,wCAmD7D"}
+{"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"}

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

@@ -14,6 +14,7 @@ export function topTitleBarTemplate(component) {
 								start-icon="chevron-left"
 								text=${component.backText}
 								href=${component.backHref || nothing}
+								single-line
 								@click=${component._handleBack}
 							></nldd-button>
 						</div>

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;iBAC3B,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;;;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"}

package/dist/components/{prism-typescript-Cdpexfvg.js → prism-typescript-D2EqsCqV.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./index-CJ3mdHHo.js";
+import { g as getDefaultExportFromCjs } from "./index-1v33GjGX.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

@@ -6,7 +6,7 @@
  * Gebruik in een hoek van een ander element (bijv. een icon) of standalone.
  *
  * @element nldd-badge
- * @attr {string} variant - 'critical' | 'accent' | 'neutral' | 'warning' | 'success' (default: 'critical')
+ * @attr {string} color - 'critical' | 'accent' | 'neutral' | 'warning' | 'success' (default: 'critical')
  * @attr {string} size - Grootte: 'sm' | 'md' (default: 'md')
  * @attr {string} text - Tekst (heeft voorrang op number)
  * @attr {number} number - Numerieke waarde. Wordt beknopt als meer dan max
@@ -16,7 +16,7 @@
  */
 import { LitElement } from 'lit';
 import './../../content/icon/icon.js';
-type Variant = 'critical' | 'accent' | 'neutral' | 'warning' | 'success';
+type Color = 'critical' | 'accent' | 'neutral' | 'warning' | 'success';
 type Size = 'sm' | 'md';
 declare const NLDDBadge_base: (abstract new (...args: any[]) => LitElement & {
     translations: Partial<{
@@ -26,7 +26,7 @@ declare const NLDDBadge_base: (abstract new (...args: any[]) => LitElement & {
 }) & typeof LitElement;
 export declare class NLDDBadge extends NLDDBadge_base {
     static styles: import("lit").CSSResult;
-    variant: Variant;
+    color: Color;
     size: Size;
     text: string;
     number: number | undefined;

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,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AACzE,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;;;;;;;AAExB,qBACa,SAAU,SAAQ,cAAmD;IACjF,OAAgB,MAAM,0BAAe;IAGrC,OAAO,EAAE,OAAO,CAAc;IAG9B,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,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AACvE,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

@@ -6,7 +6,7 @@
  * Gebruik in een hoek van een ander element (bijv. een icon) of standalone.
  *
  * @element nldd-badge
- * @attr {string} variant - 'critical' | 'accent' | 'neutral' | 'warning' | 'success' (default: 'critical')
+ * @attr {string} color - 'critical' | 'accent' | 'neutral' | 'warning' | 'success' (default: 'critical')
  * @attr {string} size - Grootte: 'sm' | 'md' (default: 'md')
  * @attr {string} text - Tekst (heeft voorrang op number)
  * @attr {number} number - Numerieke waarde. Wordt beknopt als meer dan max
@@ -30,7 +30,7 @@ import './../../content/icon/icon.js';
 let NLDDBadge = class NLDDBadge extends withTranslations(LitElement, nlddBadgeTranslations) {
     constructor() {
         super(...arguments);
-        this.variant = 'critical';
+        this.color = 'critical';
         this.size = 'md';
         this.text = '';
         this.number = undefined;
@@ -69,7 +69,7 @@ let NLDDBadge = class NLDDBadge extends withTranslations(LitElement, nlddBadgeTr
 NLDDBadge.styles = badgeStyles;
 __decorate([
     property({ type: String, reflect: true })
-], NLDDBadge.prototype, "variant", void 0);
+], NLDDBadge.prototype, "color", void 0);
 __decorate([
     property({ type: String, reflect: true })
 ], NLDDBadge.prototype, "size", void 0);

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":"AAAA;;;;;;;;;;;;;;;GAeG;;;;;;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,8BAA8B,CAAC;AAM/B,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,gBAAgB,CAAC,UAAU,EAAE,qBAAqB,CAAC;IAA3E;;QAIN,YAAO,GAAY,UAAU,CAAC;QAG9B,SAAI,GAAS,IAAI,CAAC;QAGlB,SAAI,GAAG,EAAE,CAAC;QAGV,WAAM,GAAuB,SAAS,CAAC;QAGvC,QAAG,GAAG,EAAE,CAAC;QAGT,SAAI,GAAG,EAAE,CAAC;QAGV,oBAAe,GAAG,EAAE,CAAC;IA+BtB,CAAC;IA7BA,IAAI,QAAQ;QACX,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,CAAC;IACvD,CAAC;IAED,IAAI,MAAM;QACT,OAAO,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;IACrC,CAAC;IAED,IAAI,WAAW;QACd,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;IACtC,CAAC;IAED,IAAI,aAAa;QAChB,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC,IAAI,CAAC;QAChC,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YACrC,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACtE,CAAC;QACD,OAAO,EAAE,CAAC;IACX,CAAC;IAED,IAAI,UAAU;QACb,IAAI,IAAI,CAAC,eAAe;YAAE,OAAO,IAAI,CAAC,eAAe,CAAC;QACtD,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC,aAAa,CAAC;QAC7C,OAAO,IAAI,CAAC,EAAE,CAAC,oCAAoC,CAAC,CAAC;IACtD,CAAC;IAEQ,MAAM;QACd,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;;AAnDe,gBAAM,GAAG,WAAW,AAAd,CAAe;AAGrC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CACZ;AAG9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uCACxB;AAGlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCACH;AAGvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCACjC;AAGT;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;kDACrC;AAtBT,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAqDrB"}
+{"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.js

@@ -35,28 +35,28 @@ export const badgeStyles = css `
 
 	/* ## Variants */
 
-	:host([variant="critical"]),
-	:host(:not([variant])) {
+	:host([color="critical"]),
+	:host(:not([color])) {
 		--_background-color: var(--components-badge-critical-background-color);
 		--_content-color: var(--components-badge-critical-content-color);
 	}
 
-	:host([variant="accent"]) {
+	:host([color="accent"]) {
 		--_background-color: var(--components-badge-accent-background-color);
 		--_content-color: var(--components-badge-accent-content-color);
 	}
 
-	:host([variant="neutral"]) {
+	:host([color="neutral"]) {
 		--_background-color: var(--components-badge-neutral-background-color);
 		--_content-color: var(--components-badge-neutral-content-color);
 	}
 
-	:host([variant="warning"]) {
+	:host([color="warning"]) {
 		--_background-color: var(--components-badge-warning-background-color);
 		--_content-color: var(--components-badge-warning-content-color);
 	}
 
-	:host([variant="success"]) {
+	:host([color="success"]) {
 		--_background-color: var(--components-badge-success-background-color);
 		--_content-color: var(--components-badge-success-content-color);
 	}
@@ -66,17 +66,17 @@ export const badgeStyles = css `
 
 	.badge {
 		display: inline-flex;
-		align-items: center;
-		justify-content: center;
 		box-sizing: border-box;
+		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);
+		align-items: center;
+		justify-content: center;
 		gap: var(--_gap);
-		background-color: var(--_background-color);
 		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);
 	}
@@ -99,11 +99,11 @@ export const badgeStyles = css `
 
 	.badge__icon {
 		display: inline-flex;
+		width: var(--_icon-size);
+		height: var(--_icon-size);
 		align-items: center;
 		justify-content: center;
 		flex-shrink: 0;
-		width: var(--_icon-size);
-		height: var(--_icon-size);
 	}
 
 	.badge__icon:has(+ .badge__text) {

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

@@ -37,11 +37,11 @@ export const inlineDialogStyles = css `
 
 	.inline-dialog__body {
 		display: flex;
+		box-sizing: border-box;
+		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);
 	}
 
 
@@ -49,12 +49,12 @@ export const inlineDialogStyles = css `
 
 	.inline-dialog__icon {
 		display: flex;
-		align-items: center;
-		justify-content: center;
 		width: var(--_icon-size);
 		height: var(--_icon-size);
-		color: var(--_icon-color);
+		align-items: center;
+		justify-content: center;
 		flex-shrink: 0;
+		color: var(--_icon-color);
 	}
 
 
@@ -62,9 +62,9 @@ export const inlineDialogStyles = css `
 
 	.inline-dialog__text {
 		margin: 0;
+		text-align: center;
 		font: var(--primitives-font-body-md-bold-tight);
 		color: var(--semantics-content-color);
-		text-align: center;
 		text-wrap: pretty;
 	}
 
@@ -78,9 +78,9 @@ export const inlineDialogStyles = css `
 
 	.inline-dialog__supporting-text {
 		margin: 0;
+		text-align: center;
 		font: var(--primitives-font-body-sm-regular-tight);
 		color: var(--semantics-content-color);
-		text-align: center;
 		text-wrap: pretty;
 	}
 

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

@@ -22,16 +22,16 @@ export const modalDialogStyles = css `
 	/* # Block */
 
 	.modal-dialog {
+		box-sizing: border-box;
 		border: none;
+		border-radius: var(--semantics-overlays-corner-radius);
+		box-shadow: var(--semantics-overlays-box-shadow);
+		outline: none;
+		background-color: var(--semantics-surfaces-background-color);
 		max-width: var(--primitives-area-480);
 		width: calc(100% - var(--primitives-space-16) * 2);
 		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);
 

package/dist/css/global.css

@@ -1,4 +1,5 @@
 @import "./settings.css";
+@import "./reset.css";
 @import "./rich-text.css";
 @import "./form-section.css";
 @import "./form.css";

package/dist/css/reset.css

@@ -0,0 +1,7 @@
+@layer reset {
+	html:has(nldd-app-view),
+	html:has(nldd-app-view) body {
+		margin: 0;
+		height: 100%;
+	}
+}