@nldd/design-system 0.8.43 → 0.8.45

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

@@ -5,13 +5,24 @@ export const dropdownStyles = css `
 	/* # Host */
 
 	:host {
-		--_xs-picker-icon-size: var(--primitives-space-16);
-		--_sm-picker-icon-size: var(--primitives-space-20);
-		--_md-picker-icon-size: var(--primitives-space-24);
-		--_width: auto;
+		--_width: 100%;
+		--_corner-radius: var(--semantics-controls-md-corner-radius);
+		--_min-size: var(--semantics-controls-md-min-size);
+		--_inline-padding: var(--semantics-controls-md-inline-padding);
+		--_text-font: var(--semantics-input-fields-md-text-font);
+		--_validation-icon-area-padding-right: var(--primitives-space-4);
+		--_validation-icon-size: var(--semantics-input-fields-md-validation-icon-size);
+		--_picker-icon-size: var(--primitives-space-24);
+		--_background-color: var(--semantics-buttons-neutral-tinted-background-color);
+		--_content-color: var(--semantics-buttons-neutral-tinted-content-color);
+		--_is-hovered-background-color: var(--semantics-buttons-neutral-tinted-is-hovered-background-color);
+		--_is-hovered-content-color: var(--semantics-buttons-neutral-tinted-is-hovered-content-color);
+		--_is-active-background-color: var(--semantics-buttons-neutral-tinted-is-active-background-color);
+		--_is-active-content-color: var(--semantics-buttons-neutral-tinted-is-active-content-color);
 
 		display: block;
 		width: var(--_width);
+		max-width: 100%;
 		-webkit-tap-highlight-color: transparent;
 	}
 
@@ -19,6 +30,35 @@ export const dropdownStyles = css `
 		display: none;
 	}
 
