@nldd/design-system 0.8.92 → 0.8.94

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

@@ -21,10 +21,6 @@ export const numberFieldStyles = css `
 		-webkit-tap-highlight-color: transparent;
 	}
 
-	:host([hidden]) {
-		display: none;
-	}
-
 	:host([size="sm"]) {
 		--_corner-radius: var(--semantics-controls-sm-corner-radius);
 		--_min-size: var(--semantics-controls-sm-min-size);
@@ -52,6 +48,10 @@ export const numberFieldStyles = css `
 		width: 100%;
 	}
 
+	:host([hidden]) {
+		display: none;
+	}
+
 
 	/* # Block */
 

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

@@ -12,7 +12,7 @@ export function numberFieldTemplate(component) {
 			${!component.hideSpinButtons ? html `
 				<div class="number-field__decrement-button">
 					<nldd-icon-button
-						variant="neutral-tinted"
+						appearance="neutral-tinted"
 						size=${iconButtonSize}
 						icon="minus"
 						text=${component._t('components.number-field.decrement-action')}
@@ -39,7 +39,7 @@ export function numberFieldTemplate(component) {
 			${!component.hideSpinButtons ? html `
 				<div class="number-field__increment-button">
 					<nldd-icon-button
-						variant="neutral-tinted"
+						appearance="neutral-tinted"
 						size=${iconButtonSize}
 						icon="plus"
 						text=${component._t('components.number-field.increment-action')}

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

@@ -6,7 +6,7 @@ function renderValidationIcon(component) {
         return html `
 			<div class="password-field__validation-icon-area">
 				<nldd-icon class="password-field__validation-icon"
-					name="invalid"
+					icon="invalid"
 					aria-hidden="true"
 				></nldd-icon>
 			</div>
@@ -16,7 +16,7 @@ function renderValidationIcon(component) {
         return html `
 			<div class="password-field__validation-icon-area">
 				<nldd-icon class="password-field__validation-icon"
-					name="valid"
+					icon="valid"
 					aria-hidden="true"
 				></nldd-icon>
 			</div>

package/dist/components/inputs/radio-button/radio-button.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,GAAG,cAAc,CAgC9E"}
+{"version":3,"file":"radio-button.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,GAAG,cAAc,CAkC9E"}

package/dist/components/inputs/radio-button/radio-button.template.js

@@ -5,7 +5,9 @@ export function radioButtonTemplate(component) {
     // would be a second control inside it.
     if (component.decorative) {
         return html `
-			<div class="radio-button__outer-shape" aria-hidden="true">
+			<div class="radio-button__outer-shape"
+				aria-hidden="true"
+			>
 				<div class="radio-button__inner-shape"></div>
 			</div>
 		`;

package/dist/components/inputs/radio-button/radio-button.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-button.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,0EAA0E;IAC1E,yEAAyE;IACzE,uCAAuC;IACvC,IAAI,SAAS,CAAC,UAAU,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAA;;;;GAIV,CAAC;IACH,CAAC;IACD,wEAAwE;IACxE,6EAA6E;IAC7E,4EAA4E;IAC5E,+EAA+E;IAC/E,gFAAgF;IAChF,gFAAgF;IAChF,OAAO,IAAI,CAAA;;;;;eAKG,SAAS,CAAC,QAAQ;eAClB,SAAS,CAAC,QAAQ;cACnB,SAAS,CAAC,kBAAkB;;;;;;;EAOxC,CAAC;AACH,CAAC"}
+{"version":3,"file":"radio-button.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAG3C,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,0EAA0E;IAC1E,yEAAyE;IACzE,uCAAuC;IACvC,IAAI,SAAS,CAAC,UAAU,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAA;;;;;;GAMV,CAAC;IACH,CAAC;IACD,wEAAwE;IACxE,6EAA6E;IAC7E,4EAA4E;IAC5E,+EAA+E;IAC/E,gFAAgF;IAChF,gFAAgF;IAChF,OAAO,IAAI,CAAA;;;;;eAKG,SAAS,CAAC,QAAQ;eAClB,SAAS,CAAC,QAAQ;cACnB,SAAS,CAAC,kBAAkB;;;;;;;EAOxC,CAAC;AACH,CAAC"}

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

@@ -5,21 +5,21 @@
  * and an optional search button.
  *
  * @element nldd-search-field
- * @attr {string} value - The search value
- * @attr {string} placeholder - Placeholder text for the input
- * @attr {string} accessible-label - Accessible label (aria-label) for the native input. Falls back to placeholder when not set. Set explicitly when a value is already present and the placeholder is no longer visible.
  * @attr {string} size - Field size: 'sm' | 'md' (default: 'md')
- * @attr {boolean} disabled - Disabled state
- * @attr {string} name - Input name for form submission
+ * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
+ * @attr {string} placeholder - Placeholder text for the input
+ * @attr {string} accessible-label - Accessible name (aria-label) of the native input. Falls back to `placeholder`, and keeps it when a value is typed. That works while the placeholder names the field ('Zoek een gebruiker'); set this when the placeholder is an example instead ('bijv. Jansen').
  * @attr {boolean} show-search-button - When set, shows a search button on the right
  * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
- * @attr {boolean} no-spellcheck - Disables browser spellchecking on the inner input
- * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
+ * @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
+ * @attr {boolean} disabled - Disabled state
+ * @attr {string} name - Input name for form submission
+ * @attr {string} value - The search value
  * @attr {boolean} required - Required state
- * @attr {string} pattern - Regular expression the value has to match, as the native `pattern`.
  * @attr {number} minlength - Fewest characters the value may have.
  * @attr {number} maxlength - Most characters the value may have.
- * @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
+ * @attr {string} pattern - Regular expression the value has to match, as the native `pattern`.
+ * @attr {boolean} no-spellcheck - Disables browser spellchecking on the inner input
  *
  * @fires input - When the input value changes; detail: { value: string }
  * @fires change - When the input value is committed; detail: { value: string }
@@ -42,7 +42,10 @@ export declare class NLDDSearchField extends NLDDSearchField_base {
      *  would submit the form. See utilities/implicit-submission.ts. */
     static blocksImplicitSubmission: boolean;
     private _initialValue;
-    value: string;
+    size: SearchFieldSize;
+    /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
+    width: string;
+    _input: HTMLInputElement;
     placeholder: string;
     /** Accessible label forwarded as aria-label to the native input.
      *  Use to describe what is being searched, e.g. "Zoek een document".
@@ -50,23 +53,9 @@ export declare class NLDDSearchField extends NLDDSearchField_base {
      *  Set an explicit accessible-label when a value is already present and the
      *  placeholder is no longer visible, to ensure screen readers still have context. */
     accessibleLabel: string;
-    size: SearchFieldSize;
-    disabled: boolean;
-    name: string;
     showSearchButton: boolean;
     /** Override one or more translation keys. Unset keys fall back to Dutch. */
     translations: Partial<NLDDSearchFieldTranslations>;
-    noSpellcheck: boolean;
-    /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
-    width: string;
-    _input: HTMLInputElement;
-    required: boolean;
-    /** Regular expression the value has to match, as the native `pattern`. */
-    pattern: string;
-    /** Fewest characters the value may have, as the native `minlength`. */
-    minlength?: number;
-    /** Most characters the value may have, as the native `maxlength`. */
-    maxlength?: number;
     /**
      * Marks the control as invalid.
      *
@@ -77,6 +66,17 @@ export declare class NLDDSearchField extends NLDDSearchField_base {
      * choosing not to show something is not a reason to keep quiet about it.
      */
     invalid: boolean;
+    disabled: boolean;
+    name: string;
+    value: string;
+    required: boolean;
+    /** Fewest characters the value may have, as the native `minlength`. */
+    minlength?: number;
+    /** Most characters the value may have, as the native `maxlength`. */
+    maxlength?: number;
+    /** Regular expression the value has to match, as the native `pattern`. */
+    pattern: string;
+    noSpellcheck: boolean;
     firstUpdated(): void;
     updated(changed: PropertyValues): void;
     formValue(): FormValue;

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

@@ -1 +1 @@
-{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAK7F,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,4CAA4C,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,8BAA8B,CAAC;AAGtC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;;AAE1C,qBACa,eAAgB,SAAQ,oBAAuC;IAE3E,OAAgB,MAAM,0BAAqB;IAE3C;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAE1B;uEACmE;IACnE,MAAM,CAAC,wBAAwB,UAAQ;IAGvC,OAAO,CAAC,aAAa,CAAM;IAG3B,KAAK,SAAM;IAGX,WAAW,SAAY;IAEvB;;;;yFAIqF;IAErF,eAAe,SAAM;IAGrB,IAAI,EAAE,eAAe,CAAQ;IAG7B,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,gBAAgB,UAAS;IAEzB,4EAA4E;IAE5E,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAGxD,YAAY,UAAS;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAGX,MAAM,EAAG,gBAAgB,CAAC;IAI1B,QAAQ,UAAS;IAEjB,0EAA0E;IAE1E,OAAO,SAAM;IAEb,uEAAuE;IAEvE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qEAAqE;IAErE,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAEP,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAWtC,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAM/D,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAalD,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAY5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAY7B,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAMtC,YAAY,IAAI,IAAI;IAgBpB,aAAa,IAAI,IAAI;IAI5B,OAAO,CAAC,eAAe;IASvB;;;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":"search-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEtD,OAAO,EAAkB,KAAK,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAK7F,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,4CAA4C,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,8BAA8B,CAAC;AAItC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;;AAE1C,qBACa,eAAgB,SAAQ,oBAAuC;IAE3E,OAAgB,MAAM,0BAAqB;IAE3C;wEACoE;IACpE,MAAM,CAAC,WAAW,UAAQ;IAE1B;uEACmE;IACnE,MAAM,CAAC,wBAAwB,UAAQ;IAGvC,OAAO,CAAC,aAAa,CAAM;IAG3B,IAAI,EAAE,eAAe,CAAQ;IAE7B,oGAAoG;IAEpG,KAAK,SAAM;IAGX,MAAM,EAAG,gBAAgB,CAAC;IAG1B,WAAW,SAAY;IAEvB;;;;yFAIqF;IAErF,eAAe,SAAM;IAGrB,gBAAgB,UAAS;IAEzB,4EAA4E;IAE5E,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAGxD;;;;;;;;OAQG;IAEH,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,KAAK,SAAM;IAIX,QAAQ,UAAS;IAEjB,uEAAuE;IAEvE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qEAAqE;IAErE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0EAA0E;IAE1E,OAAO,SAAM;IAGb,YAAY,UAAS;IAEZ,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAWtC,SAAS,IAAI,SAAS;IAI/B,iBAAiB,IAAI,IAAI;IAKzB,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAM/D,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAalD,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAY5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAY7B,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAMtC,YAAY,IAAI,IAAI;IAgBpB,aAAa,IAAI,IAAI;IAI5B,OAAO,CAAC,eAAe;IASvB;;;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/search-field/search-field.js

@@ -11,21 +11,21 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * and an optional search button.
  *
  * @element nldd-search-field
- * @attr {string} value - The search value
- * @attr {string} placeholder - Placeholder text for the input
- * @attr {string} accessible-label - Accessible label (aria-label) for the native input. Falls back to placeholder when not set. Set explicitly when a value is already present and the placeholder is no longer visible.
  * @attr {string} size - Field size: 'sm' | 'md' (default: 'md')
- * @attr {boolean} disabled - Disabled state
- * @attr {string} name - Input name for form submission
+ * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
+ * @attr {string} placeholder - Placeholder text for the input
+ * @attr {string} accessible-label - Accessible name (aria-label) of the native input. Falls back to `placeholder`, and keeps it when a value is typed. That works while the placeholder names the field ('Zoek een gebruiker'); set this when the placeholder is an example instead ('bijv. Jansen').
  * @attr {boolean} show-search-button - When set, shows a search button on the right
  * @attr {object} translations - Override translation keys; unset keys fall back to Dutch
- * @attr {boolean} no-spellcheck - Disables browser spellchecking on the inner input
- * @attr {string} width - Optional fixed width (any CSS length, e.g. "240px"). Default: stretches to fill container.
+ * @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
+ * @attr {boolean} disabled - Disabled state
+ * @attr {string} name - Input name for form submission
+ * @attr {string} value - The search value
  * @attr {boolean} required - Required state
- * @attr {string} pattern - Regular expression the value has to match, as the native `pattern`.
  * @attr {number} minlength - Fewest characters the value may have.
  * @attr {number} maxlength - Most characters the value may have.
- * @attr {boolean} invalid - Marks the control as invalid. Announced with aria-invalid; nothing is drawn for it.
+ * @attr {string} pattern - Regular expression the value has to match, as the native `pattern`.
+ * @attr {boolean} no-spellcheck - Disables browser spellchecking on the inner input
  *
  * @fires input - When the input value changes; detail: { value: string }
  * @fires change - When the input value is committed; detail: { value: string }
@@ -42,11 +42,14 @@ import './../../actions/icon-button/icon-button.js';
 import './../../actions/button/button.js';
 import './../../content/icon/icon.js';
 import { DescribedBy } from '../../../utilities/described-by-mixin.js';
+import { translate } from '../../../utilities/translations.js';
 let NLDDSearchField = class NLDDSearchField extends DescribedBy(FormAssociated(LitElement)) {
     constructor() {
         super(...arguments);
         this._initialValue = '';
-        this.value = '';
+        this.size = 'md';
+        /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
+        this.width = '';
         this.placeholder = 'Zoeken';
         /** Accessible label forwarded as aria-label to the native input.
          *  Use to describe what is being searched, e.g. "Zoek een document".
@@ -54,18 +57,9 @@ let NLDDSearchField = class NLDDSearchField extends DescribedBy(FormAssociated(L
          *  Set an explicit accessible-label when a value is already present and the
          *  placeholder is no longer visible, to ensure screen readers still have context. */
         this.accessibleLabel = '';
-        this.size = 'md';
-        this.disabled = false;
-        this.name = '';
         this.showSearchButton = false;
         /** Override one or more translation keys. Unset keys fall back to Dutch. */
         this.translations = {};
-        this.noSpellcheck = false;
-        /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
-        this.width = '';
-        this.required = false;
-        /** Regular expression the value has to match, as the native `pattern`. */
-        this.pattern = '';
         /**
          * Marks the control as invalid.
          *
@@ -76,6 +70,13 @@ let NLDDSearchField = class NLDDSearchField extends DescribedBy(FormAssociated(L
          * choosing not to show something is not a reason to keep quiet about it.
          */
         this.invalid = false;
+        this.disabled = false;
+        this.name = '';
+        this.value = '';
+        this.required = false;
+        /** Regular expression the value has to match, as the native `pattern`. */
+        this.pattern = '';
+        this.noSpellcheck = false;
     }
     firstUpdated() {
         this._initialValue = this.value;
@@ -103,7 +104,7 @@ let NLDDSearchField = class NLDDSearchField extends DescribedBy(FormAssociated(L
     }
     // — i18n ——————————————————————————————————————————————————————————————————
     _t(key) {
-        return this.translations[key] ?? nlddSearchFieldTranslations[key];
+        return translate(this.translations, nlddSearchFieldTranslations, key);
     }
     // — Handlers ————————————————————————————————————————————————————————————
     // The native input/change events are composed, so without stopPropagation
@@ -185,23 +186,20 @@ NLDDSearchField.isFormInput = true;
  *  would submit the form. See utilities/implicit-submission.ts. */
 NLDDSearchField.blocksImplicitSubmission = true;
 __decorate([
-    property({ type: String })
-], NLDDSearchField.prototype, "value", void 0);
+    property({ reflect: true, converter: reflectNonDefault('md') })
+], NLDDSearchField.prototype, "size", void 0);
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('') })
+], NLDDSearchField.prototype, "width", void 0);
+__decorate([
+    query('.search-field__input')
+], NLDDSearchField.prototype, "_input", void 0);
 __decorate([
     property({ type: String })
 ], NLDDSearchField.prototype, "placeholder", void 0);
 __decorate([
     property({ type: String, attribute: 'accessible-label' })
 ], NLDDSearchField.prototype, "accessibleLabel", void 0);
-__decorate([
-    property({ reflect: true, converter: reflectNonDefault('md') })
-], NLDDSearchField.prototype, "size", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], NLDDSearchField.prototype, "disabled", void 0);
-__decorate([
-    property({ reflect: true, converter: reflectNonDefault('') })
-], NLDDSearchField.prototype, "name", void 0);
 __decorate([
     property({ type: Boolean, reflect: true, attribute: 'show-search-button' })
 ], NLDDSearchField.prototype, "showSearchButton", void 0);
@@ -209,20 +207,20 @@ __decorate([
     property({ type: Object })
 ], NLDDSearchField.prototype, "translations", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true, attribute: 'no-spellcheck' })
-], NLDDSearchField.prototype, "noSpellcheck", void 0);
+    property({ type: Boolean, reflect: true })
+], NLDDSearchField.prototype, "invalid", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NLDDSearchField.prototype, "disabled", void 0);
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('') })
-], NLDDSearchField.prototype, "width", void 0);
+], NLDDSearchField.prototype, "name", void 0);
 __decorate([
-    query('.search-field__input')
-], NLDDSearchField.prototype, "_input", void 0);
+    property({ type: String })
+], NLDDSearchField.prototype, "value", void 0);
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NLDDSearchField.prototype, "required", void 0);
-__decorate([
-    property({ reflect: true, converter: reflectNonDefault('') })
-], NLDDSearchField.prototype, "pattern", void 0);
 __decorate([
     property({ type: Number, reflect: true })
 ], NLDDSearchField.prototype, "minlength", void 0);
