@sula-tech/webcomponents 0.1.1 → 0.2.1

package/dist/types/components/sula-textarea/sula-textarea.stories.d.ts

@@ -0,0 +1,98 @@
+import { SulaTextareaStatus } from './model/sula-textarea.model';
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        value: {
+            control: string;
+            defaultValue: string;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        status: {
+            control: {
+                type: string;
+            };
+            options: SulaTextareaStatus[];
+            defaultValue: SulaTextareaStatus;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        label: {
+            control: string;
+            defaultValue: string;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        placeholder: {
+            control: string;
+            defaultValue: string;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        disabled: {
+            control: string;
+            defaultValue: boolean;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        helpText: {
+            control: string;
+            defaultValue: string;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        maxLength: {
+            control: string;
+            defaultValue: number;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        rows: {
+            control: string;
+            defaultValue: number;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        valueChanged: {
+            action: string;
+            description: string;
+        };
+        focusedOn: {
+            action: string;
+            description: string;
+        };
+        focusedOut: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: any;
+export declare const WithValue: any;
+export declare const WithHelpText: any;
+export declare const WithMaxLength: any;
+export declare const LargeTextarea: any;
+export declare const SmallTextarea: any;
+export declare const Error: any;
+export declare const Disabled: any;
+export declare const WithMaxLengthAndValue: any;
+export declare const ErrorWithMaxLength: any;
+export declare const CompleteExample: any;

package/dist/types/components/sula-textfield/model/sula-textfield.model.d.ts

@@ -0,0 +1,8 @@
+export declare enum SulaTextfieldType {
+    Text = "text",
+    Password = "password"
+}
+export declare enum SulaTextfieldStatus {
+    Default = "default",
+    Error = "error"
+}

package/dist/types/components/sula-textfield/sula-textfield.d.ts

@@ -0,0 +1,74 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SulaTextfieldStatus, SulaTextfieldType } from './model/sula-textfield.model';
+export declare class SulaTextfield {
+    /**
+     * Value for the input.
+     */
+    value?: string;
+    /**
+     * The textfield type
+     */
+    type: SulaTextfieldType;
+    /**
+     * The textfield status
+     */
+    status: SulaTextfieldStatus;
+    /**
+     * The textfield label
+     */
+    label: string;
+    /**
+     * The textfield placeholder
+     */
+    placeholder: string;
+    /**
+     * The textfield is disabled
+     */
+    disabled: boolean;
+    /**
+     * The help text for textfield
+     */
+    helpText?: string;
+    /**
+     * The textfield max length
+     */
+    maxLength?: number;
+    /**
+     * The textfield icon
+     */
+    icon?: string;
+    /**
+     * Event emitted when input value changes.
+     */
+    valueChanged: EventEmitter<string>;
+    /**
+     * Event emitted when input is focused.
+     */
+    focusedOn: EventEmitter<void>;
+    /**
+     * Event emitted when input is focused out.
+     */
+    focusedOut: EventEmitter<void>;
+    inputIsOpen: boolean;
+    textValue: string;
+    showPassword: boolean;
+    inputIsFocused: boolean;
+    inputContainer: HTMLDivElement;
+    inputElement: HTMLInputElement;
+    labelElement: HTMLDivElement;
+    node?: HTMLElement;
+    handleClick(event: Event): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    handleInputClick: () => void;
+    toggleOptions(inputIsOpen: boolean): void;
+    changeElementsStyle(): void;
+    handleInputChanges: (event: InputEvent) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    handleInputFocus: () => void;
+    handleIconClick: (event: MouseEvent) => void;
+    handlePasswordIconClicked(): void;
+    getInputIcon(): string;
+    render(): any;
+}

package/dist/types/components/sula-textfield/sula-textfield.stories.d.ts

@@ -0,0 +1,108 @@
+import { SulaTextfieldStatus, SulaTextfieldType } from './model/sula-textfield.model';
+declare const _default: {
+    title: string;
+    tags: string[];
+    argTypes: {
+        value: {
+            control: string;
+            defaultValue: string;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        type: {
+            control: {
+                type: string;
+            };
+            options: SulaTextfieldType[];
+            defaultValue: SulaTextfieldType;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        status: {
+            control: {
+                type: string;
+            };
+            options: SulaTextfieldStatus[];
+            defaultValue: SulaTextfieldStatus;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        label: {
+            control: string;
+            defaultValue: string;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        placeholder: {
+            control: string;
+            defaultValue: string;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        disabled: {
+            control: string;
+            defaultValue: boolean;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        helpText: {
+            control: string;
+            defaultValue: string;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        maxLength: {
+            control: string;
+            defaultValue: number;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        icon: {
+            control: string;
+            defaultValue: string;
+            description: string;
+            type: {
+                required: boolean;
+            };
+        };
+        valueChanged: {
+            action: string;
+            description: string;
+        };
+        focusedOn: {
+            action: string;
+            description: string;
+        };
+        focusedOut: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const Default: any;
+export declare const WithValue: any;
+export declare const WithHelpText: any;
+export declare const WithMaxLength: any;
+export declare const WithIcon: any;
+export declare const Password: any;
+export declare const Error: any;
+export declare const Disabled: any;
+export declare const WithIconAndHelpText: any;
+export declare const ErrorWithMaxLength: any;