+	:host([size="sm"]) {
+		--_corner-radius: var(--semantics-controls-sm-corner-radius);
+		--_min-size: var(--semantics-controls-sm-min-size);
+		--_inline-padding: var(--semantics-controls-sm-inline-padding);
+		--_text-font: var(--semantics-input-fields-sm-text-font);
+		--_validation-icon-area-padding-right: var(--primitives-space-2);
+		--_validation-icon-size: var(--semantics-input-fields-sm-validation-icon-size);
+		--_picker-icon-size: var(--primitives-space-20);
+	}
+
+	:host([size="xs"]) {
+		--_corner-radius: var(--semantics-controls-xs-corner-radius);
+		--_min-size: var(--semantics-controls-xs-min-size);
+		--_inline-padding: var(--semantics-controls-xs-inline-padding);
+		--_text-font: var(--semantics-input-fields-xs-text-font);
+		--_validation-icon-area-padding-right: var(--primitives-space-0);
+		--_validation-icon-size: var(--semantics-input-fields-xs-validation-icon-size);
+		--_picker-icon-size: var(--primitives-space-16);
+	}
+
+	:host([expanded]) {
+		--_background-color: var(--semantics-buttons-neutral-tinted-is-expanded-background-color);
+		--_content-color: var(--semantics-buttons-neutral-tinted-is-expanded-content-color);
+		--_is-hovered-background-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-hovered-background-color);
+		--_is-hovered-content-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-hovered-content-color);
+		--_is-active-background-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-active-background-color);
+		--_is-active-content-color: var(--semantics-buttons-neutral-tinted-is-expanded-is-active-content-color);
+	}
+
 	:host([disabled]) {
 		opacity: var(--primitives-opacity-disabled);
 		pointer-events: none;
@@ -28,107 +68,88 @@ export const dropdownStyles = css `
 	/* # Block */
 
 	.dropdown {
-		position: relative;
+		box-sizing: border-box;
 		display: flex;
+		position: relative;
+		border-radius: var(--_corner-radius);
+		background-color: var(--_background-color);
+		width: 100%;
+		min-height: var(--_min-size);
 		flex-direction: row;
 		align-items: center;
-		box-sizing: border-box;
-		width: 100%;
-		background-color: var(--semantics-buttons-neutral-tinted-background-color);
-		color: var(--semantics-buttons-neutral-tinted-content-color);
+		color: var(--_content-color);
+		transition:
+			background-color var(--primitives-transition-duration-fast) var(--primitives-transition-easing-default),
+			color var(--primitives-transition-duration-fast) var(--primitives-transition-easing-default)
+		;
 	}
 
-	:host([size='xs']) .dropdown {
-		min-height: var(--semantics-controls-xs-min-size);
-		border-radius: var(--semantics-controls-xs-corner-radius);
+	.dropdown:hover {
+		@media (hover: hover) {
+			background-color: var(--_is-hovered-background-color);
+			color: var(--_is-hovered-content-color);
+		}
 	}
 
-	:host([size='sm']) .dropdown {
-		min-height: var(--semantics-controls-sm-min-size);
-		border-radius: var(--semantics-controls-sm-corner-radius);
+	.dropdown:active {
+		background-color: var(--_is-active-background-color);
+		color: var(--_is-active-content-color);
 	}
 
-	:host([size='md']) .dropdown,
-	:host(:not([size])) .dropdown {
-		min-height: var(--semantics-controls-md-min-size);
-		border-radius: var(--semantics-controls-md-corner-radius);
-	}
-
-	:host([keyboard-focused]) .dropdown {
+	.dropdown:focus-within {
 		outline: var(--semantics-focus-ring-outline);
 		outline-offset: var(--semantics-focus-ring-outline-offset);
 		box-shadow: var(--semantics-focus-ring-box-shadow);
 	}
 
+	:host([is-pointer-focus]) .dropdown:focus-within {
+		outline: none;
+		box-shadow: none;
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		.dropdown {
+			transition: none;
+		}
+	}
+
 
-	/* # Slotted select */
+	/* # Elements */
 
 	::slotted(select) {
+		box-sizing: border-box;
 		position: absolute;
 		inset: 0;
-		width: 100%;
-		height: 100%;
 		opacity: 0;
-		appearance: none;
-		border: none;
 		margin: 0;
-		padding: 0;
-		background: transparent;
 		outline: none;
-		box-sizing: border-box;
+		border: none;
+		background: transparent;
+		width: 100%;
+		height: 100%;
+		padding: 0;
 		font: var(--semantics-input-fields-native-select-font);
+		appearance: none;
 	}
 
-
-	/* # Value */
-
 	.dropdown__value {
-		flex-grow: 1;
 		min-width: 0;
-		white-space: nowrap;
 		overflow: hidden;
-		text-overflow: ellipsis;
+		padding: 0 var(--_inline-padding);
+		flex-grow: 1;
 		color: inherit;
+		font: var(--_text-font);
+		white-space: nowrap;
+		text-overflow: ellipsis;
 	}
 
-	:host([size='xs']) .dropdown__value {
-		padding: 0 var(--semantics-controls-xs-inline-padding);
-		font: var(--semantics-input-fields-xs-text-font);
-	}
-
-	:host([size='sm']) .dropdown__value {
-		padding: 0 var(--semantics-controls-sm-inline-padding);
-		font: var(--semantics-input-fields-sm-text-font);
-	}
-
-	:host([size='md']) .dropdown__value,
-	:host(:not([size])) .dropdown__value {
-		padding: 0 var(--semantics-controls-md-inline-padding);
-		font: var(--semantics-input-fields-md-text-font);
-	}
-
-
-	/* # Validation icon */
-
 	.dropdown__validation-icon-area {
 		display: flex;
+		height: 100%;
+		padding-right: var(--_validation-icon-area-padding-right);
+		flex-shrink: 0;
 		align-items: center;
 		justify-content: center;
-		flex-shrink: 0;
-		height: 100%;
-	}
-
-	:host([size='xs']) .dropdown__validation-icon-area {
-		padding-right: var(--primitives-space-0);
-	}
-
-	:host([size='sm']) .dropdown__validation-icon-area {
-		padding-right: var(--primitives-space-2);
-	}
-
-	:host([size='md']) .dropdown__validation-icon-area,
-	:host(:not([size])) .dropdown__validation-icon-area {
-		padding-right: var(--primitives-space-4);
 	}
 
 	:host([valid]) .dropdown__validation-icon-area {
@@ -139,50 +160,20 @@ export const dropdownStyles = css `
 		color: var(--semantics-input-fields-is-invalid-icon-color);
 	}
 
