@nldd/design-system 0.8.73 → 0.8.75

package/dist/components/inputs/date-picker/date-picker.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const datePickerStyles = css `
 	:host {
 		box-sizing: border-box;
@@ -13,6 +13,7 @@ export const datePickerStyles = css `
 		--_footer-margin-top: var(--primitives-space-8);
 		--_title-font: var(--primitives-font-display-5-sm);
 		--_title-button-corner-radius: var(--semantics-controls-sm-corner-radius);
+		--_title-button-min-size: var(--semantics-controls-sm-min-size);
 		--_title-picker-icon-size: var(--primitives-space-20);
 		--_weekday-header-font: var(--primitives-font-body-xs-regular-flat);
 		--_weekday-header-content-color: var(--semantics-content-secondary-color);
@@ -26,7 +27,7 @@ export const datePickerStyles = css `
 		--_width: initial;
 		--_day-size: var(--semantics-controls-md-min-size);
 		--_day-corner-radius: var(--semantics-controls-md-corner-radius);
-		--_day-font: var(--primitives-font-body-sm-regular-flat);
+		--_day-font: var(--primitives-font-body-sm-medium-flat);
 		--_day-indicator-inset: var(--primitives-space-2);
 		--_day-indicator-size: calc(var(--_day-size) - var(--_day-indicator-inset) * 2);
 		--_day-indicator-corner-radius: var(--_day-corner-radius);
@@ -59,6 +60,7 @@ export const datePickerStyles = css `
 	   asked for. */
 	:host([stacked]) {
 		--_title-font: var(--primitives-font-display-4-sm);
+		--_title-button-min-size: var(--semantics-controls-md-min-size);
 
 		width: var(--_width, 100%);
 	}
@@ -91,11 +93,18 @@ export const datePickerStyles = css `
 	}
 
 	.date-picker__title {
+		display: flex;
 		margin: 0;
+		align-items: center;
+		gap: var(--primitives-space-4);
 		font: var(--_title-font);
+		/* A heading that breaks between month and year stops answering the one
+		   question it is there for. */
+		white-space: nowrap;
 	}
 
-	.date-picker__title-button {
+	.date-picker__title-month-button,
+	.date-picker__title-year-button {
 		box-sizing: border-box;
 		display: flex;
 		margin: 0;
@@ -103,6 +112,7 @@ export const datePickerStyles = css `
 		border: none;
 		border-radius: var(--_title-button-corner-radius);
 		background: none;
+		min-height: var(--_title-button-min-size);
 		padding: 0;
 		align-items: center;
 		color: inherit;
@@ -118,7 +128,8 @@ export const datePickerStyles = css `
 		align-items: center;
 	}
 
-	.date-picker__title-button:focus-visible {
+	.date-picker__title-month-button:focus-visible,
+	.date-picker__title-year-button:focus-visible {
 		outline: var(--semantics-focus-ring-outline);
 		outline-offset: var(--semantics-focus-ring-outline-offset);
 		box-shadow: var(--semantics-focus-ring-box-shadow);

package/dist/components/inputs/date-picker/date-picker.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuC/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8SrB,CAAC"}
+{"version":3,"file":"date-picker.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAwC/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwTrB,CAAC"}

package/dist/components/inputs/date-picker/date-picker.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0CAA0C,CAAC;AAClD,OAAO,8BAA8B,CAAC;AAoLtC,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CA0C5E"}
+{"version":3,"file":"date-picker.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/date-picker/date-picker.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,4CAA4C,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,0CAA0C,CAAC;AAClD,OAAO,8BAA8B,CAAC;AAqNtC,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,cAAc,GAAG,cAAc,CA4C5E"}

package/dist/components/inputs/date-picker/date-picker.template.js

@@ -1,65 +1,95 @@
 import { html, nothing } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
-import { WEEKDAY_KEYS } from './date-picker.i18n.js';
+import { WEEKDAY_KEYS, MONTH_KEYS } from './date-picker.i18n.js';
 import './../../actions/icon-button/icon-button.js';
 import './../../actions/button/button.js';
 import './../../actions/button-bar/button-bar.js';
 import './../../actions/menu/menu.js';
 const TITLE_ID = 'date-picker-title';
+/**
+ * One part of the heading. With a single reachable month or year the chevron and
+ * its menu are dropped: a menu that opens to confirm the only thing you already
+ * know is worse than no menu, and the affordance promises a choice that is not
+ * there.
+ */
+function renderTitlePart(component, part, label, choices, expanded) {
+    if (choices < 2)
+        return html `<span class="date-picker__title-label">${label}</span>`;
+    return html `
+		<button class="date-picker__title-${part}-button"
+			type="button"
+			aria-haspopup="menu"
+			aria-expanded=${expanded ? 'true' : 'false'}
+		>
+			${label}
+			<span class="date-picker__title-picker-icon">
+				<nldd-icon
+					name="chevron-down-small"
+					aria-hidden="true"
+				></nldd-icon>
+			</span>
+		</button>
+	`;
+}
 /**
  * The month heading is a live region: without it a keyboard user paging through
  * months hears only day numbers change and never learns which month they are in.
  */
 function renderHeader(component) {
+    const months = component._months;
+    const years = component._years;
     return html `
 		<div class="date-picker__header">
 			<h2 class="date-picker__title"
 				id=${TITLE_ID}
 				aria-live="polite"
 			>
