@nldd/design-system 0.8.70 → 0.8.72

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

@@ -21,12 +21,15 @@ export const datePickerStyles = css `
 		--_week-number-column-width: var(--primitives-space-32);
 		--_week-number-font: var(--primitives-font-body-xs-regular-flat);
 		--_week-number-content-color: var(--semantics-content-secondary-color);
+		/* Set from JS by the width attribute; initial keeps it guaranteed-invalid
+		   so every var(--_width, ...) below falls back to its own default. */
+		--_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-indicator-inset: var(--primitives-space-2);
 		--_day-indicator-size: calc(var(--_day-size) - var(--_day-indicator-inset) * 2);
-		--_day-indicator-corner-radius: 50%;
+		--_day-indicator-corner-radius: var(--_day-corner-radius);
 		--_day-is-in-range-background-color: var(--semantics-categories-accent-tinted-background-color);
 		--_day-is-in-range-content-color: var(--semantics-content-color);
 		--_day-is-today-border-color: light-dark(var(--primitives-color-neutral-250), var(--primitives-color-neutral-400));
@@ -39,20 +42,25 @@ export const datePickerStyles = css `
 		${inheritedTextReset}
 		display: block;
 		/* Stated, not fit-content: the calendar inside is sized in percentages, so
-		   measuring it from here is circular and resolves to the container. */
-		width: calc(var(--_day-size) * 7);
+		   measuring it from here is circular and resolves to the container. The
+		   width attribute (--_width) overrides the intrinsic seven-cell width;
+		   the percentage-based inside stretches along. */
+		width: var(--_width, calc(var(--_day-size) * 7));
 		color: var(--semantics-content-color);
 		-webkit-tap-highlight-color: transparent;
 	}
 
 	:host([week-numbers]) {
-		width: calc(var(--_day-size) * 7 + var(--_week-number-column-width));
+		width: var(--_width, calc(var(--_day-size) * 7 + var(--_week-number-column-width)));
 	}
 
