		@@ -34,4 +34,4 @@ /**
		deactivateInputRipple(): void;
		deregisterInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;
		registerInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;
		deregisterInteractionHandler<K extends EventType>(eventType: K, handler: SpecificEventListener<K>): void;
		registerInteractionHandler<K extends EventType>(eventType: K, handler: SpecificEventListener<K>): void;
		}

CHANGELOG.md

		@@ -6,3 +6,3 @@ # Change Log

		# [15.0.0-canary.311ab4d4a.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.311ab4d4a.0) (2023-02-27)
		# [15.0.0-canary.311f29a60.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.311f29a60.0) (2024-04-23)

		@@ -13,1 +13,9 @@
		* checkbox: Attribute `hidden` now correctly hides the checkbox. ([63d3a14](https://github.com/material-components/material-components-web/commit/63d3a146e4ce16867f742ce41b1760da7233ed66))


		### Features

		* formfield: Add `mdc-label` class to `<label>` ([55093ee](https://github.com/material-components/material-components-web/commit/55093ee1e347fc68360a7fa1b45e1cc7f80cc683))
		* formfield: Add `theme` mixin ([ed7e82d](https://github.com/material-components/material-components-web/commit/ed7e82dedcea18db05621abd0a44a3c002cb65e8))
		* formfield: Extract `static-styles` mixin ([d441d2a](https://github.com/material-components/material-components-web/commit/d441d2a2ac5a4a69db1fd867a6bf959b1f7492cd))
		* formfield: Extract `theme-styles` mixin ([48d3001](https://github.com/material-components/material-components-web/commit/48d30012d6605a3038d912d455b98a5f528c2760))

component.js

		@@ -55,9 +55,9 @@ /**
		},
		deregisterInteractionHandler: function (evtType, handler) {
		deregisterInteractionHandler: function (eventType, handler) {
		var _a;
		(_a = _this.labelEl()) === null \|\| _a === void 0 ? void 0 : _a.removeEventListener(evtType, handler);
		(_a = _this.labelEl()) === null \|\| _a === void 0 ? void 0 : _a.removeEventListener(eventType, handler);
		},
		registerInteractionHandler: function (evtType, handler) {
		registerInteractionHandler: function (eventType, handler) {
		var _a;
		(_a = _this.labelEl()) === null \|\| _a === void 0 ? void 0 : _a.addEventListener(evtType, handler);
		(_a = _this.labelEl()) === null \|\| _a === void 0 ? void 0 : _a.addEventListener(eventType, handler);
		},
		@@ -64,0 +64,0 @@ };

package.json

		{
		"name": "@material/form-field",
		"description": "Material Components for the web wrapper for laying out form fields and labels next to one another",
		"version": "15.0.0-canary.311ab4d4a.0",
		"version": "15.0.0-canary.311f29a60.0",
		"license": "MIT",
		@@ -20,11 +20,11 @@ "keywords": [
		"dependencies": {
		"@material/base": "15.0.0-canary.311ab4d4a.0",
		"@material/feature-targeting": "15.0.0-canary.311ab4d4a.0",
		"@material/ripple": "15.0.0-canary.311ab4d4a.0",
		"@material/rtl": "15.0.0-canary.311ab4d4a.0",
		"@material/theme": "15.0.0-canary.311ab4d4a.0",
		"@material/typography": "15.0.0-canary.311ab4d4a.0",
		"@material/base": "15.0.0-canary.311f29a60.0",
		"@material/feature-targeting": "15.0.0-canary.311f29a60.0",
		"@material/ripple": "15.0.0-canary.311f29a60.0",
		"@material/rtl": "15.0.0-canary.311f29a60.0",
		"@material/theme": "15.0.0-canary.311f29a60.0",
		"@material/typography": "15.0.0-canary.311f29a60.0",
		"tslib": "^2.1.0"
		},
		"gitHead": "07f8d2f7bb4b2f30e60a6bd8739befd9d17bfbfc"
		"gitHead": "7bc0264e163e842f0f96c1dbf7a468c022db1497"
		}

README.md

		@@ -40,3 +40,3 @@ <!--docs:
		</div>
		<label for="my-checkbox">This is my checkbox</label>
		<label class="mdc-label" for="my-checkbox">This is my checkbox</label>
		</div>
		@@ -76,3 +76,3 @@ ```
		</div>
		<label for="my-checkbox">This is my checkbox</label>
		<label class="mdc-label" for="my-checkbox">This is my checkbox</label>
		</div>
		@@ -93,3 +93,3 @@ ```
		</div>
		<label for="my-checkbox">This some really really really long text</label>
		<label class="mdc-label" for="my-checkbox">This some really really really long text</label>
		</div>
		@@ -102,3 +102,3 @@ ```
		--- \| --- \| ---
		`input` \| String \| Gets and sets the form field input.
		`input` \| String \| Gets and sets the form field input.

		@@ -105,0 +105,0 @@ In order for the label ripple integration to work correctly, the `input` property needs to be set to a valid instance of an MDC Web input element which exposes a `ripple` getter. No action is taken if the `input` property is not set or the input instance doesn't expose a `ripple` getter.

_mixins.scss