@@ -230,8 +228,11 @@ __decorate([
     property({ type: Number, reflect: true })
 ], NLDDSearchField.prototype, "maxlength", void 0);
 __decorate([
-    property({ type: Boolean, reflect: true })
-], NLDDSearchField.prototype, "invalid", void 0);
+    property({ reflect: true, converter: reflectNonDefault('') })
+], NLDDSearchField.prototype, "pattern", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'no-spellcheck' })
+], NLDDSearchField.prototype, "noSpellcheck", void 0);
 NLDDSearchField = __decorate([
     customElement('nldd-search-field')
 ], NLDDSearchField);

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

@@ -1 +1 @@
-{"version":3,"file":"search-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,cAAc,EAAkB,MAAM,6CAA6C,CAAC;AAC7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,4CAA4C,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAKhE,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IAArE;;QAaE,kBAAa,GAAG,EAAE,CAAC;QAG3B,UAAK,GAAG,EAAE,CAAC;QAGX,gBAAW,GAAG,QAAQ,CAAC;QAEvB;;;;6FAIqF;QAErF,oBAAe,GAAG,EAAE,CAAC;QAGrB,SAAI,GAAoB,IAAI,CAAC;QAG7B,aAAQ,GAAG,KAAK,CAAC;QAGjB,SAAI,GAAG,EAAE,CAAC;QAGV,qBAAgB,GAAG,KAAK,CAAC;QAEzB,4EAA4E;QAE5E,iBAAY,GAAyC,EAAE,CAAC;QAGxD,iBAAY,GAAG,KAAK,CAAC;QAErB,oGAAoG;QAEpG,UAAK,GAAG,EAAE,CAAC;QAOX,aAAQ,GAAG,KAAK,CAAC;QAEjB,0EAA0E;QAE1E,YAAO,GAAG,EAAE,CAAC;QAWb;;;;;;;;WAQG;QAEH,YAAO,GAAG,KAAK,CAAC;IAmHjB,CAAC;IAjHS,YAAY;QACpB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC;IACjC,CAAC;IAEQ,OAAO,CAAC,OAAuB;QACvC,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC1B,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;YACrB,IAAI,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,GAAG,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC;gBACnD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;YACvC,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;YACvC,CAAC;QACF,CAAC;IACF,CAAC;IAEQ,SAAS;QACjB,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;IACjC,CAAC;IAGD,wBAAwB,CAAC,KAAsC;QAC9D,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACnD,CAAC;IAED,4EAA4E;IAErE,EAAE,CAAC,GAAsC;QAC/C,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,2BAA2B,CAAC,GAAG,CAAC,CAAC;IACnE,CAAC;IAED,0EAA0E;IAE1E,0EAA0E;IAC1E,0EAA0E;IAC1E,2EAA2E;IAC3E,wEAAwE;IACxE,yEAAyE;IACzE,0EAA0E;IAC1E,iCAAiC;IAC1B,YAAY,CAAC,CAAQ;QAC3B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC3C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE;YAC3C,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YAC7B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,aAAa,CAAC,CAAQ;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC3C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YAC7B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAEM,cAAc,CAAC,CAAgB;QACrC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACvB,IAAI,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC;IACF,CAAC;IAEM,YAAY;QAClB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE;YAC3C,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;YACrB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;YACrB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;IACtB,CAAC;IAEM,aAAa;QACnB,IAAI,CAAC,eAAe,EAAE,CAAC;IACxB,CAAC;IAEO,eAAe;QACtB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YAC7B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;OAGG;IACM,KAAK,CAAC,OAAsB;QACpC,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAC7B,CAAC;IAEQ,MAAM;QACd,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;;AAlMe,sBAAM,GAAG,iBAAiB,AAApB,CAAqB;AAE3C;oEACoE;AAC7D,2BAAW,GAAG,IAAI,AAAP,CAAQ;AAE1B;mEACmE;AAC5D,wCAAwB,GAAG,IAAI,AAAP,CAAQ;AAMvC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAChB;AAGX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACJ;AAQvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;wDACrC;AAGrB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAkB,IAAI,CAAC,EAAE,CAAC;6CACpD;AAG7B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC;6CACpD;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;yDACnD;AAIzB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAC6B;AAGxD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;qDAClD;AAIrB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC;8CACnD;AAGX;IADC,KAAK,CAAC,sBAAsB,CAAC;+CACJ;AAI1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC1B;AAIjB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC;gDACjD;AAIb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACvB;AAInB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDACvB;AAanB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC3B;AAlFJ,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAqM3B"}
+{"version":3,"file":"search-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.ts"],"names":[],"mappings":"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"}