-				<button class="date-picker__title-button"
-					type="button"
-					aria-haspopup="menu"
-					aria-expanded=${component._yearMenuOpen ? 'true' : 'false'}
-				>
-					${component._title}
-					<span class="date-picker__title-picker-icon">
-						<nldd-icon
-							name="chevron-down-small"
-							aria-hidden="true"
-						></nldd-icon>
-					</span>
-				</button>
+				${renderTitlePart(component, 'month', component._monthLabel, months.length, component._monthMenuOpen)}
+				${renderTitlePart(component, 'year', String(component._viewYear), years.length, component._yearMenuOpen)}
 			</h2>
-			<nldd-menu
-				accessible-label=${component._t('components.date-picker.choose-year-action')}
-				max-items="8"
-				width="136px"
-				@toggle=${component._handleYearMenuToggle}
-			>
-				${component._years.map((year) => html `
-					<nldd-menu-item
-						type="radio"
-						text=${String(year)}
-						?selected=${year === component._viewYear}
-						@click=${() => component._handleYearSelect(year)}
-					></nldd-menu-item>
-				`)}
-			</nldd-menu>
+			${months.length < 2 ? nothing : html `
+				<nldd-menu class="date-picker__month-menu"
+					accessible-label=${component._t('components.date-picker.choose-month-action')}
+					width="176px"
+					@toggle=${component._handleMonthMenuToggle}
+				>
+					${months.map((month) => html `
+						<nldd-menu-item
+							type="radio"
+							text=${component._t(`components.date-picker.${MONTH_KEYS[month - 1]}-capitalize`)}
+							?selected=${month === component._viewMonth}
+							@click=${() => component._handleMonthSelect(month)}
+						></nldd-menu-item>
+					`)}
+				</nldd-menu>
+			`}
+			${years.length < 2 ? nothing : html `
+				<nldd-menu class="date-picker__year-menu"
+					accessible-label=${component._t('components.date-picker.choose-year-action')}
+					max-items="8"
+					width="136px"
+					@toggle=${component._handleYearMenuToggle}
+				>
+					${years.map((year) => html `
+						<nldd-menu-item
+							type="radio"
+							text=${String(year)}
+							?selected=${year === component._viewYear}
+							@click=${() => component._handleYearSelect(year)}
+						></nldd-menu-item>
+					`)}
+				</nldd-menu>
+			`}
 			${component._stacked ? nothing : html `
 				<div class="date-picker__pagination">
-					${renderPagination(component, 'sm', 'neutral-base', true)}
+					${renderPagination(component, 'sm', 'neutral-base')}
 				</div>
 			`}
 		</div>
 	`;
 }
-/**
- * The month arrows, with "Vandaag" between them when the wide layout keeps all
- * three in one bar. Stacked moves that button to the opposite corner, so whether
- * it belongs here is passed in rather than assumed.
- */
-function renderPagination(component, size, variant, withToday) {
+/** The month arrows. "Vandaag" is a shortcut, not paging, and sits in the footer. */
+function renderPagination(component, size, variant) {
     return html `
 		<nldd-button-bar
 			size=${size}