+	/* An explicit width attribute outranks the derived stacked width: stacked
+	   only describes how narrow the picker happens to be, not what the consumer
+	   asked for. */
 	:host([stacked]) {
 		--_title-font: var(--primitives-font-display-4-sm);
 
-		width: 100%;
+		width: var(--_width, 100%);
 	}
 
 	:host([hidden]) {
@@ -220,30 +228,14 @@ export const datePickerStyles = css `
 		transform: translate(-50%, -50%);
 	}
 
-	/* A selected range endpoint is not a full circle but a capsule half: rounded on
-	   the outer edge, square towards the range so it meets the band with no seam.
-	   The full circle still marks a lone selected day and both ends before the range
-	   is closed, when there is no band to connect to. */
-	.date-picker__day.is-range-start .date-picker__day-indicator,
-	.date-picker__day.is-range-end .date-picker__day-indicator {
-		top: var(--_day-indicator-inset);
-		left: auto;
-		border-radius: 0;
-		width: auto;
-		height: var(--_day-indicator-size);
-		transform: none;
-	}
-
-	.date-picker__day.is-range-start .date-picker__day-indicator {
-		inset-inline: var(--_day-indicator-inset) 0;
-		border-start-start-radius: var(--_day-indicator-size);
-		border-end-start-radius: var(--_day-indicator-size);
+	.date-picker__day.is-range-start:not(.is-range-end) .date-picker__day-indicator {
+		border-start-end-radius: 0;
+		border-end-end-radius: 0;
 	}
 
-	.date-picker__day.is-range-end .date-picker__day-indicator {
-		inset-inline: 0 var(--_day-indicator-inset);
-		border-start-end-radius: var(--_day-indicator-size);
-		border-end-end-radius: var(--_day-indicator-size);
+	.date-picker__day.is-range-end:not(.is-range-start) .date-picker__day-indicator {
+		border-start-start-radius: 0;
+		border-end-start-radius: 0;
 	}
 
 	.date-picker__day-number {
@@ -264,7 +256,7 @@ export const datePickerStyles = css `
 	   decision instead - and while it is absent the ring shows, so a failure leaves
 	   focus visible rather than hidden.
 
-	   Raised above its neighbours: the ring sits outside the indicator, so an
+	   Raised above its neighbors: the ring sits outside the indicator, so an
 	   adjacent selected day would paint over part of it. */
 	.date-picker__day:focus:not(.is-pointer-focus) {
 		z-index: 1;
@@ -276,7 +268,7 @@ export const datePickerStyles = css `
 		box-shadow: var(--semantics-focus-ring-box-shadow);
 	}
 
-	/* These four all set the colour at equal specificity, so the order is what
+	/* These four all set the color at equal specificity, so the order is what
 	   decides: outside the month is the weakest, chosen the strongest. */
 	.date-picker__day.is-outside-month {
 		color: var(--_day-is-outside-month-content-color);

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoC/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyTrB,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,wCAAwC,CAAC;AAE5E,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuC/B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8SrB,CAAC"}

package/dist/components/inputs/dropdown/dropdown.d.ts

@@ -8,12 +8,12 @@
  * dynamic changes to options.
  *
  * @element nldd-dropdown
- * @attr {string}  size     - Size: 'xs' | 'sm' | 'md' (default: 'md')
- * @attr {boolean} valid    - Marks the field as valid
- * @attr {boolean} invalid  - Marks the field as invalid
+ * @attr {string} size - Size: 'xs' | 'sm' | 'md' (default: 'md')
+ * @attr {boolean} valid - Marks the field as valid
+ * @attr {boolean} invalid - Marks the field as invalid
  * @attr {boolean} disabled - Disabled state; also forwarded to the slotted select
  * @attr {boolean} expanded - Reflects whether the native picker popup is open (driven internally)
- * @attr {string}  width    - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
+ * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
  *
  * @slot - A native `<select>` element with `<option>` and/or `<optgroup>` children
  *

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

@@ -14,12 +14,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * dynamic changes to options.
  *
  * @element nldd-dropdown
- * @attr {string}  size     - Size: 'xs' | 'sm' | 'md' (default: 'md')
- * @attr {boolean} valid    - Marks the field as valid
- * @attr {boolean} invalid  - Marks the field as invalid
+ * @attr {string} size - Size: 'xs' | 'sm' | 'md' (default: 'md')
+ * @attr {boolean} valid - Marks the field as valid
+ * @attr {boolean} invalid - Marks the field as invalid
  * @attr {boolean} disabled - Disabled state; also forwarded to the slotted select
  * @attr {boolean} expanded - Reflects whether the native picker popup is open (driven internally)
- * @attr {string}  width    - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
+ * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
  *
  * @slot - A native `<select>` element with `<option>` and/or `<optgroup>` children
  *

package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts

@@ -3,32 +3,32 @@
  *
  * @element nldd-multi-line-text-field
  *
- * @attr {string} value           - The textarea value
- * @attr {string} placeholder     - Placeholder text
- * @attr {string} input-id        - Sets the id on the native textarea. Set automatically by nldd-form-field.
- * @attr {string} size            - 'md' (default) | 'sm'. Set automatically by nldd-form-field.
- * @attr {boolean} invalid        - Marks the field as invalid
- * @attr {boolean} valid          - Marks the field as valid
- * @attr {boolean} disabled       - Disabled state
- * @attr {string} name            - Textarea name for form submission
- * @attr {boolean} readonly       - Readonly state
- * @attr {boolean} required       - Required state
- * @attr {string} autocomplete    - Autocomplete hint
- * @attr {number} rows            - Initial visible rows (minimum height). Default: 3.
- * @attr {string} resize          - 'none' | 'vertical' | 'auto' (default).
- *                                  'auto' grows with content (native field-sizing), no manual handle.
+ * @attr {string} value - The textarea value
+ * @attr {string} placeholder - Placeholder text
+ * @attr {string} input-id - Sets the id on the native textarea. Set automatically by nldd-form-field.
+ * @attr {string} size - 'md' (default) | 'sm'. Set automatically by nldd-form-field.
+ * @attr {boolean} invalid - Marks the field as invalid
+ * @attr {boolean} valid - Marks the field as valid
+ * @attr {boolean} disabled - Disabled state
+ * @attr {string} name - Textarea name for form submission
+ * @attr {boolean} readonly - Readonly state
+ * @attr {boolean} required - Required state
+ * @attr {string} autocomplete - Autocomplete hint
+ * @attr {number} rows - Initial visible rows (minimum height). Default: 3.
+ * @attr {string} resize - 'none' | 'vertical' | 'auto' (default). 'auto' grows with content (native field-sizing), no manual handle.
  * @attr {string} accessible-label - Accessible label forwarded to the inner textarea. Set automatically by nldd-form-field.
  * @attr {string} error-message-ids - Ids for aria-describedby on the inner textarea. Set automatically by nldd-form-field.
- * @attr {boolean} no-spellcheck  - Disables browser spellchecking on the inner textarea
- * @attr {string} width           - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
+ * @attr {boolean} no-spellcheck - Disables browser spellchecking on the inner textarea
+ * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
  *
- * @fires input  - When value changes
+ * @fires input - When value changes
  * @fires change - When value is committed (blur)
  */
 import { LitElement, type PropertyValues } from 'lit';
+import { type FormValue } from '../../../utilities/form-associated-mixin.js';
 export type ResizeMode = 'none' | 'vertical' | 'auto';
-export declare class NLDDMultiLineTextField extends LitElement {
-    static formAssociated: boolean;
+declare const NLDDMultiLineTextField_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
+export declare class NLDDMultiLineTextField extends NLDDMultiLineTextField_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
@@ -38,7 +38,6 @@ export declare class NLDDMultiLineTextField extends LitElement {
         slotAssignment?: SlotAssignmentMode;
     };
     static styles: import("lit").CSSResult;
-    private _internals;
     private _initialValue;
     size: 'md' | 'sm';
     value: string;
@@ -62,8 +61,8 @@ export declare class NLDDMultiLineTextField extends LitElement {
     private _textarea;
     firstUpdated(): void;
     updated(changed: PropertyValues): void;
+    formValue(): FormValue;
     formResetCallback(): void;
-    formDisabledCallback(disabled: boolean): void;
     formStateRestoreCallback(state: File | string | FormData | null): void;
     _handleInput(e: Event): void;
     _handleChange(e: Event): void;
@@ -74,4 +73,5 @@ declare global {
         'nldd-multi-line-text-field': NLDDMultiLineTextField;
     }
 }
+export {};
 //# sourceMappingURL=multi-line-text-field.d.ts.map

package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-line-text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;AAEtD,qBACa,sBAAuB,SAAQ,UAAU;IACrD,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAA4B;IAElD,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,aAAa,CAAM;IAG3B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,OAAO,UAAS;IAGhB,KAAK,UAAS;IAGd,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,YAAY,SAAM;IAGlB,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAU;IAE5B,gGAAgG;IAEhG,eAAe,SAAM;IAGrB,eAAe,SAAM;IAGrB,YAAY,UAAS;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAIX,OAAO,CAAC,SAAS,CAAuB;IAE/B,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IA0B/C,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,4BAA4B,EAAE,sBAAsB,CAAC;KACrD;CACD"}
+{"version":3,"file":"multi-line-text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAK7F,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC;;AAEtD,qBACa,sBAAuB,SAAQ,2BAA0B;IAErE,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAA4B;IAGlD,OAAO,CAAC,aAAa,CAAM;IAG3B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,OAAO,UAAS;IAGhB,KAAK,UAAS;IAGd,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,YAAY,SAAM;IAGlB,IAAI,SAAK;IAGT,MAAM,EAAE,UAAU,CAAU;IAE5B,gGAAgG;IAEhG,eAAe,SAAM;IAGrB,eAAe,SAAM;IAGrB,YAAY,UAAS;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAIX,OAAO,CAAC,SAAS,CAAuB;IAE/B,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAuBtC,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAY5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAY3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,4BAA4B,EAAE,sBAAsB,CAAC;KACrD;CACD"}

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

@@ -9,37 +9,36 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  *
  * @element nldd-multi-line-text-field
  *
- * @attr {string} value           - The textarea value
- * @attr {string} placeholder     - Placeholder text
- * @attr {string} input-id        - Sets the id on the native textarea. Set automatically by nldd-form-field.
- * @attr {string} size            - 'md' (default) | 'sm'. Set automatically by nldd-form-field.
- * @attr {boolean} invalid        - Marks the field as invalid
- * @attr {boolean} valid          - Marks the field as valid
- * @attr {boolean} disabled       - Disabled state
- * @attr {string} name            - Textarea name for form submission
- * @attr {boolean} readonly       - Readonly state
- * @attr {boolean} required       - Required state
- * @attr {string} autocomplete    - Autocomplete hint
- * @attr {number} rows            - Initial visible rows (minimum height). Default: 3.
- * @attr {string} resize          - 'none' | 'vertical' | 'auto' (default).
- *                                  'auto' grows with content (native field-sizing), no manual handle.
+ * @attr {string} value - The textarea value
+ * @attr {string} placeholder - Placeholder text
+ * @attr {string} input-id - Sets the id on the native textarea. Set automatically by nldd-form-field.
+ * @attr {string} size - 'md' (default) | 'sm'. Set automatically by nldd-form-field.
+ * @attr {boolean} invalid - Marks the field as invalid
+ * @attr {boolean} valid - Marks the field as valid
+ * @attr {boolean} disabled - Disabled state
+ * @attr {string} name - Textarea name for form submission
+ * @attr {boolean} readonly - Readonly state
+ * @attr {boolean} required - Required state
+ * @attr {string} autocomplete - Autocomplete hint
+ * @attr {number} rows - Initial visible rows (minimum height). Default: 3.
+ * @attr {string} resize - 'none' | 'vertical' | 'auto' (default). 'auto' grows with content (native field-sizing), no manual handle.
  * @attr {string} accessible-label - Accessible label forwarded to the inner textarea. Set automatically by nldd-form-field.
  * @attr {string} error-message-ids - Ids for aria-describedby on the inner textarea. Set automatically by nldd-form-field.
- * @attr {boolean} no-spellcheck  - Disables browser spellchecking on the inner textarea
- * @attr {string} width           - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
+ * @attr {boolean} no-spellcheck - Disables browser spellchecking on the inner textarea
+ * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
  *
- * @fires input  - When value changes
+ * @fires input - When value changes
  * @fires change - When value is committed (blur)
  */
 import { LitElement } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
+import { FormAssociated } from '../../../utilities/form-associated-mixin.js';
 import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
 import { multiLineTextFieldStyles } from './multi-line-text-field.styles.js';
 import { multiLineTextFieldTemplate } from './multi-line-text-field.template.js';
-let NLDDMultiLineTextField = class NLDDMultiLineTextField extends LitElement {
+let NLDDMultiLineTextField = class NLDDMultiLineTextField extends FormAssociated(LitElement) {
     constructor() {
         super(...arguments);
-        this._internals = this.attachInternals();
         this._initialValue = '';
         this.size = 'md';
         this.value = '';
@@ -89,16 +88,13 @@ let NLDDMultiLineTextField = class NLDDMultiLineTextField extends LitElement {
             this._textarea.style.width = '';
             this._textarea.style.height = '';
         }
-        if (changed.has('value')) {
-            this._internals.setFormValue(this.value);
-        }
+    }
+    formValue() {
+        return this.value;
     }
     formResetCallback() {
         this.value = this._initialValue;
     }
-    formDisabledCallback(disabled) {
-        this.disabled = disabled;
-    }
     formStateRestoreCallback(state) {
         if (typeof state === 'string')
             this.value = state;
@@ -107,6 +103,7 @@ let NLDDMultiLineTextField = class NLDDMultiLineTextField extends LitElement {
         e.stopPropagation();
         const textarea = e.target;
         this.value = textarea.value;
+        this.commitFormValue();
         this.dispatchEvent(new CustomEvent('input', {
             detail: { value: this.value },
             bubbles: true,
@@ -117,6 +114,7 @@ let NLDDMultiLineTextField = class NLDDMultiLineTextField extends LitElement {
         e.stopPropagation();
         const textarea = e.target;
         this.value = textarea.value;
+        this.commitFormValue();
         this.dispatchEvent(new CustomEvent('change', {
             detail: { value: this.value },
             bubbles: true,
@@ -127,7 +125,6 @@ let NLDDMultiLineTextField = class NLDDMultiLineTextField extends LitElement {
         return multiLineTextFieldTemplate(this);
     }
 };
-NLDDMultiLineTextField.formAssociated = true;
 NLDDMultiLineTextField.shadowRootOptions = {
     ...LitElement.shadowRootOptions,
     delegatesFocus: true,

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

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

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

@@ -12,10 +12,10 @@ export const multiLineTextFieldStyles = css `
 		--_width: 100%;
 		--_background-color: var(--semantics-input-fields-background-color);
 		--_corner-radius: var(--semantics-controls-md-corner-radius);
-		--_inline-padding: calc(var(--semantics-controls-md-inline-padding) - var(--semantics-input-fields-border-thickness));
+		--_inline-padding: calc(var(--semantics-controls-md-inline-padding) - var(--semantics-input-fields-border-width));
 		--_min-height: var(--semantics-controls-md-min-size);
 		--_text-font: var(--semantics-input-fields-md-text-font);
-		--_icon-area-size: calc(var(--_min-height) - var(--semantics-input-fields-border-thickness) * 2);
+		--_icon-area-size: calc(var(--_min-height) - var(--semantics-input-fields-border-width) * 2);
 		--_validation-icon-size: var(--semantics-input-fields-md-validation-icon-size);
 		--_rows: 3;
 
@@ -32,7 +32,7 @@ export const multiLineTextFieldStyles = css `
 
 	:host([size="sm"]) {
 		--_corner-radius: var(--semantics-controls-sm-corner-radius);
-		--_inline-padding: calc(var(--semantics-controls-sm-inline-padding) - var(--semantics-input-fields-border-thickness));
+		--_inline-padding: calc(var(--semantics-controls-sm-inline-padding) - var(--semantics-input-fields-border-width));
 		--_min-height: var(--semantics-controls-sm-min-size);
 		--_text-font: var(--semantics-input-fields-sm-text-font);
 		--_validation-icon-size: var(--semantics-input-fields-sm-validation-icon-size);
@@ -93,8 +93,8 @@ export const multiLineTextFieldStyles = css `
 		/* rows is the floor in every resize mode: one row already fits in
 		   --_min-height, each extra row adds one line height. (resize="auto"
 		   then grows past it via field-sizing.) */
-		min-height: calc(var(--_min-height) - var(--semantics-input-fields-border-thickness) * 2 + (var(--_rows) - 1) * 1lh);
-		padding-block: calc((var(--_min-height) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
+		min-height: calc(var(--_min-height) - var(--semantics-input-fields-border-width) * 2 + (var(--_rows) - 1) * 1lh);
+		padding-block: calc((var(--_min-height) - var(--semantics-input-fields-border-width) * 2 - 1lh) / 2);
 		padding-inline: var(--_inline-padding);
 		color: var(--semantics-content-color);
 		font: var(--_text-font);

package/dist/components/inputs/number-field/number-field.d.ts

@@ -4,34 +4,30 @@
  * A numeric input field with decrement and increment buttons.
  *
  * @element nldd-number-field
- * @attr {number}  value        - Current value
- * @attr {number}  min          - Minimum value (default: -Infinity)
- * @attr {number}  max          - Maximum value (default: Infinity)
- * @attr {number}  step         - Step size (default: 1)
- * @attr {string}  size         - Size: 'sm' | 'md' (default: 'md')
- * @attr {boolean} disabled     - Disabled state
- * @attr {string}  name         - Name for form submission
- * @attr {object}  translations - Translations; unspecified keys fall back to Dutch
- * @attr {string}  width            - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
+ * @attr {number} value - Current value
+ * @attr {number} min - Minimum value (default: -Infinity)
+ * @attr {number} max - Maximum value (default: Infinity)
+ * @attr {number} step - Step size (default: 1)
+ * @attr {string} size - Size: 'sm' | 'md' (default: 'md')
+ * @attr {boolean} disabled - Disabled state
+ * @attr {string} name - Name for form submission
+ * @attr {object} translations - Translations; unspecified keys fall back to Dutch
+ * @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
  * @attr {boolean} hide-spin-buttons - When set, hides the decrement and increment buttons
- * @attr {string}  accessible-label  - Accessible label (aria-label) forwarded to the native input
+ * @attr {string} accessible-label - Accessible label (aria-label) forwarded to the native input
  *
- * @fires input  - When the value changes (typing, +/- button, or on-commit correction);
- *                 detail: { value: number }
- * @fires change - When the value is committed (blur/Enter or +/- button), clamped to
- *                 [min, max]; empty input falls back to the last valid value. When the
- *                 committed value differs from the typed value, a matching input event
- *                 is fired immediately before this one. detail: { value: number }
+ * @fires input - When the value changes (typing, +/- button, or on-commit correction); detail: { value: number }
+ * @fires change - When the value is committed (blur/Enter or +/- button), clamped to [min, max]; empty input falls back to the last valid value. When the committed value differs from the typed value, a matching input event is fired immediately before this one. detail: { value: number }
  */
 import { LitElement } from 'lit';
+import { type FormValue } from '../../../utilities/form-associated-mixin.js';
 import type { NLDDNumberFieldTranslations } from './number-field.i18n.js';
 import './../../actions/icon-button/icon-button.js';
 import './../../content/icon/icon.js';
 export type NumberFieldSize = 'sm' | 'md';
-export declare class NLDDNumberField extends LitElement {
-    static formAssociated: boolean;
+declare const NLDDNumberField_base: typeof LitElement & (abstract new (...args: any[]) => LitElement & import("../../../utilities/form-associated-mixin.js").FormAssociatedElement);
+export declare class NLDDNumberField extends NLDDNumberField_base {
     static styles: import("lit").CSSResult;
-    private _internals;
     private _initialValue;
     value: number;
     min: number;
@@ -53,8 +49,8 @@ export declare class NLDDNumberField extends LitElement {
     private _lastValidValue;
     firstUpdated(): void;
     updated(changedProperties: Map<string, unknown>): void;
+    formValue(): FormValue;
     formResetCallback(): void;
-    formDisabledCallback(disabled: boolean): void;
     formStateRestoreCallback(state: File | string | FormData | null): void;
     _t(key: keyof NLDDNumberFieldTranslations): string;
     _handleDecrease(): void;
@@ -77,4 +73,5 @@ declare global {
         'nldd-number-field': NLDDNumberField;
     }
 }
+export {};
 //# sourceMappingURL=number-field.d.ts.map

package/dist/components/inputs/number-field/number-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,0BAAqB;IAE3C,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,aAAa,CAAK;IAG1B,KAAK,SAAK;IAGV,GAAG,SAAa;IAGhB,GAAG,SAAY;IAGf,IAAI,SAAK;IAGT,IAAI,EAAE,eAAe,CAAQ;IAG7B,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAEV,mEAAmE;IAEnE,KAAK,SAAM;IAGX,eAAe,UAAS;IAExB,oEAAoE;IAEpE,eAAe,SAAM;IAErB,kFAAkF;IAElF,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAExD;;oFAEgF;IAChF,OAAO,CAAC,eAAe,CAAK;IAEnB,YAAY,IAAI,IAAI;IAQpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAgB/D,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAQ/D,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAMlD,eAAe,IAAI,IAAI;IAKvB,eAAe,IAAI,IAAI;IAK9B,mGAAmG;IAC5F,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAanC,kGAAkG;IAC3F,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAQpC,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,MAAM;IAId;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAK7F,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;;AAE1C,qBACa,eAAgB,SAAQ,oBAA0B;IAE9D,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,CAAC,aAAa,CAAK;IAG1B,KAAK,SAAK;IAGV,GAAG,SAAa;IAGhB,GAAG,SAAY;IAGf,IAAI,SAAK;IAGT,IAAI,EAAE,eAAe,CAAQ;IAG7B,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAEV,mEAAmE;IAEnE,KAAK,SAAM;IAGX,eAAe,UAAS;IAExB,oEAAoE;IAEpE,eAAe,SAAM;IAErB,kFAAkF;IAElF,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAExD;;oFAEgF;IAChF,OAAO,CAAC,eAAe,CAAK;IAEnB,YAAY,IAAI,IAAI;IAQpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAgBtD,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAQ/D,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAMlD,eAAe,IAAI,IAAI;IAKvB,eAAe,IAAI,IAAI;IAK9B,mGAAmG;IAC5F,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAcnC,kGAAkG;IAC3F,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAQpC,OAAO,CAAC,YAAY;IAuBpB,OAAO,CAAC,MAAM;IAId;;;OAGG;IACM,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}

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

@@ -10,37 +10,33 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * A numeric input field with decrement and increment buttons.
  *
  * @element nldd-number-field
- * @attr {number}  value        - Current value
- * @attr {number}  min          - Minimum value (default: -Infinity)
- * @attr {number}  max          - Maximum value (default: Infinity)
- * @attr {number}  step         - Step size (default: 1)
- * @attr {string}  size         - Size: 'sm' | 'md' (default: 'md')
- * @attr {boolean} disabled     - Disabled state
- * @attr {string}  name         - Name for form submission
- * @attr {object}  translations - Translations; unspecified keys fall back to Dutch
- * @attr {string}  width            - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
+ * @attr {number} value - Current value
+ * @attr {number} min - Minimum value (default: -Infinity)
+ * @attr {number} max - Maximum value (default: Infinity)
+ * @attr {number} step - Step size (default: 1)
+ * @attr {string} size - Size: 'sm' | 'md' (default: 'md')
+ * @attr {boolean} disabled - Disabled state
+ * @attr {string} name - Name for form submission
+ * @attr {object} translations - Translations; unspecified keys fall back to Dutch
+ * @attr {string} width - Width mode: 'full' (stretches to container) or any CSS length (e.g. '240px')
  * @attr {boolean} hide-spin-buttons - When set, hides the decrement and increment buttons
- * @attr {string}  accessible-label  - Accessible label (aria-label) forwarded to the native input
+ * @attr {string} accessible-label - Accessible label (aria-label) forwarded to the native input
  *
- * @fires input  - When the value changes (typing, +/- button, or on-commit correction);
- *                 detail: { value: number }
- * @fires change - When the value is committed (blur/Enter or +/- button), clamped to
- *                 [min, max]; empty input falls back to the last valid value. When the
- *                 committed value differs from the typed value, a matching input event
- *                 is fired immediately before this one. detail: { value: number }
+ * @fires input - When the value changes (typing, +/- button, or on-commit correction); detail: { value: number }
+ * @fires change - When the value is committed (blur/Enter or +/- button), clamped to [min, max]; empty input falls back to the last valid value. When the committed value differs from the typed value, a matching input event is fired immediately before this one. detail: { value: number }
  */
 import { LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
+import { FormAssociated } from '../../../utilities/form-associated-mixin.js';
 import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
 import { numberFieldStyles } from './number-field.styles.js';
 import { numberFieldTemplate } from './number-field.template.js';
 import { nlddNumberFieldTranslations } from './number-field.i18n.js';
 import './../../actions/icon-button/icon-button.js';
 import './../../content/icon/icon.js';
-let NLDDNumberField = class NLDDNumberField extends LitElement {
+let NLDDNumberField = class NLDDNumberField extends FormAssociated(LitElement) {
     constructor() {
         super(...arguments);
-        this._internals = this.attachInternals();
         this._initialValue = 0;
         this.value = 0;
         this.min = -Infinity;
@@ -81,15 +77,15 @@ let NLDDNumberField = class NLDDNumberField extends LitElement {
             }
         }
         if (changedProperties.has('value')) {
-            this._internals.setFormValue(String(this.value));
+            this.commitFormValue();
         }
     }
+    formValue() {
+        return String(this.value);
+    }
     formResetCallback() {
         this.value = this._initialValue;
     }
-    formDisabledCallback(disabled) {
-        this.disabled = disabled;
-    }
     formStateRestoreCallback(state) {
         if (typeof state !== 'string')
             return;
@@ -121,6 +117,7 @@ let NLDDNumberField = class NLDDNumberField extends LitElement {
         if (isNaN(parsed))
             return;
         this.value = parsed;
+        this.commitFormValue();
         this.dispatchEvent(new CustomEvent('input', {
             detail: { value: this.value },
             bubbles: true,
@@ -148,6 +145,7 @@ let NLDDNumberField = class NLDDNumberField extends LitElement {
             input.value = String(clampedValue);
         if (!changed)
             return;
+        this.commitFormValue();
         this.dispatchEvent(new CustomEvent('input', {
             detail: { value: this.value },
             bubbles: true,
@@ -173,7 +171,6 @@ let NLDDNumberField = class NLDDNumberField extends LitElement {
         return numberFieldTemplate(this);
     }
 };
-NLDDNumberField.formAssociated = true;
 NLDDNumberField.styles = numberFieldStyles;
 __decorate([
     property({ type: Number })

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

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

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

@@ -12,9 +12,9 @@ export const numberFieldStyles = css `
 		--_width: auto;
 		--_corner-radius: var(--semantics-controls-md-corner-radius);
 		--_min-size: var(--semantics-controls-md-min-size);
-		--_spin-button-padding: calc((var(--_min-size) - var(--semantics-controls-sm-min-size)) / 2 - var(--semantics-input-fields-border-thickness));
+		--_spin-button-padding: calc((var(--_min-size) - var(--semantics-controls-sm-min-size)) / 2 - var(--semantics-input-fields-border-width));
 		--_text-font: var(--semantics-input-fields-md-text-font);
-		--_inline-padding: calc(var(--semantics-controls-md-inline-padding) - var(--semantics-input-fields-border-thickness));
+		--_inline-padding: calc(var(--semantics-controls-md-inline-padding) - var(--semantics-input-fields-border-width));
 
 		${inheritedTextReset}
 		display: inline-block;
@@ -28,9 +28,9 @@ export const numberFieldStyles = css `
 	:host([size="sm"]) {
 		--_corner-radius: var(--semantics-controls-sm-corner-radius);
 		--_min-size: var(--semantics-controls-sm-min-size);
-		--_spin-button-padding: calc((var(--_min-size) - var(--semantics-controls-xs-min-size)) / 2 - var(--semantics-input-fields-border-thickness));
+		--_spin-button-padding: calc((var(--_min-size) - var(--semantics-controls-xs-min-size)) / 2 - var(--semantics-input-fields-border-width));
 		--_text-font: var(--semantics-input-fields-sm-text-font);
-		--_inline-padding: calc(var(--semantics-controls-sm-inline-padding) - var(--semantics-input-fields-border-thickness));
+		--_inline-padding: calc(var(--semantics-controls-sm-inline-padding) - var(--semantics-input-fields-border-width));
 	}
 
 	:host([disabled]) {