@fluid-topics/ft-text-field 0.1.16 → 0.2.0

package/README.md

@@ -3,7 +3,7 @@ A text field input component.
 ## Install
 
 ```shell
-npm install @fluid-topics/ft-switch
+npm install @fluid-topics/ft-text-field
 yarn add @fluid-topics/ft-text-field
 ```
 
@@ -11,14 +11,15 @@ yarn add @fluid-topics/ft-text-field
 
 ```typescript
 import {html} from "lit"
-import "@fluid-topics/ft-switch"
-import {FtSwitchChange} from "@fluid-topics/ft-switch";
+import "@fluid-topics/ft-text-field"
 
 function render() {
     return html` 
-            <ft-switch @change=${(e: FtSwitchChange) => console.log("Value changed:", e.detail)}>
-                <ft-switch-option value="1">1</ft-switch-option>
-                <ft-switch-option value="2">2</ft-switch-option>
-            </ft-switch>     `
+            <ft-text-field label="Label"
+                          value="Value"
+                          @change=${(e: CustomEvent) => console.log("Value changed:", e.detail)}
+                          @live-change=${(e: CustomEvent) => console.log("Value live changed:", e.detail)}>
+            </ft-text-field>
+           `
 }
 ```

package/build/ft-text-field.d.ts

@@ -21,7 +21,7 @@ export declare const FtTextFieldCssVariables: {
 };
 export declare class FtTextField extends FtLitElement implements FtTextFieldProperties {
     static elementDefinitions: ElementDefinitionsMap;
-    protected getStyles(): import("lit").CSSResult[];
+    static styles: import("lit").CSSResult[];
     label: string;
     value: string;
     helper: string;
@@ -30,7 +30,7 @@ export declare class FtTextField extends FtLitElement implements FtTextFieldProp
     private input?;
     dataList: string[];
     private focused;
-    protected getTemplate(): import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
     protected updated(props: PropertyValues): void;
     private updateValueFromInputField;
     private liveUpdateValueFromInputField;