@material/textfield - npm Package Compare versions

Comparing version 15.0.0-canary.6048fb563.0 to 15.0.0-canary.6081d829b.0

adapter.d.ts

@@ -68,3 +68,4 @@ /**
      * @return The native `<input>` element, or an object with the same shape.
-     * Note that this method can return null, which the foundation will handle gracefully.
+     * Note that this method can return null, which the foundation will handle
+     * gracefully.
      */
@@ -81,3 +82,4 @@ getNativeInput(): MDCTextFieldNativeInputElement | null;
     /**
-     * @return true if the textfield is focused. We achieve this via `document.activeElement === this.root`.
+     * @return true if the textfield is focused. We achieve this via
+     *     `document.activeElement === this.root`.
      */
@@ -90,3 +92,4 @@ isFocused(): boolean;
     /**
-     * Deregisters an event listener on the native input element for a given event.
+     * Deregisters an event listener on the native input element for a given
+     * event.
      */
@@ -93,0 +96,0 @@ deregisterInputInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;

CHANGELOG.md

@@ -6,3 +6,3 @@ # Change Log
 
-# [15.0.0-canary.6048fb563.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.6048fb563.0) (2022-11-16)
+# [15.0.0-canary.6081d829b.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.6081d829b.0) (2023-06-07)
 