@@ -71,13 +101,6 @@ function renderPagination(component, size, variant, withToday) {
 				tooltip-timing="never"
 				@click=${() => component._shiftView(-1)}
 			></nldd-icon-button>
-			${withToday && component._todayReachable ? html `
-				<nldd-button-bar-divider></nldd-button-bar-divider>
-				<nldd-button
-					text=${component._t('components.date-picker.view-today-action')}
-					@click=${component._handleToday}
-				></nldd-button>
-			` : nothing}
 			<nldd-button-bar-divider></nldd-button-bar-divider>
 			<nldd-icon-button
 				icon="chevron-right"
@@ -88,14 +111,18 @@ function renderPagination(component, size, variant, withToday) {
 		</nldd-button-bar>
 	`;
 }
-/** Stacked only: "Vandaag" bottom-left, the month arrows bottom-right. */
-function renderFooter(component) {
+/**
+ * "Vandaag" sits bottom-left in both layouts. The header has room for a title
+ * that spells out its month only once that button is out of it, and a shortcut
+ * to today is not paging anyway. Stacked adds the month arrows bottom-right.
+ */
+function renderFooter(component, withPagination) {
     return html `
 		<div class="date-picker__footer">
 			<div class="date-picker__footer-start">
 				${component._todayReachable ? html `
 					<nldd-button
-						size="md"
+						size=${withPagination ? 'md' : 'sm'}
 						variant="neutral-tinted"
 						text=${component._t('components.date-picker.view-today-action')}
 						@click=${component._handleToday}
@@ -103,7 +130,7 @@ function renderFooter(component) {
 				` : nothing}
 			</div>
 			<div class="date-picker__footer-end">
-				${renderPagination(component, 'md', 'neutral-tinted', false)}
+				${withPagination ? renderPagination(component, 'md', 'neutral-tinted') : nothing}
 			</div>
 		</div>
 	`;
@@ -210,7 +237,9 @@ export function datePickerTemplate(component) {
 					`)}
 				</tbody>
 			</table>
-			${component._stacked ? renderFooter(component) : nothing}
+			${component._stacked || component._todayReachable
+        ? renderFooter(component, component._stacked)
+        : nothing}
 			<div class="date-picker__announcer"
 				role="status"
 				aria-live="polite"

package/dist/components/inputs/date-picker/date-picker.template.js.map

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