-	:host([size='xs']) .dropdown__validation-icon {
-		width: var(--semantics-input-fields-xs-validation-icon-size);
-		height: var(--semantics-input-fields-xs-validation-icon-size);
+	.dropdown__validation-icon {
+		width: var(--_validation-icon-size);
+		height: var(--_validation-icon-size);
 	}
 
-	:host([size='sm']) .dropdown__validation-icon {
-		width: var(--semantics-input-fields-sm-validation-icon-size);
-		height: var(--semantics-input-fields-sm-validation-icon-size);
-	}
-
-	:host([size='md']) .dropdown__validation-icon,
-	:host(:not([size])) .dropdown__validation-icon {
-		width: var(--semantics-input-fields-md-validation-icon-size);
-		height: var(--semantics-input-fields-md-validation-icon-size);
-	}
-
-
-	/* # Picker icon */
-
 	.dropdown__picker-icon {
 		display: flex;
+		width: var(--_picker-icon-size);
+		height: var(--_picker-icon-size);
+		padding-right: calc((var(--_min-size) - var(--_picker-icon-size)) / 2);
+		flex-shrink: 0;
 		align-items: center;
 		justify-content: center;
-		flex-shrink: 0;
 		color: inherit;
 	}
-
-	:host([size='xs']) .dropdown__picker-icon {
-		width: var(--_xs-picker-icon-size);
-		height: var(--_xs-picker-icon-size);
-		padding-right: calc((var(--semantics-controls-xs-min-size) - var(--_xs-picker-icon-size)) / 2);
-	}
-
-	:host([size='sm']) .dropdown__picker-icon {
-		width: var(--_sm-picker-icon-size);
-		height: var(--_sm-picker-icon-size);
-		padding-right: calc((var(--semantics-controls-sm-min-size) - var(--_sm-picker-icon-size)) / 2);
-	}
-
-	:host([size='md']) .dropdown__picker-icon,
-	:host(:not([size])) .dropdown__picker-icon {
-		width: var(--_md-picker-icon-size);
-		height: var(--_md-picker-icon-size);
-		padding-right: calc((var(--semantics-controls-md-min-size) - var(--_md-picker-icon-size)) / 2);
-	}
 `;
 //# sourceMappingURL=dropdown.styles.js.map

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;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyLhC,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;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgLhC,CAAC"}

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

@@ -18,6 +18,7 @@
  * @attr {string} resize          - 'none' | 'vertical' (default) | 'auto'.
  *                                  '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 {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
@@ -54,6 +55,7 @@ export declare class NLDDMultiLineTextField extends LitElement {
     /** Accessible label forwarded to the inner <textarea>. Set automatically by nldd-form-field. */
     accessibleLabel: string;
     errorMessageIds: string;
+    noSpellcheck: boolean;
     /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
     width: string;
     private _textarea;

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;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,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,CAAc;IAEhC,gGAAgG;IAEhG,eAAe,SAAM;IAGrB,eAAe,SAAM;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAIX,OAAO,CAAC,SAAS,CAAuB;IAE/B,YAAY,IAAI,IAAI;IAOpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAoB/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;AAKtD,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,CAAc;IAEhC,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;IAoB/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"}

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

@@ -24,6 +24,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * @attr {string} resize          - 'none' | 'vertical' (default) | 'auto'.
  *                                  '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 {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
@@ -54,6 +55,7 @@ let NLDDMultiLineTextField = class NLDDMultiLineTextField extends LitElement {
         /** Accessible label forwarded to the inner <textarea>. Set automatically by nldd-form-field. */
         this.accessibleLabel = '';
         this.errorMessageIds = '';
+        this.noSpellcheck = false;
         /** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
         this.width = '';
     }
@@ -168,6 +170,9 @@ __decorate([
 __decorate([
     property({ type: String, attribute: 'error-message-ids' })
 ], NLDDMultiLineTextField.prototype, "errorMessageIds", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'no-spellcheck' })
+], NLDDMultiLineTextField.prototype, "noSpellcheck", void 0);
 __decorate([
     property({ type: String, reflect: true })
 ], NLDDMultiLineTextField.prototype, "width", void 0);

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-line-text-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,yBA8KpC,CAAC"}
+{"version":3,"file":"multi-line-text-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,yBAoJpC,CAAC"}

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

@@ -5,50 +5,46 @@ export const multiLineTextFieldStyles = css `
 	/* # Host */
 
 	:host {
+		--_width: 100%;
 		--_background-color: var(--semantics-input-fields-background-color);
-		--_width: auto;
+		--_corner-radius: var(--semantics-controls-md-corner-radius);
+		--_inline-padding: calc(var(--semantics-controls-md-inline-padding) - var(--semantics-input-fields-border-thickness));
+		--_min-size: var(--semantics-controls-md-min-size);
+		--_text-font: var(--semantics-input-fields-md-text-font);
+		--_icon-area-size: calc(var(--_min-size) - var(--semantics-input-fields-border-thickness) * 2);
+		--_validation-icon-size: var(--semantics-input-fields-md-validation-icon-size);
 
 		display: block;
 		width: var(--_width);
+		max-width: 100%;
 		-webkit-tap-highlight-color: transparent;
 	}
 
-	:host([size='sm']) {
-		--_inline-padding: calc(var(--semantics-controls-sm-inline-padding) - var(--semantics-input-fields-border-thickness));
-		--_icon-area-size: calc(var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2);
-	}
-
-	:host([size='md']),
-	:host(:not([size])) {
-		--_inline-padding: calc(var(--semantics-controls-md-inline-padding) - var(--semantics-input-fields-border-thickness));
-		--_icon-area-size: calc(var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2);
-	}
-
 	:host([hidden]) {
 		display: none;
 	}
 
+	: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));
+		--_min-size: 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);
+	}
+
 
 	/* # Block */
 
 	.multi-line-text-field {
-		position: relative;
-		display: block;
 		box-sizing: border-box;
+		display: block;
+		position: relative;
 		border: var(--semantics-input-fields-border);
+		border-radius: var(--_corner-radius);
 		background-color: var(--_background-color);
 		overflow: hidden;
 	}
 
