@warp-ds/elements 2.2.0-next.3 → 2.2.0-next.30

package/dist/packages/textfield/index.d.ts

@@ -1,83 +1,87 @@
-declare const WarpTextField_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & {
-    new (): {
-        [x: string]: any;
-    };
-    [x: string]: any;
-    createProperty(name: any, options: any): void;
+import { LitElement, PropertyValues } from 'lit';
+export declare const ccinput: {
+    base: string;
+    default: string;
+    disabled: string;
+    invalid: string;
+    readOnly: string;
+    placeholder: string;
+    suffix: string;
+    prefix: string;
+    textArea: string;
+};
+export declare const ccLabel: {
+    base: string;
+    optional: string;
 };
-export class WarpTextField extends WarpTextField_base {
-    static properties: {
-        disabled: {
-            type: BooleanConstructor;
-        };
-        invalid: {
-            type: BooleanConstructor;
-        };
-        id: {
-            type: StringConstructor;
-        };
-        label: {
-            type: StringConstructor;
-        };
-        helpText: {
-            type: StringConstructor;
-        };
-        size: {
-            type: StringConstructor;
-        };
-        max: {
-            type: NumberConstructor;
-        };
-        min: {
-            type: NumberConstructor;
-        };
-        minLength: {
-            type: NumberConstructor;
-        };
-        maxLength: {
-            type: NumberConstructor;
-        };
-        pattern: {
-            type: StringConstructor;
-        };
-        placeholder: {
-            type: StringConstructor;
-        };
-        readOnly: {
-            type: BooleanConstructor;
-        };
-        required: {
-            type: BooleanConstructor;
-        };
-        type: {
-            type: StringConstructor;
-        };
-        value: {
-            type: StringConstructor;
-        };
-        name: {
-            type: StringConstructor;
-        };
-        _hasPrefix: {
-            state: boolean;
-        };
-        _hasSuffix: {
-            state: boolean;
-        };
+export declare const ccHelpText: {
+    base: string;
+    color: string;
+    colorInvalid: string;
+};
+declare const WarpTextField_base: import("@open-wc/form-control").Constructor<import("@open-wc/form-control").FormControlInterface> & typeof LitElement;
+/**
+ * A single line text input element.
+ *
+ * [See Storybook for usage examples](https://warp-ds.github.io/elements/?path=/docs/forms-textfield--docs)
+ */
+declare class WarpTextField extends WarpTextField_base {
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
     };
-    static styles: (import("lit").CSSResult | (import("lit").CSSResult | CSSStyleSheet | import("lit").CSSResultArray)[])[];
+    disabled: boolean;
+    invalid: boolean;
+    id: string;
+    label: string;
+    helpText: string;
+    size: string;
+    max: number;
+    min: number;
+    minLength: number;
+    maxLength: number;
+    pattern: string;
+    placeholder: string;
+    readOnly: boolean;
+    required: boolean;
     type: string;
-    get _inputStyles(): string;
-    get _helpTextStyles(): string;
+    value: string;
+    name: string;
+    /**
+     * Function to format value when the input field.
+     *
+     * Only active when the input field does not have focus,
+     * similar to the accessible input masking example from Filament Group
+     *
+     * https://css-tricks.com/input-masking/
+     * https://filamentgroup.github.io/politespace/demo/demo.html
+     */
+    formatter: (value: string) => string;
+    /** @internal */
+    mask: HTMLDivElement;
+    /** @internal */
+    _hasPrefix: boolean;
+    /** @internal */
+    _hasSuffix: boolean;
+    updated(changedProperties: PropertyValues<this>): void;
+    static styles: import("lit").CSSResult[];
+    /** @internal */
+    get _inputstyles(): string;
+    /** @internal */
+    get _helptextstyles(): string;
+    /** @internal */
     get _label(): import("lit").TemplateResult<1>;
+    /** @internal */
     get _helpId(): string;
+    /** @internal */
     get _id(): string;
+    /** @internal */
     get _error(): string;
-    handler(e: any): void;
-    prefixSlotChange(e: any): void;
-    _hasPrefix: boolean;
-    suffixSlotChange(e: any): void;
-    _hasSuffix: boolean;
+    handler(e: Event): void;
+    prefixSlotChange(): void;
+    suffixSlotChange(): void;
     render(): import("lit").TemplateResult<1>;
 }
-export {};
+export { WarpTextField };