package/dist/components/inputs/dropdown/dropdown.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { slottedReset, inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { slottedReset, inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const dropdownStyles = css `
 	:host {
 		box-sizing: border-box;

package/dist/components/inputs/dropdown/dropdown.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE1F,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4B7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6GlB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Df,CAAC"}
+{"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE3F,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4B7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA6GlB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Df,CAAC"}

package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const multiLineTextFieldStyles = css `
 	:host {
 		box-sizing: border-box;

package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-line-text-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;IAmBvC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2IrB,CAAC"}
+{"version":3,"file":"multi-line-text-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;IAmBvC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2IrB,CAAC"}

package/dist/components/inputs/number-field/number-field.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const numberFieldStyles = css `
 	:host {
 		box-sizing: border-box;

package/dist/components/inputs/number-field/number-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;IAgBhC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHrB,CAAC"}
+{"version":3,"file":"number-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;IAgBhC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHrB,CAAC"}

package/dist/components/inputs/password-field/password-field.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"password-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,yBAwL/B,CAAC"}
+{"version":3,"file":"password-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,yBAmL/B,CAAC"}

package/dist/components/inputs/password-field/password-field.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const passwordFieldStyles = css `
 	:host {
 		box-sizing: border-box;
@@ -51,7 +51,6 @@ export const passwordFieldStyles = css `
 		border-radius: var(--_corner-radius);
 		background-color: var(--_background-color);
 		min-height: var(--_min-size);
-		overflow: hidden;
 		padding-left: calc(var(--_inline-padding) - var(--semantics-input-fields-border-width));
 		flex-direction: row;
 		align-items: center;
@@ -85,10 +84,6 @@ export const passwordFieldStyles = css `
 		box-shadow: var(--semantics-focus-ring-box-shadow);
 	}
 
-	.password-field:has(.password-field__visibility-toggle-button:focus-within) {
-		overflow: visible;
-	}
-
 
 	/* # Elements */
 

package/dist/components/inputs/password-field/password-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;IAoBlC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoKrB,CAAC"}
+{"version":3,"file":"password-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;IAoBlC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+JrB,CAAC"}

package/dist/components/inputs/radio-button-field/radio-button-field.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const radioButtonFieldStyles = css `
 	:host {
 		box-sizing: border-box;

package/dist/components/inputs/radio-button-field/radio-button-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;IASrC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC"}
+{"version":3,"file":"radio-button-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-field/radio-button-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;IASrC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC"}

package/dist/components/inputs/radio-button-group/radio-button-group.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const radioButtonGroupStyles = css `
 	:host {
 		box-sizing: border-box;

package/dist/components/inputs/radio-button-group/radio-button-group.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button-group.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;IASrC,kBAAkB;;;;;;;;;;;;;;;CAerB,CAAC"}
+{"version":3,"file":"radio-button-group.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button-group/radio-button-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;IASrC,kBAAkB;;;;;;;;;;;;;;;CAerB,CAAC"}

package/dist/components/inputs/search-field/search-field.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const searchFieldStyles = css `
 	:host {
 		box-sizing: border-box;

package/dist/components/inputs/search-field/search-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;IAmBhC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IrB,CAAC"}
+{"version":3,"file":"search-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;IAmBhC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8IrB,CAAC"}

package/dist/components/inputs/segmented-control/segmented-control.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const segmentedControlStyles = css `
 	:host {
 		box-sizing: border-box;

package/dist/components/inputs/segmented-control/segmented-control.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/segmented-control/segmented-control.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;IAerC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgErB,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;IAezC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0LrB,CAAC"}
+{"version":3,"file":"segmented-control.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/segmented-control/segmented-control.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;IAerC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgErB,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;IAezC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0LrB,CAAC"}

package/dist/components/inputs/switch-field/switch-field.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const switchFieldStyles = css `
 	:host {
 		box-sizing: border-box;

package/dist/components/inputs/switch-field/switch-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/switch-field/switch-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;IAShC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC"}
+{"version":3,"file":"switch-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/switch-field/switch-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;IAShC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCrB,CAAC"}

package/dist/components/inputs/text-editor/text-editor.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const textEditorStyles = css `
 
 

package/dist/components/inputs/text-editor/text-editor.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-editor.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmE/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAohBrB,CAAC"}
+{"version":3,"file":"text-editor.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-editor/text-editor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmE/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAohBrB,CAAC"}

package/dist/components/inputs/text-field/text-field.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const textFieldStyles = css `
 	:host {
 		box-sizing: border-box;

package/dist/components/inputs/text-field/text-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;IAiB9B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0IrB,CAAC"}
+{"version":3,"file":"text-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;IAiB9B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0IrB,CAAC"}

package/dist/components/inputs/toggle-button/toggle-button.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const toggleButtonStyles = css `
 	:host {
 		box-sizing: border-box;

package/dist/components/inputs/toggle-button/toggle-button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-button.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwBjC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoLrB,CAAC"}
+{"version":3,"file":"toggle-button.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;IAwBjC,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoLrB,CAAC"}

package/dist/components/inputs/token-field/token-field.styles.js

@@ -1,5 +1,5 @@
 import { css } from 'lit';
-import { inheritedTextReset } from '../../../assets/styles/style-resets.js';
+import { inheritedTextReset } from '../../../assets/styles/shadow-resets.js';
 export const tokenFieldStyles = css `
 	:host {
 		box-sizing: border-box;

package/dist/components/inputs/token-field/token-field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"token-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/token-field/token-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;IAoB/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8FlB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ErB,CAAC"}
+{"version":3,"file":"token-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/token-field/token-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAE7E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;IAoB/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8FlB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4ErB,CAAC"}

package/dist/components/layout/card/card.d.ts

@@ -14,6 +14,7 @@
  *
  * @element nldd-card
  *
+ * @attr {'base'|'tinted'} background - Vlakkleur van de kaart: `base` (standaard) op een gewone pagina-achtergrond, `tinted` wanneer de kaart juist mag opvallen tegen een base-surface
  * @attr {string} accessible-label - Toegankelijke naam van de kaart; bij `href`/`button` benoemt deze de link of knop, anders de kaart-region
  * @attr {string} href - Maakt de hele kaart een link naar deze URL (leeg = geen link)
  * @attr {boolean} button - Maakt de hele kaart een knop; genegeerd wanneer `href` is gezet
@@ -26,6 +27,7 @@
  * @slot footer - Footer-content (bijv. nldd-button-group) — altijd aan onderkant
  */
 import { LitElement } from 'lit';
+export type CardBackground = 'base' | 'tinted';
 declare const NLDDCard_base: (abstract new (...args: any[]) => LitElement & {
     translations: Partial<{
         'components.card.opens-in-new-tab-label': string;
@@ -34,6 +36,7 @@ declare const NLDDCard_base: (abstract new (...args: any[]) => LitElement & {
 }) & typeof LitElement;
 export declare class NLDDCard extends NLDDCard_base {
     static styles: import("lit").CSSResult;
+    background: CardBackground;
     accessibleLabel: string | undefined;
     /** When set, the whole card becomes one link to this URL via an overlay anchor.
      *  Nested interactive content must be raised above it (position: relative;

package/dist/components/layout/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/card.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;;;;;;;AAOjC,qBACa,QAAS,SAAQ,aAAkD;IAC/E,OAAgB,MAAM,0BAAc;IAGpC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IAEpC;;yCAEqC;IAErC,IAAI,SAAM;IAEV;;;uDAGmD;IAEnD,MAAM,UAAS;IAGf,MAAM,SAAM;IAGZ,GAAG,SAAM;IAET;iEAC6D;IAC7D,YAAY,IAAI,MAAM;IAStB,OAAO,CAAC,YAAY,CAAS;IAE7B;;;8DAG0D;IAE1D,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,UAAU,CAKhB;IAEF,OAAO,CAAC,WAAW,CAEjB;IAEO,iBAAiB;IAiBjB,OAAO,IAAI,IAAI;IAgBxB,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAI9B;IAEO,oBAAoB;IAMpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/card.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAQjC,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,QAAQ,CAAC;;;;;;;AAE/C,qBACa,QAAS,SAAQ,aAAkD;IAC/E,OAAgB,MAAM,0BAAc;IAGpC,UAAU,EAAE,cAAc,CAAU;IAGpC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IAEpC;;yCAEqC;IAErC,IAAI,SAAM;IAEV;;;uDAGmD;IAEnD,MAAM,UAAS;IAGf,MAAM,SAAM;IAGZ,GAAG,SAAM;IAET;iEAC6D;IAC7D,YAAY,IAAI,MAAM;IAStB,OAAO,CAAC,YAAY,CAAS;IAE7B;;;8DAG0D;IAE1D,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,UAAU,CAKhB;IAEF,OAAO,CAAC,WAAW,CAEjB;IAEO,iBAAiB;IAiBjB,OAAO,IAAI,IAAI;IAgBxB,aAAa,GAAI,GAAG,KAAK,KAAG,IAAI,CAI9B;IAEO,oBAAoB;IAMpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,WAAW,EAAE,QAAQ,CAAC;KACtB;CACD"}

package/dist/components/layout/card/card.js

@@ -14,6 +14,7 @@
  *
  * @element nldd-card
  *
+ * @attr {'base'|'tinted'} background - Vlakkleur van de kaart: `base` (standaard) op een gewone pagina-achtergrond, `tinted` wanneer de kaart juist mag opvallen tegen een base-surface
  * @attr {string} accessible-label - Toegankelijke naam van de kaart; bij `href`/`button` benoemt deze de link of knop, anders de kaart-region
  * @attr {string} href - Maakt de hele kaart een link naar deze URL (leeg = geen link)
  * @attr {boolean} button - Maakt de hele kaart een knop; genegeerd wanneer `href` is gezet
@@ -33,6 +34,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
+import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
 import { cardStyles } from './card.styles.js';
 import { cardTemplate } from './card.template.js';
 import { withTranslations } from '../../../utilities/with-translations.js';
@@ -40,6 +42,7 @@ import { nlddCardTranslations } from './card.i18n.js';
 let NLDDCard = class NLDDCard extends withTranslations(LitElement, nlddCardTranslations) {
     constructor() {
         super(...arguments);
+        this.background = 'base';
         /** When set, the whole card becomes one link to this URL via an overlay anchor.
          *  Nested interactive content must be raised above it (position: relative;
          *  z-index: 1) to stay clickable. */
@@ -125,6 +128,9 @@ let NLDDCard = class NLDDCard extends withTranslations(LitElement, nlddCardTrans
     }
 };
 NLDDCard.styles = cardStyles;
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('base') })
+], NLDDCard.prototype, "background", void 0);
 __decorate([
     property({ type: String, attribute: 'accessible-label' })
 ], NLDDCard.prototype, "accessibleLabel", void 0);

package/dist/components/layout/card/card.js.map

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

package/dist/components/layout/card/card.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAyHtB,CAAC"}
+{"version":3,"file":"card.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/card/card.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAmItB,CAAC"}