@fluid-topics/ft-number-field 1.1.88 → 1.1.90

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.
Files changed (7) hide show
  1. package/build/ft-number-field.d.ts +1 -0
  2. package/build/ft-number-field.js +8 -0
  3. package/build/ft-number-field.light.js +60 -51
  4. package/build/ft-number-field.min.js +57 -48
  5. package/build/ft-number-field.styles.d.ts +1 -0
  6. package/build/ft-number-field.styles.js +6 -0
  7. package/package.json +3 -3
package/build/ft-number-field.d.ts CHANGED
@@ -6,6 +6,7 @@ export declare class FtNumberField extends FtLitElement implements FtNumberField
6
6
  static styles: import("lit").CSSResult;
7
7
  label?: string;
8
8
  value?: number;
9
+ helper: string;
9
10
  outlined: boolean;
10
11
  disabled: boolean;
11
12
  min?: number;
package/build/ft-number-field.js CHANGED
@@ -15,6 +15,7 @@ import { FtTypography } from "@fluid-topics/ft-typography";
15
15
  class FtNumberField extends FtLitElement {
16
16
  constructor() {
17
17
  super(...arguments);
18
+ this.helper = "";
18
19
  this.outlined = false;
19
20
  this.disabled = false;
20
21
  this.focused = false;
@@ -54,6 +55,10 @@ class FtNumberField extends FtLitElement {
54
55
  />
55
56
  </div>
56
57
  </div>
58
+ ${this.helper ? html `
59
+ <ft-typography class="ft-number-field--helper-text" variant="caption">
60
+ ${this.helper}
61
+ </ft-typography>` : nothing}
57
62
  </div>
58
63
  `;
59
64
  }
@@ -107,6 +112,9 @@ __decorate([
107
112
  __decorate([
108
113
  optionalNumberProperty()
109
114
  ], FtNumberField.prototype, "value", void 0);
115
+ __decorate([
116
+ property({ type: String })
117
+ ], FtNumberField.prototype, "helper", void 0);
110
118
  __decorate([
111
119
  property({ type: Boolean })
112
120
  ], FtNumberField.prototype, "outlined", void 0);