-	:host([size='sm']) .multi-line-text-field {
-		border-radius: var(--semantics-controls-sm-corner-radius);
-	}
-
-	:host([size='md']) .multi-line-text-field,
-	:host(:not([size])) .multi-line-text-field {
-		border-radius: var(--semantics-controls-md-corner-radius);
-	}
-
 	:host([valid]) .multi-line-text-field {
 		border-color: var(--semantics-input-fields-is-valid-border-color);
 	}
@@ -58,8 +54,8 @@ export const multiLineTextFieldStyles = css `
 	}
 
 	:host([readonly]) .multi-line-text-field {
-		border-color: var(--semantics-input-fields-is-read-only-border-color);
 		--_background-color: var(--semantics-input-fields-is-read-only-background-color);
+		border-color: var(--semantics-input-fields-is-read-only-border-color);
 	}
 
 	:host([disabled]) .multi-line-text-field {
@@ -78,47 +74,37 @@ export const multiLineTextFieldStyles = css `
 	}
 
 
-	/* # Input */
+	/* # Elements */
 
 	.multi-line-text-field__input {
-		display: block;
-		width: 100%;
 		box-sizing: border-box;
+		display: block;
 		margin: 0;
-		color: var(--semantics-content-color);
-		background: transparent;
-		border: none;
 		outline: none;
-		appearance: none;
+		border: none;
+		background: transparent;
+		width: 100%;
+		min-height: calc(var(--_min-size) - var(--semantics-input-fields-border-thickness) * 2);
+		padding-block: calc((var(--_min-size) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
 		padding-inline: var(--_inline-padding);
+		color: var(--semantics-content-color);
+		font: var(--_text-font);
+		appearance: none;
 	}
 
-	:host([resize='vertical']) .multi-line-text-field__input {
+	:host([resize="vertical"]) .multi-line-text-field__input {
 		resize: vertical;
 	}
 
-	:host([resize='none']) .multi-line-text-field__input {
+	:host([resize="none"]) .multi-line-text-field__input {
 		resize: none;
 	}
 
-	:host([resize='auto']) .multi-line-text-field__input {
+	:host([resize="auto"]) .multi-line-text-field__input {
 		resize: none;
 		field-sizing: content;
 	}
 
-	:host([size='sm']) .multi-line-text-field__input {
-		font: var(--semantics-input-fields-sm-text-font);
-		padding-block: calc((var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
-		min-height: calc(var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2);
-	}
-
-	:host([size='md']) .multi-line-text-field__input,
-	:host(:not([size])) .multi-line-text-field__input {
-		font: var(--semantics-input-fields-md-text-font);
-		padding-block: calc((var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
-		min-height: calc(var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2);
-	}
-
 	:host([valid]) .multi-line-text-field__input,
 	:host([invalid]) .multi-line-text-field__input {
 		padding-inline-end: var(--_icon-area-size);
@@ -137,19 +123,16 @@ export const multiLineTextFieldStyles = css `
 		box-shadow: 0 0 0 999px var(--_background-color) inset;
 	}
 
-
-	/* # Validation icon area */
-
 	.multi-line-text-field__validation-icon-area {
+		display: flex;
 		position: absolute;
 		top: 0;
 		right: 0;
-		display: flex;
-		align-items: center;
-		justify-content: center;
+		pointer-events: none;
 		width: var(--_icon-area-size);
 		height: var(--_icon-area-size);
-		pointer-events: none;
+		align-items: center;
+		justify-content: center;
 	}
 
 	:host([valid]) .multi-line-text-field__validation-icon-area {
@@ -160,18 +143,9 @@ export const multiLineTextFieldStyles = css `
 		color: var(--semantics-input-fields-is-invalid-icon-color);
 	}
 
-
-	/* # Validation icon */
-
-	:host([size='sm']) .multi-line-text-field__validation-icon {
-		width: var(--semantics-input-fields-sm-validation-icon-size);
-		height: var(--semantics-input-fields-sm-validation-icon-size);
-	}
-
-	:host([size='md']) .multi-line-text-field__validation-icon,
-	:host(:not([size])) .multi-line-text-field__validation-icon {
-		width: var(--semantics-input-fields-md-validation-icon-size);
-		height: var(--semantics-input-fields-md-validation-icon-size);
+	.multi-line-text-field__validation-icon {
+		width: var(--_validation-icon-size);
+		height: var(--_validation-icon-size);
 	}
 `;
 //# sourceMappingURL=multi-line-text-field.styles.js.map

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;AAE1B,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8K1C,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;AAE1B,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoJ1C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"multi-line-text-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,8BAA8B,CAAC;AA0BtC,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,sBAAsB,GAAG,cAAc,CAqB5F"}
+{"version":3,"file":"multi-line-text-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,8BAA8B,CAAC;AA0BtC,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,sBAAsB,GAAG,cAAc,CAsB5F"}

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

@@ -35,6 +35,7 @@ export function multiLineTextFieldTemplate(component) {
 				?readonly=${component.readonly}
 				?required=${component.required}
 				autocomplete=${component.autocomplete || nothing}
+				spellcheck=${component.noSpellcheck ? 'false' : 'true'}
 				aria-label=${component.accessibleLabel || nothing}
 				aria-describedby=${component.errorMessageIds || nothing}
 				aria-invalid=${component.invalid ? 'true' : nothing}

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

@@ -1 +1 @@
-{"version":3,"file":"multi-line-text-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,8BAA8B,CAAC;AAEtC,SAAS,oBAAoB,CAAC,SAAiC;IAC9D,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,SAAiC;IAC3E,OAAO,IAAI,CAAA;;;SAGH,SAAS,CAAC,OAAO,IAAI,OAAO;WAC1B,SAAS,CAAC,IAAI;aACZ,SAAS,CAAC,KAAK;kBACV,SAAS,CAAC,WAAW,IAAI,OAAO;gBAClC,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;mBACf,SAAS,CAAC,YAAY,IAAI,OAAO;iBACnC,SAAS,CAAC,eAAe,IAAI,OAAO;uBAC9B,SAAS,CAAC,eAAe,IAAI,OAAO;mBACxC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aAC1C,SAAS,CAAC,YAAY;cACrB,SAAS,CAAC,aAAa;;KAEhC,oBAAoB,CAAC,SAAS,CAAC;;EAElC,CAAC;AACH,CAAC"}
+{"version":3,"file":"multi-line-text-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,8BAA8B,CAAC;AAEtC,SAAS,oBAAoB,CAAC,SAAiC;IAC9D,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,SAAiC;IAC3E,OAAO,IAAI,CAAA;;;SAGH,SAAS,CAAC,OAAO,IAAI,OAAO;WAC1B,SAAS,CAAC,IAAI;aACZ,SAAS,CAAC,KAAK;kBACV,SAAS,CAAC,WAAW,IAAI,OAAO;gBAClC,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;mBACf,SAAS,CAAC,YAAY,IAAI,OAAO;iBACnC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;iBACzC,SAAS,CAAC,eAAe,IAAI,OAAO;uBAC9B,SAAS,CAAC,eAAe,IAAI,OAAO;mBACxC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aAC1C,SAAS,CAAC,YAAY;cACrB,SAAS,CAAC,aAAa;;KAEhC,oBAAoB,CAAC,SAAS,CAAC;;EAElC,CAAC;AACH,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"number-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAuJ7B,CAAC"}
+{"version":3,"file":"number-field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA+H7B,CAAC"}