@fluid-topics/ft-text-field 1.1.82 → 1.1.84

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -19,6 +19,8 @@ export declare class FtTextField extends FtTextField_base implements FtTextField
19
19
  fixedMenuPosition: boolean;
20
20
  prefix: string | null;
21
21
  icon?: string;
22
+ name?: string;
23
+ type?: string;
22
24
  passwordHiddenIcon: string;
23
25
  passwordRevealedIcon: string;
24
26
  iconVariant?: string;
@@ -59,6 +59,7 @@ class FtTextField extends toFtFormComponent(FtLitElement, "textbox") {
59
59
  (_a = this.input) === null || _a === void 0 ? void 0 : _a.focus();
60
60
  }
61
61
  render() {
62
+ var _a;
62
63
  const classes = {
63
64
  "ft-text-field": true,
64
65
  "ft-text-field--filled": !this.outlined,
@@ -93,7 +94,8 @@ class FtTextField extends toFtFormComponent(FtLitElement, "textbox") {
93
94
  ${this.prefix}
94
95
  </ft-typography>
95
96
  ` : nothing}
96
- <input type=${(this.password && this.hidePassword) ? "password" : "text"}
97
+ <input type=${(_a = this.type) !== null && _a !== void 0 ? _a : ((this.password && this.hidePassword) ? "password" : "text")}
98
+ name=${ifDefined(this.name)}
97
99
  maxlength=${ifDefined(this.maxLength || undefined)}
98
100
  aria-label="${this.label}"
99
101
  class="ft-typography--body1 ft-text-field--input"
@@ -269,6 +271,12 @@ __decorate([
269
271
  __decorate([
270
272
  property()
271
273
  ], FtTextField.prototype, "icon", void 0);
274
+ __decorate([
275
+ property()
276
+ ], FtTextField.prototype, "name", void 0);
277
+ __decorate([
278
+ property()
279
+ ], FtTextField.prototype, "type", void 0);
272
280
  __decorate([
273
281
  property()
274
282
  ], FtTextField.prototype, "passwordHiddenIcon", void 0);