package/dist/components/inputs/search-field/search-field.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,4CAA4C,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,8BAA8B,CAAC;AAEtC,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,GAAG,cAAc,CA0D9E"}
+{"version":3,"file":"search-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,4CAA4C,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,8BAA8B,CAAC;AAEtC,wBAAgB,mBAAmB,CAAC,SAAS,EAAE,eAAe,GAAG,cAAc,CA4D9E"}

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

@@ -11,8 +11,10 @@ export function searchFieldTemplate(component) {
     return html `
 		<div class="search-field">
 			<label class="search-field__label">
-				<div class="search-field__search-icon" aria-hidden="true">
-					<nldd-icon name="search"></nldd-icon>
+				<div class="search-field__search-icon"
+					aria-hidden="true"
+				>
+					<nldd-icon icon="search"></nldd-icon>
 				</div>
 				<input class="search-field__input"
 					?required=${component.required}
@@ -37,7 +39,7 @@ export function searchFieldTemplate(component) {
 					${component.value ? html `
 						<div class="search-field__clear-button">
 							<nldd-icon-button
-								variant="neutral-transparent"
+								appearance="neutral-transparent"
 								size=${buttonSize}
 								icon="dismiss"
 								text=${component._t('components.search-field.clear-action')}
@@ -48,7 +50,7 @@ export function searchFieldTemplate(component) {
 					${component.showSearchButton ? html `
 						<div class="search-field__search-button">
 							<nldd-button
-								variant="neutral-tinted"
+								appearance="neutral-tinted"
 								size=${buttonSize}
 								text=${component._t('components.search-field.search-action')}
 								@click=${component._handleSearch}

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

@@ -1 +1 @@
-{"version":3,"file":"search-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,4CAA4C,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,8BAA8B,CAAC;AAEtC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACzD,2EAA2E;IAC3E,0EAA0E;IAC1E,gEAAgE;IAChE,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,gBAAgB,CAAC;IAEtE,OAAO,IAAI,CAAA;;;;;;;iBAOK,SAAS,CAAC,QAAQ;eACpB,SAAS,CAAC,OAAO,IAAI,OAAO;iBAC1B,SAAS,CAAC,SAAS,IAAI,OAAO;iBAC9B,SAAS,CAAC,SAAS,IAAI,OAAO;;cAEjC,SAAS,CAAC,KAAK;mBACV,SAAS,CAAC,WAAW;kBACtB,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,WAAW,IAAI,OAAO;iBAC9D,SAAS,CAAC,QAAQ;YACvB,SAAS,CAAC,IAAI,IAAI,OAAO;kBACnB,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;cAC7C,SAAS,CAAC,YAAY;eACrB,SAAS,CAAC,aAAa;gBACtB,SAAS,CAAC,cAAc;;;KAGnC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;;;OAGX,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;;;;eAId,UAAU;;eAEV,SAAS,CAAC,EAAE,CAAC,sCAAsC,CAAC;iBAClD,SAAS,CAAC,YAAY;;;MAGjC,CAAC,CAAC,CAAC,OAAO;OACT,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAA;;;;eAIzB,UAAU;eACV,SAAS,CAAC,EAAE,CAAC,uCAAuC,CAAC;iBACnD,SAAS,CAAC,aAAa;;;MAGlC,CAAC,CAAC,CAAC,OAAO;;IAEZ,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC"}
+{"version":3,"file":"search-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,4CAA4C,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,8BAA8B,CAAC;AAEtC,MAAM,UAAU,mBAAmB,CAAC,SAA0B;IAC7D,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACzD,2EAA2E;IAC3E,0EAA0E;IAC1E,gEAAgE;IAChE,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC,gBAAgB,CAAC;IAEtE,OAAO,IAAI,CAAA;;;;;;;;;iBASK,SAAS,CAAC,QAAQ;eACpB,SAAS,CAAC,OAAO,IAAI,OAAO;iBAC1B,SAAS,CAAC,SAAS,IAAI,OAAO;iBAC9B,SAAS,CAAC,SAAS,IAAI,OAAO;;cAEjC,SAAS,CAAC,KAAK;mBACV,SAAS,CAAC,WAAW;kBACtB,SAAS,CAAC,eAAe,IAAI,SAAS,CAAC,WAAW,IAAI,OAAO;iBAC9D,SAAS,CAAC,QAAQ;YACvB,SAAS,CAAC,IAAI,IAAI,OAAO;kBACnB,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;cAC7C,SAAS,CAAC,YAAY;eACrB,SAAS,CAAC,aAAa;gBACtB,SAAS,CAAC,cAAc;;;KAGnC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;;;OAGX,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;;;;eAId,UAAU;;eAEV,SAAS,CAAC,EAAE,CAAC,sCAAsC,CAAC;iBAClD,SAAS,CAAC,YAAY;;;MAGjC,CAAC,CAAC,CAAC,OAAO;OACT,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAA;;;;eAIzB,UAAU;eACV,SAAS,CAAC,EAAE,CAAC,uCAAuC,CAAC;iBACnD,SAAS,CAAC,aAAa;;;MAGlC,CAAC,CAAC,CAAC,OAAO;;IAEZ,CAAC,CAAC,CAAC,OAAO;;EAEZ,CAAC;AACH,CAAC"}

package/dist/components/inputs/segmented-control/segmented-control.d.ts

@@ -7,6 +7,7 @@
  * @element nldd-segmented-control
  * @attr {string} value - Selected value for radio type
  * @prop {string[]} values - Selected values for checkbox type (property binding only, not an attribute)
+ * @attr {string} appearance - Visual style, color included: 'neutral-tinted' | 'neutral-base' (default: 'neutral-tinted'). neutral-base is for a tinted surface. For a quiet row without a track, use nldd-toggle-button-group with type="radio" and a transparent appearance.
  * @attr {string} size - Control size: 'sm' | 'md' | 'lg' (default: 'md')
  * @attr {string} type - Selection mode: 'radio' | 'checkbox' (default: 'radio').
  * @attr {string} variant - Content type for all items: 'text' | 'icon' | 'icon-and-text' (default: 'text')
@@ -30,6 +31,7 @@
  * @attr {boolean} disabled - Disabled state
  * @attr {string} text - Text label (shown for variant "text" and "icon-and-text"; used as aria-label and tooltip for variant "icon")
  * @attr {string} icon - Icon name for nldd-icon
+ * @attr {string} appearance - Visual style: 'neutral-tinted' | 'neutral-base' (default: 'neutral-tinted'). Set by nldd-segmented-control.
  * @attr {string} size - Control size: 'sm' | 'md' | 'lg' (default: 'md'). Set by nldd-segmented-control.
  * @attr {string} variant - Content type: 'text' | 'icon' | 'icon-and-text' (default: 'text'). Set by nldd-segmented-control.
  * @attr {string} input-type - Selection mode: 'radio' | 'checkbox' (default: 'radio'). In radio mode the item is the radio itself, in checkbox mode it renders a native checkbox. Set by nldd-segmented-control.
@@ -44,6 +46,7 @@ import { LitElement } from 'lit';
 import { type FormValue } from '../../../utilities/form-associated-mixin.js';
 import { type RadioPosition } from '../../../utilities/radio-position.js';
 import './../../content/icon/icon.js';
+export type SegmentedControlAppearance = 'neutral-tinted' | 'neutral-base';
 export type SegmentedControlSize = 'sm' | 'md' | 'lg';
 export type SegmentedControlType = 'radio' | 'checkbox';
 export type SegmentedControlVariant = 'text' | 'icon' | 'icon-and-text';
@@ -53,6 +56,8 @@ export declare class NLDDSegmentedControlItem extends LitElement {
     value: string;
     selected: boolean;
     disabled: boolean;
+    /** Set by nldd-segmented-control. Not part of the public API. */
+    appearance: SegmentedControlAppearance;
     /** Control size: 'sm' | 'md' | 'lg'. Set by nldd-segmented-control. Not part of the public API. */
     size: SegmentedControlSize;
     /** Set by nldd-segmented-control. Not part of the public API. */
@@ -149,6 +154,7 @@ export declare class NLDDSegmentedControl extends NLDDSegmentedControl_base {
      * Does not reflect to an attribute — safe for values containing spaces or special characters.
      */
     values: string[];
+    appearance: SegmentedControlAppearance;
     size: SegmentedControlSize;
     type: SegmentedControlType;
     /** Content type applied to all items: text, icon, or icon-and-text. Per-item mixing is not supported. */

package/dist/components/inputs/segmented-control/segmented-control.d.ts.map

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

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

@@ -14,6 +14,7 @@ var NLDDSegmentedControl_1;
  * @element nldd-segmented-control
  * @attr {string} value - Selected value for radio type
  * @prop {string[]} values - Selected values for checkbox type (property binding only, not an attribute)
+ * @attr {string} appearance - Visual style, color included: 'neutral-tinted' | 'neutral-base' (default: 'neutral-tinted'). neutral-base is for a tinted surface. For a quiet row without a track, use nldd-toggle-button-group with type="radio" and a transparent appearance.
  * @attr {string} size - Control size: 'sm' | 'md' | 'lg' (default: 'md')
  * @attr {string} type - Selection mode: 'radio' | 'checkbox' (default: 'radio').
  * @attr {string} variant - Content type for all items: 'text' | 'icon' | 'icon-and-text' (default: 'text')
@@ -37,6 +38,7 @@ var NLDDSegmentedControl_1;
  * @attr {boolean} disabled - Disabled state
  * @attr {string} text - Text label (shown for variant "text" and "icon-and-text"; used as aria-label and tooltip for variant "icon")
  * @attr {string} icon - Icon name for nldd-icon
+ * @attr {string} appearance - Visual style: 'neutral-tinted' | 'neutral-base' (default: 'neutral-tinted'). Set by nldd-segmented-control.
  * @attr {string} size - Control size: 'sm' | 'md' | 'lg' (default: 'md'). Set by nldd-segmented-control.
  * @attr {string} variant - Content type: 'text' | 'icon' | 'icon-and-text' (default: 'text'). Set by nldd-segmented-control.
  * @attr {string} input-type - Selection mode: 'radio' | 'checkbox' (default: 'radio'). In radio mode the item is the radio itself, in checkbox mode it renders a native checkbox. Set by nldd-segmented-control.
@@ -65,6 +67,8 @@ let NLDDSegmentedControlItem = class NLDDSegmentedControlItem extends LitElement
         this.value = '';
         this.selected = false;
         this.disabled = false;
+        /** Set by nldd-segmented-control. Not part of the public API. */
+        this.appearance = 'neutral-tinted';
         /** Control size: 'sm' | 'md' | 'lg'. Set by nldd-segmented-control. Not part of the public API. */
         this.size = 'md';
         /** Set by nldd-segmented-control. Not part of the public API. */
@@ -225,6 +229,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], NLDDSegmentedControlItem.prototype, "disabled", void 0);
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('neutral-tinted') })
+], NLDDSegmentedControlItem.prototype, "appearance", void 0);
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('md') })
 ], NLDDSegmentedControlItem.prototype, "size", void 0);
@@ -289,6 +296,7 @@ let NLDDSegmentedControl = NLDDSegmentedControl_1 = class NLDDSegmentedControl e
          * Does not reflect to an attribute — safe for values containing spaces or special characters.
          */
         this.values = [];
+        this.appearance = 'neutral-tinted';
         this.size = 'md';
         this.type = 'radio';
         /** Content type applied to all items: text, icon, or icon-and-text. Per-item mixing is not supported. */
@@ -469,6 +477,7 @@ let NLDDSegmentedControl = NLDDSegmentedControl_1 = class NLDDSegmentedControl e
         }
         if (changedProperties.has('value') ||
             changedProperties.has('values') ||
+            changedProperties.has('appearance') ||
             changedProperties.has('size') ||
             changedProperties.has('disabled') ||
             changedProperties.has('type') ||
@@ -541,6 +550,7 @@ let NLDDSegmentedControl = NLDDSegmentedControl_1 = class NLDDSegmentedControl e
             });
         }
         items.forEach(item => {
+            item.appearance = this.appearance;
             item.size = this.size;
             item.inputType = this.type;
             item.variant = this.variant;
@@ -598,6 +608,9 @@ __decorate([
 __decorate([
     property({ type: Array, attribute: false })
 ], NLDDSegmentedControl.prototype, "values", void 0);
+__decorate([
+    property({ reflect: true, converter: reflectNonDefault('neutral-tinted') })
+], NLDDSegmentedControl.prototype, "appearance", void 0);
 __decorate([
     property({ reflect: true, converter: reflectNonDefault('md') })
 ], NLDDSegmentedControl.prototype, "size", void 0);