@nldd/design-system 0.8.83 → 0.8.84

package/dist/css/rich-text.css

@@ -271,17 +271,17 @@ nldd-rich-text h6 {
 
 nldd-rich-text p {
 	margin: 0;
-	/* Vangnet, los van [hyphens]: laat lange URLs en Nederlandse
-	   samenstellingen breken zodra ze breder zijn dan de kolom, i.p.v. te
-	   overlopen op smalle (mobiele) breedtes. break-word (niet anywhere) raakt
-	   de grid-min-content-maat niet, dus de main-kolom blijft intact. */
+	/* Safety net, independent of [hyphens]: lets long URLs and Dutch compounds
+	   break as soon as they are wider than the column, instead of overflowing
+	   at narrow (mobile) widths. break-word (not anywhere) leaves the grid
+	   min-content size alone, so the main column stays intact. */
 	overflow-wrap: break-word;
 }
 
 
 /* # Hyphenation */
 
-/* Opt-in via [hyphens]; werkt alleen met een correcte `lang` op de pagina. */
+/* Opt-in through [hyphens]; only works with a correct `lang` on the page. */
 nldd-rich-text[hyphens] :is(p, li, dd) {
 	-webkit-hyphens: auto;
 	hyphens: auto;

package/dist/css/variables.css

@@ -367,6 +367,26 @@
 		var(--primitives-font-size-200) / var(--primitives-line-height-flat)
 		var(--primitives-font-family-body)
 	;
+	--primitives-font-body-lg-semi-bold-loose:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-200) / var(--primitives-line-height-loose)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-lg-semi-bold-snug:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-200) / var(--primitives-line-height-snug)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-lg-semi-bold-tight:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-200) / var(--primitives-line-height-tight)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-lg-semi-bold-flat:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-200) / var(--primitives-line-height-flat)
+		var(--primitives-font-family-body)
+	;
 	--primitives-font-body-lg-bold-loose:
 		var(--primitives-font-weight-body-bold)
 		var(--primitives-font-size-200) / var(--primitives-line-height-loose)
@@ -427,6 +447,26 @@
 		var(--primitives-font-size-100) / var(--primitives-line-height-flat)
 		var(--primitives-font-family-body)
 	;
+	--primitives-font-body-md-semi-bold-loose:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-100) / var(--primitives-line-height-loose)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-md-semi-bold-snug:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-100) / var(--primitives-line-height-snug)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-md-semi-bold-tight:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-100) / var(--primitives-line-height-tight)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-md-semi-bold-flat:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-100) / var(--primitives-line-height-flat)
+		var(--primitives-font-family-body)
+	;
 	--primitives-font-body-md-bold-loose:
 		var(--primitives-font-weight-body-bold)
 		var(--primitives-font-size-100) / var(--primitives-line-height-loose)
@@ -487,6 +527,26 @@
 		var(--primitives-font-size-90) / var(--primitives-line-height-flat)
 		var(--primitives-font-family-body)
 	;
+	--primitives-font-body-sm-semi-bold-loose:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-90) / var(--primitives-line-height-loose)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-sm-semi-bold-snug:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-90) / var(--primitives-line-height-snug)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-sm-semi-bold-tight:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-90) / var(--primitives-line-height-tight)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-sm-semi-bold-flat:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-90) / var(--primitives-line-height-flat)
+		var(--primitives-font-family-body)
+	;
 	--primitives-font-body-sm-bold-loose:
 		var(--primitives-font-weight-body-bold)
 		var(--primitives-font-size-90) / var(--primitives-line-height-loose)
@@ -547,6 +607,26 @@
 		var(--primitives-font-size-80) / var(--primitives-line-height-flat)
 		var(--primitives-font-family-body)
 	;
+	--primitives-font-body-xs-semi-bold-loose:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-80) / var(--primitives-line-height-loose)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-xs-semi-bold-snug:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-80) / var(--primitives-line-height-snug)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-xs-semi-bold-tight:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-80) / var(--primitives-line-height-tight)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-xs-semi-bold-flat:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-80) / var(--primitives-line-height-flat)
+		var(--primitives-font-family-body)
+	;
 	--primitives-font-body-xs-bold-loose:
 		var(--primitives-font-weight-body-bold)
 		var(--primitives-font-size-80) / var(--primitives-line-height-loose)
@@ -567,11 +647,6 @@
 		var(--primitives-font-size-80) / var(--primitives-line-height-flat)
 		var(--primitives-font-family-body)
 	;
-	--primitives-font-body-xxs-bold-flat:
-		var(--primitives-font-weight-body-bold)
-		var(--primitives-font-size-70) / var(--primitives-line-height-flat)
-		var(--primitives-font-family-body)
-	;
 	--primitives-font-body-xxs-regular-loose:
 		var(--primitives-font-weight-body-regular)
 		var(--primitives-font-size-70) / var(--primitives-line-height-loose)
@@ -612,6 +687,26 @@
 		var(--primitives-font-size-70) / var(--primitives-line-height-flat)
 		var(--primitives-font-family-body)
 	;
+	--primitives-font-body-xxs-semi-bold-loose:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-70) / var(--primitives-line-height-loose)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-xxs-semi-bold-snug:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-70) / var(--primitives-line-height-snug)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-xxs-semi-bold-tight:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-70) / var(--primitives-line-height-tight)
+		var(--primitives-font-family-body)
+	;
+	--primitives-font-body-xxs-semi-bold-flat:
+		var(--primitives-font-weight-body-semi-bold)
+		var(--primitives-font-size-70) / var(--primitives-line-height-flat)
+		var(--primitives-font-family-body)
+	;
 	--primitives-font-body-xxs-bold-loose:
 		var(--primitives-font-weight-body-bold)
 		var(--primitives-font-size-70) / var(--primitives-line-height-loose)
@@ -627,6 +722,11 @@
 		var(--primitives-font-size-70) / var(--primitives-line-height-tight)
 		var(--primitives-font-family-body)
 	;
+	--primitives-font-body-xxs-bold-flat:
+		var(--primitives-font-weight-body-bold)
+		var(--primitives-font-size-70) / var(--primitives-line-height-flat)
+		var(--primitives-font-family-body)
+	;
 
 	/* Monospace tokens use one font-size step smaller than the matching body
 	   size. Constant character widths in monospace render denser than
@@ -849,6 +949,7 @@
 
 	--semantics-surfaces-border-width: var(--semantics-dividers-thickness);
 	--semantics-surfaces-corner-radius: var(--primitives-corner-radius-lg);
+	--semantics-surfaces-ring-thickness: var(--primitives-border-width-regular);
 	--semantics-surfaces-base-background-color: light-dark(var(--primitives-color-neutral-0), var(--primitives-color-neutral-100));
 	--semantics-surfaces-base-border-color: var(--semantics-dividers-color);
 	--semantics-surfaces-tinted-background-color: light-dark(var(--primitives-color-neutral-25), var(--primitives-color-neutral-75));
@@ -1558,8 +1659,8 @@
 
 	/* ## Forms */
 
-	--semantics-forms-gap: var(--primitives-space-16);
-	--semantics-forms-gap-tight: var(--primitives-space-10);
+	--semantics-forms-fields-gap: var(--primitives-space-16);
+	--semantics-forms-sections-gap: var(--primitives-space-24);
 	--semantics-forms-label-column-width: var(--primitives-area-240);
 	--semantics-forms-columns-gap: var(--primitives-space-8);
 	--semantics-forms-section-title-font: var(--primitives-font-body-lg-bold-tight);