@@ -14,2 +14,4 @@
 * **text-field:** Update textfield icons to allow spacebar keypresses to trigger an interaction ([c0a11ef](https://github.com/material-components/material-components-web/commit/c0a11ef0d000a098fd0c372be8f12d6a99302855))
+* **textfield:** Add coverage for suffix and prefix text within the font size mixin. ([19bb36a](https://github.com/material-components/material-components-web/commit/19bb36a46b51e79d8bf08948ab5b7d8e9358c2d8))
+* **textfield:** Add support for `focus-active-indicator-height` token. ([8c56759](https://github.com/material-components/material-components-web/commit/8c56759428e34766e263008470390487417f00c4))
 * **textfield:** Fix bugs and compilation errors due to custom properties in the theme map ([1dc797e](https://github.com/material-components/material-components-web/commit/1dc797e7f4efe9010be7097b040c0fcb1902ca8c))
@@ -20,2 +22,3 @@ * **textfield:** Fix several tokens in theming API ([d3344c1](https://github.com/material-components/material-components-web/commit/d3344c16fd9c006059174e1c3b6d90d2302e8134))
 * **textfield:** Improve textfield character counter for screen reader ([2797ff8](https://github.com/material-components/material-components-web/commit/2797ff8b651ee34900cf38b115dc69193abdb7b8))
+* **textfield:** initializes 'valid' property from the DOM. ([b836b98](https://github.com/material-components/material-components-web/commit/b836b989225a6259220a98dd23fd2a4b99014031))
 * **textfield:** Make it possible to customise leading and trailing icon in disabled states separately ([00d8de0](https://github.com/material-components/material-components-web/commit/00d8de0aadef3f3caffc1ca2a13cf932057dcdbe))
@@ -26,4 +29,10 @@
 
+* **textfield:** Add `static-styles` mixin ([82554d7](https://github.com/material-components/material-components-web/commit/82554d7709f8945af78415597d9b121afaddd1c0))
+* **textfield:** Add character counter to theming api ([1d37bf6](https://github.com/material-components/material-components-web/commit/1d37bf601f471b43f5b313bbc8ea58def2cc5c9f))
 * **textfield:** add support for several new tokens ([d71935c](https://github.com/material-components/material-components-web/commit/d71935c8bf8dd6e1a4a7a38e57d02d3de4f56f67))
+* **textfield:** changed the visibility of the mixin `filled-no-label` to public ([8879557](https://github.com/material-components/material-components-web/commit/8879557e677d9b160a106e46279b1b6855926fb5))
+* **textfield:** Changed visibility of $custom-property-prefix to public ([d96330c](https://github.com/material-components/material-components-web/commit/d96330c085b4fe8fc59c7eb835d41ebca3a08422))
+* **textfield:** Changed visibility of $custom-property-prefix to public ([f323399](https://github.com/material-components/material-components-web/commit/f323399371aec4378186a05b5a839e53d9e464c0))
+* **textfield:** Changed visibility of $custom-property-prefix to public. ([274610c](https://github.com/material-components/material-components-web/commit/274610c77e6a9c9f19780b688cc6686a97e453a1))
 * **textfield:** Ensure Theming API feature consistency ([7134a77](https://github.com/material-components/material-components-web/commit/7134a7752e5d06837e1eb3da7f2b49d6ba9fb72c))
 * Support '-5' density for text fields ([e457014](https://github.com/material-components/material-components-web/commit/e4570146f182059e919d089d26bc6b2813015f10))

character-counter/component.d.ts

@@ -25,7 +25,9 @@ /**
 import { MDCTextFieldCharacterCounterFoundation } from './foundation';
-export declare type MDCTextFieldCharacterCounterFactory = (el: Element, foundation?: MDCTextFieldCharacterCounterFoundation) => MDCTextFieldCharacterCounter;
+/** MDC Text Field Character Counter Factory */
+export declare type MDCTextFieldCharacterCounterFactory = (el: HTMLElement, foundation?: MDCTextFieldCharacterCounterFoundation) => MDCTextFieldCharacterCounter;
+/** MDC Text Field Character Counter */
 export declare class MDCTextFieldCharacterCounter extends MDCComponent<MDCTextFieldCharacterCounterFoundation> {
-    static attachTo(root: Element): MDCTextFieldCharacterCounter;
+    static attachTo(root: HTMLElement): MDCTextFieldCharacterCounter;
     get foundationForTextField(): MDCTextFieldCharacterCounterFoundation;
     getDefaultFoundation(): MDCTextFieldCharacterCounterFoundation;
 }

character-counter/component.js

@@ -26,2 +26,3 @@ /**
 import { MDCTextFieldCharacterCounterFoundation } from './foundation';
+/** MDC Text Field Character Counter */
 var MDCTextFieldCharacterCounter = /** @class */ (function (_super) {
@@ -45,4 +46,5 @@ __extends(MDCTextFieldCharacterCounter, _super);
         var _this = this;
-        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
-        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
+        // DO NOT INLINE this variable. For backward compatibility, foundations take
+        // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any
+        // methods, we need a separate, strongly typed adapter variable.
         var adapter = {
@@ -49,0 +51,0 @@ setContent: function (content) {

character-counter/foundation.d.ts

@@ -25,2 +25,3 @@ /**
 import { MDCTextFieldCharacterCounterAdapter } from './adapter';
+/** MDC Text Field Character Counter Foundation */
 export declare class MDCTextFieldCharacterCounterFoundation extends MDCFoundation<MDCTextFieldCharacterCounterAdapter> {
@@ -34,3 +35,4 @@ static get cssClasses(): {
     /**
-     * See {@link MDCTextFieldCharacterCounterAdapter} for typing information on parameters and return types.
+     * See {@link MDCTextFieldCharacterCounterAdapter} for typing information on
+     * parameters and return types.
      */
@@ -37,0 +39,0 @@ static get defaultAdapter(): MDCTextFieldCharacterCounterAdapter;

character-counter/foundation.js

@@ -26,2 +26,3 @@ /**
 import { cssClasses, strings } from './constants';
+/** MDC Text Field Character Counter Foundation */
 var MDCTextFieldCharacterCounterFoundation = /** @class */ (function (_super) {
@@ -48,3 +49,4 @@ __extends(MDCTextFieldCharacterCounterFoundation, _super);
         /**
-         * See {@link MDCTextFieldCharacterCounterAdapter} for typing information on parameters and return types.
+         * See {@link MDCTextFieldCharacterCounterAdapter} for typing information on
+         * parameters and return types.
          */
@@ -51,0 +53,0 @@ get: function () {

component.d.ts

@@ -33,4 +33,5 @@ /**
 import { MDCTextFieldIconFactory } from './icon/component';
+/** MDC Text Field */
 export declare class MDCTextField extends MDCComponent<MDCTextFieldFoundation> implements MDCRippleCapableSurface {
-    static attachTo(root: Element): MDCTextField;
+    static attachTo(root: HTMLElement): MDCTextField;
     ripple: MDCRipple | null;
@@ -125,4 +126,6 @@ private input;
     /**
-     * Enables or disables the use of native validation. Use this for custom validation.
-     * @param useNativeValidation Set this to false to ignore native input validation.
+     * Enables or disables the use of native validation. Use this for custom
+     * validation.
+     * @param useNativeValidation Set this to false to ignore native input
+     *     validation.
      */
@@ -129,0 +132,0 @@ set useNativeValidation(useNativeValidation: boolean);

component.js

@@ -39,2 +39,3 @@ /**
 import { MDCTextFieldIcon } from './icon/component';
+/** MDC Text Field */
 var MDCTextField = /** @class */ (function (_super) {
@@ -72,4 +73,6 @@ __extends(MDCTextField, _super);
         var nextElementSibling = this.root.nextElementSibling;
-        var hasHelperLine = (nextElementSibling && nextElementSibling.classList.contains(cssClasses.HELPER_LINE));
-        var helperTextEl = hasHelperLine && nextElementSibling && nextElementSibling.querySelector(helperTextStrings.ROOT_SELECTOR);
+        var hasHelperLine = (nextElementSibling &&
+            nextElementSibling.classList.contains(cssClasses.HELPER_LINE));
+        var helperTextEl = hasHelperLine && nextElementSibling &&
+            nextElementSibling.querySelector(helperTextStrings.ROOT_SELECTOR);
         this.helperText = helperTextEl ? helperTextFactory(helperTextEl) : null;
@@ -79,3 +82,4 @@ // Character counter
         var characterCounterEl = this.root.querySelector(characterCounterStrings.ROOT_SELECTOR);
-        // If character counter is not found in root element search in sibling element.
+        // If character counter is not found in root element search in sibling
+        // element.
         if (!characterCounterEl && hasHelperLine && nextElementSibling) {
@@ -319,4 +323,6 @@ characterCounterEl = nextElementSibling.querySelector(characterCounterStrings.ROOT_SELECTOR);
         /**
-         * Enables or disables the use of native validation. Use this for custom validation.
-         * @param useNativeValidation Set this to false to ignore native input validation.
+         * Enables or disables the use of native validation. Use this for custom
+         * validation.
+         * @param useNativeValidation Set this to false to ignore native input
+         *     validation.
          */
@@ -379,4 +385,5 @@ set: function (useNativeValidation) {
     MDCTextField.prototype.getDefaultFoundation = function () {
-        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
-        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
+        // DO NOT INLINE this variable. For backward compatibility, foundations take
+        // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any
+        // methods, we need a separate, strongly typed adapter variable.
         // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
@@ -391,4 +398,8 @@ var adapter = __assign(__assign(__assign(__assign(__assign({}, this.getRootAdapterMethods()), this.getInputAdapterMethods()), this.getLabelAdapterMethods()), this.getLineRippleAdapterMethods()), this.getOutlineAdapterMethods());
         return {
-            addClass: function (className) { return _this.root.classList.add(className); },
-            removeClass: function (className) { return _this.root.classList.remove(className); },
+            addClass: function (className) {
+                _this.root.classList.add(className);
+            },
+            removeClass: function (className) {
+                _this.root.classList.remove(className);
+            },
             hasClass: function (className) { return _this.root.classList.contains(className); },
@@ -403,7 +414,8 @@ registerTextFieldInteractionHandler: function (evtType, handler) {
                 var getAttributesList = function (mutationsList) {
-                    return mutationsList
-                        .map(function (mutation) { return mutation.attributeName; })
+                    return mutationsList.map(function (mutation) { return mutation.attributeName; })
                         .filter(function (attributeName) { return attributeName; });
                 };
-                var observer = new MutationObserver(function (mutationsList) { return handler(getAttributesList(mutationsList)); });
+                var observer = new MutationObserver(function (mutationsList) {
+                    handler(getAttributesList(mutationsList));
+                });
                 var config = { attributes: true };
@@ -425,3 +437,3 @@ observer.observe(_this.input, config);
             setInputAttr: function (attr, value) {
-                _this.input.setAttribute(attr, value);
+                _this.safeSetAttribute(_this.input, attr, value);
             },
@@ -513,4 +525,5 @@ removeInputAttr: function (attr) {
         }
-        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
-        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
+        // DO NOT INLINE this variable. For backward compatibility, foundations take
+        // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any
+        // methods, we need a separate, strongly typed adapter variable.
         // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
@@ -517,0 +530,0 @@ var adapter = __assign(__assign({}, MDCRipple.createAdapter(this)), { isSurfaceActive: function () { return ponyfill.matches(_this.input, ':active'); }, registerInteractionHandler: function (evtType, handler) {

foundation.d.ts

@@ -26,2 +26,3 @@ /**
 import { MDCTextFieldFoundationMap } from './types';
+/** MDC Text Field Foundation */
 export declare class MDCTextFieldFoundation extends MDCFoundation<MDCTextFieldAdapter> {
@@ -37,2 +38,3 @@ static get cssClasses(): {
         ROOT: string;
+        /** MDC Text Field Foundation */
         TEXTAREA: string;
@@ -68,5 +70,5 @@ WITH_LEADING_ICON: string;
     private receivedUserInput;
-    private valid;
     private useNativeValidation;
     private validateOnValueChange;
+    private valid;
     private readonly inputFocusHandler;
@@ -73,0 +75,0 @@ private readonly inputBlurHandler;

foundation.js

@@ -28,2 +28,3 @@ /**
 var INTERACTION_EVENTS = ['click', 'keydown'];
+/** MDC Text Field Foundation */
 var MDCTextFieldFoundation = /** @class */ (function (_super) {
@@ -40,3 +41,2 @@ __extends(MDCTextFieldFoundation, _super);
         _this.receivedUserInput = false;
-        _this.valid = true;
         _this.useNativeValidation = true;
@@ -48,2 +48,4 @@ _this.validateOnValueChange = true;
         _this.trailingIcon = foundationMap.trailingIcon;
+        _this.valid =
+            !_this.adapter.hasClass(MDCTextFieldFoundation.cssClasses.INVALID);
         _this.inputFocusHandler = function () {
@@ -50,0 +52,0 @@ _this.activateFocus();

helper-text/component.d.ts

@@ -25,7 +25,9 @@ /**
 import { MDCTextFieldHelperTextFoundation } from './foundation';
-export declare type MDCTextFieldHelperTextFactory = (el: Element, foundation?: MDCTextFieldHelperTextFoundation) => MDCTextFieldHelperText;
+/** MDC Text Field Helper Text Factory */
+export declare type MDCTextFieldHelperTextFactory = (el: HTMLElement, foundation?: MDCTextFieldHelperTextFoundation) => MDCTextFieldHelperText;
+/** MDC Text Field Helper Text */
 export declare class MDCTextFieldHelperText extends MDCComponent<MDCTextFieldHelperTextFoundation> {
-    static attachTo(root: Element): MDCTextFieldHelperText;
+    static attachTo(root: HTMLElement): MDCTextFieldHelperText;
     get foundationForTextField(): MDCTextFieldHelperTextFoundation;
     getDefaultFoundation(): MDCTextFieldHelperTextFoundation;
 }

helper-text/component.js

@@ -26,2 +26,3 @@ /**
 import { MDCTextFieldHelperTextFoundation } from './foundation';
+/** MDC Text Field Helper Text */
 var MDCTextFieldHelperText = /** @class */ (function (_super) {
@@ -45,12 +46,21 @@ __extends(MDCTextFieldHelperText, _super);
         var _this = this;
-        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
-        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
+        // DO NOT INLINE this variable. For backward compatibility, foundations take
+        // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any
+        // methods, we need a separate, strongly typed adapter variable.
         // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
         var adapter = {
-            addClass: function (className) { return _this.root.classList.add(className); },
-            removeClass: function (className) { return _this.root.classList.remove(className); },
+            addClass: function (className) {
+                _this.root.classList.add(className);
+            },
+            removeClass: function (className) {
+                _this.root.classList.remove(className);
+            },
             hasClass: function (className) { return _this.root.classList.contains(className); },
             getAttr: function (attr) { return _this.root.getAttribute(attr); },
-            setAttr: function (attr, value) { return _this.root.setAttribute(attr, value); },
-            removeAttr: function (attr) { return _this.root.removeAttribute(attr); },
+            setAttr: function (attr, value) {
+                _this.safeSetAttribute(_this.root, attr, value);
+            },
+            removeAttr: function (attr) {
+                _this.root.removeAttribute(attr);
+            },
             setContent: function (content) {
@@ -57,0 +67,0 @@ _this.root.textContent = content;

helper-text/foundation.d.ts

@@ -25,2 +25,3 @@ /**
 import { MDCTextFieldHelperTextAdapter } from './adapter';
+/** MDC Text Field Helper Text Foundation */
 export declare class MDCTextFieldHelperTextFoundation extends MDCFoundation<MDCTextFieldHelperTextAdapter> {
@@ -30,2 +31,3 @@ static get cssClasses(): {
         HELPER_TEXT_VALIDATION_MSG: string;
+        /** MDC Text Field Helper Text Foundation */
         ROOT: string;
@@ -39,3 +41,4 @@ };
     /**
-     * See {@link MDCTextFieldHelperTextAdapter} for typing information on parameters and return types.
+     * See {@link MDCTextFieldHelperTextAdapter} for typing information on
+     * parameters and return types.
      */
@@ -60,3 +63,4 @@ static get defaultAdapter(): MDCTextFieldHelperTextAdapter;
     /**
-     * @param isValidation True to make the helper text act as an error validation message.
+     * @param isValidation True to make the helper text act as an error validation
+     *     message.
      */
@@ -63,0 +67,0 @@ setValidation(isValidation: boolean): void;

helper-text/foundation.js

@@ -26,2 +26,3 @@ /**
 import { cssClasses, strings } from './constants';
+/** MDC Text Field Helper Text Foundation */
 var MDCTextFieldHelperTextFoundation = /** @class */ (function (_super) {
@@ -48,3 +49,4 @@ __extends(MDCTextFieldHelperTextFoundation, _super);
         /**
-         * See {@link MDCTextFieldHelperTextAdapter} for typing information on parameters and return types.
+         * See {@link MDCTextFieldHelperTextAdapter} for typing information on
+         * parameters and return types.
          */
@@ -100,3 +102,4 @@ get: function () {
     /**
-     * @param isValidation True to make the helper text act as an error validation message.
+     * @param isValidation True to make the helper text act as an error validation
+     *     message.
      */
@@ -103,0 +106,0 @@ MDCTextFieldHelperTextFoundation.prototype.setValidation = function (isValidation) {

icon/adapter.d.ts

@@ -57,5 +57,6 @@ /**
     /**
-     * Emits a custom event "MDCTextField:icon" denoting a user has clicked the icon.
+     * Emits a custom event "MDCTextField:icon" denoting a user has clicked the
+     * icon.
      */
     notifyIconAction(): void;
 }

icon/component.d.ts

@@ -25,7 +25,9 @@ /**
 import { MDCTextFieldIconFoundation } from './foundation';
-export declare type MDCTextFieldIconFactory = (el: Element, foundation?: MDCTextFieldIconFoundation) => MDCTextFieldIcon;
+/** MDC Text Field Icon Factory */
+export declare type MDCTextFieldIconFactory = (el: HTMLElement, foundation?: MDCTextFieldIconFoundation) => MDCTextFieldIcon;
+/** MDC Text Field Icon */
 export declare class MDCTextFieldIcon extends MDCComponent<MDCTextFieldIconFoundation> {
-    static attachTo(root: Element): MDCTextFieldIcon;
+    static attachTo(root: HTMLElement): MDCTextFieldIcon;
     get foundationForTextField(): MDCTextFieldIconFoundation;
     getDefaultFoundation(): MDCTextFieldIconFoundation;
 }

icon/component.js

@@ -26,2 +26,3 @@ /**
 import { MDCTextFieldIconFoundation } from './foundation';
+/** MDC Text Field Icon */
 var MDCTextFieldIcon = /** @class */ (function (_super) {
@@ -45,15 +46,26 @@ __extends(MDCTextFieldIcon, _super);
         var _this = this;
-        // DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
-        // To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
+        // DO NOT INLINE this variable. For backward compatibility, foundations take
+        // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any
+        // methods, we need a separate, strongly typed adapter variable.
         // tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
         var adapter = {
             getAttr: function (attr) { return _this.root.getAttribute(attr); },
-            setAttr: function (attr, value) { return _this.root.setAttribute(attr, value); },
-            removeAttr: function (attr) { return _this.root.removeAttribute(attr); },
+            setAttr: function (attr, value) {
+                _this.safeSetAttribute(_this.root, attr, value);
+            },
+            removeAttr: function (attr) {
+                _this.root.removeAttribute(attr);
+            },
             setContent: function (content) {
                 _this.root.textContent = content;
             },
-            registerInteractionHandler: function (evtType, handler) { return _this.listen(evtType, handler); },
-            deregisterInteractionHandler: function (evtType, handler) { return _this.unlisten(evtType, handler); },
-            notifyIconAction: function () { return _this.emit(MDCTextFieldIconFoundation.strings.ICON_EVENT, {} /* evtData */, true /* shouldBubble */); },
+            registerInteractionHandler: function (evtType, handler) {
+                _this.listen(evtType, handler);
+            },
+            deregisterInteractionHandler: function (evtType, handler) {
+                _this.unlisten(evtType, handler);
+            },
+            notifyIconAction: function () {
+                _this.emit(MDCTextFieldIconFoundation.strings.ICON_EVENT, {} /* evtData */, true /* shouldBubble */);
+            },
         };
@@ -60,0 +72,0 @@ // tslint:enable:object-literal-sort-keys

icon/foundation.d.ts

@@ -25,2 +25,3 @@ /**
 import { MDCTextFieldIconAdapter } from './adapter';
+/** MDC Text Field Icon Foundation */
 export declare class MDCTextFieldIconFoundation extends MDCFoundation<MDCTextFieldIconAdapter> {
@@ -35,3 +36,4 @@ static get strings(): {
     /**
-     * See {@link MDCTextFieldIconAdapter} for typing information on parameters and return types.
+     * See {@link MDCTextFieldIconAdapter} for typing information on parameters
+     * and return types.
      */
@@ -38,0 +40,0 @@ static get defaultAdapter(): MDCTextFieldIconAdapter;

icon/foundation.js

@@ -27,2 +27,3 @@ /**
 var INTERACTION_EVENTS = ['click', 'keydown'];
+/** MDC Text Field Icon Foundation */
 var MDCTextFieldIconFoundation = /** @class */ (function (_super) {
@@ -54,3 +55,4 @@ __extends(MDCTextFieldIconFoundation, _super);
         /**
-         * See {@link MDCTextFieldIconAdapter} for typing information on parameters and return types.
+         * See {@link MDCTextFieldIconAdapter} for typing information on parameters
+         * and return types.
          */
@@ -126,3 +128,4 @@ get: function () {
     MDCTextFieldIconFoundation.prototype.handleInteraction = function (evt) {
-        var isEnterKey = evt.key === 'Enter' || evt.keyCode === 13;
+        var isEnterKey = evt.key === 'Enter' ||
+            evt.keyCode === 13;
         var isSpaceKey = evt.key === ' ';
@@ -129,0 +132,0 @@ if (evt.type === 'click' || isEnterKey || isSpaceKey) {

package.json

 {
   "name": "@material/textfield",
   "description": "The Material Components for the web text field component",
-  "version": "15.0.0-canary.6048fb563.0",
+  "version": "15.0.0-canary.6081d829b.0",
   "license": "MIT",
@@ -21,19 +21,19 @@ "keywords": [
   "dependencies": {
-    "@material/animation": "15.0.0-canary.6048fb563.0",
-    "@material/base": "15.0.0-canary.6048fb563.0",
-    "@material/density": "15.0.0-canary.6048fb563.0",
-    "@material/dom": "15.0.0-canary.6048fb563.0",
-    "@material/feature-targeting": "15.0.0-canary.6048fb563.0",
-    "@material/floating-label": "15.0.0-canary.6048fb563.0",
-    "@material/line-ripple": "15.0.0-canary.6048fb563.0",
-    "@material/notched-outline": "15.0.0-canary.6048fb563.0",
-    "@material/ripple": "15.0.0-canary.6048fb563.0",
-    "@material/rtl": "15.0.0-canary.6048fb563.0",
-    "@material/shape": "15.0.0-canary.6048fb563.0",
-    "@material/theme": "15.0.0-canary.6048fb563.0",
-    "@material/tokens": "15.0.0-canary.6048fb563.0",
-    "@material/typography": "15.0.0-canary.6048fb563.0",
+    "@material/animation": "15.0.0-canary.6081d829b.0",
+    "@material/base": "15.0.0-canary.6081d829b.0",
+    "@material/density": "15.0.0-canary.6081d829b.0",
+    "@material/dom": "15.0.0-canary.6081d829b.0",
+    "@material/feature-targeting": "15.0.0-canary.6081d829b.0",
+    "@material/floating-label": "15.0.0-canary.6081d829b.0",
+    "@material/line-ripple": "15.0.0-canary.6081d829b.0",
+    "@material/notched-outline": "15.0.0-canary.6081d829b.0",
+    "@material/ripple": "15.0.0-canary.6081d829b.0",
+    "@material/rtl": "15.0.0-canary.6081d829b.0",
+    "@material/shape": "15.0.0-canary.6081d829b.0",
+    "@material/theme": "15.0.0-canary.6081d829b.0",
+    "@material/tokens": "15.0.0-canary.6081d829b.0",
+    "@material/typography": "15.0.0-canary.6081d829b.0",
     "tslib": "^2.1.0"
   },
-  "gitHead": "590020431978794ff2128a91f19756dff9dbc37b"
+  "gitHead": "033569cc4deafe32dad2bf8cbd1de8789bc85668"
 }

No alert changes

Improved metrics

Total package byte prevSize

1926451

increased by23.37%

Number of package files

100

increased by1.01%

Lines of code

14193

increased by33.08%

Dependency changes

• + Added@material/animation@15.0.0-canary.6081d829b.0(transitive)

• + Added@material/base@15.0.0-canary.6081d829b.0(transitive)

• + Added@material/density@15.0.0-canary.6081d829b.0(transitive)

• + Added@material/dom@15.0.0-canary.6081d829b.0(transitive)

• + Added@material/elevation@15.0.0-canary.6081d829b.0(transitive)

• + Added@material/feature-targeting@15.0.0-canary.6081d829b.0(transitive)

• + Added@material/floating-label@15.0.0-canary.6081d829b.0(transitive)

• + Added@material/line-ripple@15.0.0-canary.6081d829b.0(transitive)

• + Added@material/notched-outline@15.0.0-canary.6081d829b.0(transitive)

• + Added@material/ripple@15.0.0-canary.6081d829b.0(transitive)

• + Added@material/rtl@15.0.0-canary.6081d829b.0(transitive)

• + Added@material/shape@15.0.0-canary.6081d829b.0(transitive)

• + Added@material/theme@15.0.0-canary.6081d829b.0(transitive)

• + Added@material/tokens@15.0.0-canary.6081d829b.0(transitive)

• + Added@material/typography@15.0.0-canary.6081d829b.0(transitive)

• - Removed@material/animation@15.0.0-canary.6048fb563.0(transitive)

• - Removed@material/base@15.0.0-canary.6048fb563.0(transitive)

• - Removed@material/density@15.0.0-canary.6048fb563.0(transitive)

• - Removed@material/dom@15.0.0-canary.6048fb563.0(transitive)

• - Removed@material/elevation@15.0.0-canary.6048fb563.0(transitive)

• - Removed@material/feature-targeting@15.0.0-canary.6048fb563.0(transitive)

• - Removed@material/floating-label@15.0.0-canary.6048fb563.0(transitive)

• - Removed@material/line-ripple@15.0.0-canary.6048fb563.0(transitive)

• - Removed@material/notched-outline@15.0.0-canary.6048fb563.0(transitive)

• - Removed@material/ripple@15.0.0-canary.6048fb563.0(transitive)

• - Removed@material/rtl@15.0.0-canary.6048fb563.0(transitive)

• - Removed@material/shape@15.0.0-canary.6048fb563.0(transitive)

• - Removed@material/theme@15.0.0-canary.6048fb563.0(transitive)

• - Removed@material/tokens@15.0.0-canary.6048fb563.0(transitive)

• - Removed@material/typography@15.0.0-canary.6048fb563.0(transitive)

• Updated@material/animation@15.0.0-canary.6081d829b.0

• Updated@material/base@15.0.0-canary.6081d829b.0

• Updated@material/density@15.0.0-canary.6081d829b.0

• Updated@material/dom@15.0.0-canary.6081d829b.0

• Updated@material/feature-targeting@15.0.0-canary.6081d829b.0

• Updated@material/floating-label@15.0.0-canary.6081d829b.0

• Updated@material/line-ripple@15.0.0-canary.6081d829b.0

• Updated@material/notched-outline@15.0.0-canary.6081d829b.0

• Updated@material/ripple@15.0.0-canary.6081d829b.0

• Updated@material/rtl@15.0.0-canary.6081d829b.0

• Updated@material/shape@15.0.0-canary.6081d829b.0

• Updated@material/theme@15.0.0-canary.6081d829b.0

• Updated@material/tokens@15.0.0-canary.6081d829b.0

• Updated@material/typography@15.0.0-canary.6081d829b.0