@sula-tech/webcomponents 0.2.0 → 0.3.0

package/dist/types/components.d.ts

@@ -6,10 +6,20 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { SulaAvatarSize } from "./components/sula-avatar/model/sula-avatar.model";
+import { SulaBadgeSize, SulaBadgeStatus, SulaBadgeType } from "./components/sula-badge/model/sula-badge.model";
 import { SulaButtonAppearance, SulaButtonSize, SulaButtonStatus, SulaButtonType } from "./components/sula-button/model/sula-button.model";
+import { SulaCheckboxType } from "./components/sula-checkbox/model/sula-checkbox.model";
+import { SulaSwitchType } from "./components/sula-switch/model/sula-switch.model";
+import { SulaTagAppearance, SulaTagFontWeight, SulaTagIconStatus, SulaTagSize } from "./components/sula-tag/model/sula-tag.model";
+import { SulaTextareaStatus } from "./components/sula-textarea/model/sula-textarea.model";
 import { SulaTextfieldStatus, SulaTextfieldType } from "./components/sula-textfield/model/sula-textfield.model";
 export { SulaAvatarSize } from "./components/sula-avatar/model/sula-avatar.model";
+export { SulaBadgeSize, SulaBadgeStatus, SulaBadgeType } from "./components/sula-badge/model/sula-badge.model";
 export { SulaButtonAppearance, SulaButtonSize, SulaButtonStatus, SulaButtonType } from "./components/sula-button/model/sula-button.model";
+export { SulaCheckboxType } from "./components/sula-checkbox/model/sula-checkbox.model";
+export { SulaSwitchType } from "./components/sula-switch/model/sula-switch.model";
+export { SulaTagAppearance, SulaTagFontWeight, SulaTagIconStatus, SulaTagSize } from "./components/sula-tag/model/sula-tag.model";
+export { SulaTextareaStatus } from "./components/sula-textarea/model/sula-textarea.model";
 export { SulaTextfieldStatus, SulaTextfieldType } from "./components/sula-textfield/model/sula-textfield.model";
 export namespace Components {
     interface SulaAvatar {
@@ -30,6 +40,28 @@ export namespace Components {
          */
         "text"?: string;
     }
+    interface SulaBadge {
+        /**
+          * Badge icon
+         */
+        "icon": string;
+        /**
+          * Badge size
+         */
+        "size": SulaBadgeSize;
+        /**
+          * Badge status
+         */
+        "status": SulaBadgeStatus;
+        /**
+          * Badge text
+         */
+        "text": string;
+        /**
+          * Badge type
+         */
+        "type": SulaBadgeType;
+    }
     interface SulaButton {
         /**
           * Button appearance
@@ -64,6 +96,28 @@ export namespace Components {
          */
         "type": SulaButtonType;
     }
+    interface SulaCheckbox {
+        /**
+          * Is checkbox checked
+         */
+        "checked": boolean;
+        /**
+          * Is checbox disabled
+         */
+        "disabled": boolean;
+        /**
+          * Checkbox label
+         */
+        "label"?: string;
+        /**
+          * Checkbox sub title (avaible when is `list` type)
+         */
+        "subTitle"?: string;
+        /**
+          * Checkbox type
+         */
+        "type": SulaCheckboxType;
+    }
     interface SulaIcon {
         /**
           * Custom class to be applied to the icon
@@ -74,6 +128,88 @@ export namespace Components {
          */
         "icon": string;
     }
+    interface SulaSwitch {
+        /**
+          * Is switch active
+         */
+        "active": boolean;
+        /**
+          * Is switch disabled
+         */
+        "disabled": boolean;
+        /**
+          * Switch label
+         */
+        "label"?: string;
+        /**
+          * Switch sub title (avaible when is `list` type)
+         */
+        "subTitle"?: string;
+        /**
+          * Switch type
+         */
+        "type": SulaSwitchType;
+    }
+    interface SulaTag {
+        /**
+          * Tag appearance
+         */
+        "appearance": SulaTagAppearance;
+        /**
+          * Tag font weight
+         */
+        "fontWeight": SulaTagFontWeight;
+        /**
+          * Tag icon
+         */
+        "icon": string;
+        /**
+          * Tag icon status
+         */
+        "iconStatus": SulaTagIconStatus;
+        /**
+          * Tag label
+         */
+        "label": string;
+        /**
+          * Tag size
+         */
+        "size": SulaTagSize;
+    }
+    interface SulaTextarea {
+        /**
+          * The textarea is disabled
+         */
+        "disabled": boolean;
+        /**
+          * The help text for textarea
+         */
+        "helpText"?: string;
+        /**
+          * The textarea label
+         */
+        "label": string;
+        /**
+          * The textarea max length
+         */
+        "maxLength"?: number;
+        /**
+          * The textarea placeholder
+         */
+        "placeholder": string;
+        /**
+          * The textarea rows (height)
+         */
+        "rows": number;
+        /**
+          * The textarea status
+         */
+        "status": SulaTextareaStatus;
+        /**
+          * Value for the textarea.
+         */
+        "value"?: string;
+    }
     interface SulaTextfield {
         /**
           * The textfield is disabled
@@ -117,6 +253,18 @@ export interface SulaButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSulaButtonElement;
 }
+export interface SulaCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSulaCheckboxElement;
+}
+export interface SulaSwitchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSulaSwitchElement;
+}
+export interface SulaTextareaCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSulaTextareaElement;
+}
 export interface SulaTextfieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSulaTextfieldElement;
@@ -128,6 +276,12 @@ declare global {
         prototype: HTMLSulaAvatarElement;
         new (): HTMLSulaAvatarElement;
     };
+    interface HTMLSulaBadgeElement extends Components.SulaBadge, HTMLStencilElement {
+    }
+    var HTMLSulaBadgeElement: {
+        prototype: HTMLSulaBadgeElement;
+        new (): HTMLSulaBadgeElement;
+    };
     interface HTMLSulaButtonElementEventMap {
         "buttonClicked": void;
     }
@@ -145,12 +299,75 @@ declare global {
         prototype: HTMLSulaButtonElement;
         new (): HTMLSulaButtonElement;
     };
+    interface HTMLSulaCheckboxElementEventMap {
+        "valueChanged": boolean;
+        "focusedOn": void;
+        "focusedOut": void;
+    }
+    interface HTMLSulaCheckboxElement extends Components.SulaCheckbox, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSulaCheckboxElementEventMap>(type: K, listener: (this: HTMLSulaCheckboxElement, ev: SulaCheckboxCustomEvent<HTMLSulaCheckboxElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSulaCheckboxElementEventMap>(type: K, listener: (this: HTMLSulaCheckboxElement, ev: SulaCheckboxCustomEvent<HTMLSulaCheckboxElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSulaCheckboxElement: {
+        prototype: HTMLSulaCheckboxElement;
+        new (): HTMLSulaCheckboxElement;
+    };
     interface HTMLSulaIconElement extends Components.SulaIcon, HTMLStencilElement {
     }
     var HTMLSulaIconElement: {
         prototype: HTMLSulaIconElement;
         new (): HTMLSulaIconElement;
     };
+    interface HTMLSulaSwitchElementEventMap {
+        "valueChanged": boolean;
+        "focusedOn": void;
+        "focusedOut": void;
+    }
+    interface HTMLSulaSwitchElement extends Components.SulaSwitch, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSulaSwitchElementEventMap>(type: K, listener: (this: HTMLSulaSwitchElement, ev: SulaSwitchCustomEvent<HTMLSulaSwitchElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSulaSwitchElementEventMap>(type: K, listener: (this: HTMLSulaSwitchElement, ev: SulaSwitchCustomEvent<HTMLSulaSwitchElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSulaSwitchElement: {
+        prototype: HTMLSulaSwitchElement;
+        new (): HTMLSulaSwitchElement;
+    };
+    interface HTMLSulaTagElement extends Components.SulaTag, HTMLStencilElement {
+    }
+    var HTMLSulaTagElement: {
+        prototype: HTMLSulaTagElement;
+        new (): HTMLSulaTagElement;
+    };
+    interface HTMLSulaTextareaElementEventMap {
+        "valueChanged": string;
+        "focusedOn": void;
+        "focusedOut": void;
+    }
+    interface HTMLSulaTextareaElement extends Components.SulaTextarea, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSulaTextareaElementEventMap>(type: K, listener: (this: HTMLSulaTextareaElement, ev: SulaTextareaCustomEvent<HTMLSulaTextareaElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSulaTextareaElementEventMap>(type: K, listener: (this: HTMLSulaTextareaElement, ev: SulaTextareaCustomEvent<HTMLSulaTextareaElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSulaTextareaElement: {
+        prototype: HTMLSulaTextareaElement;
+        new (): HTMLSulaTextareaElement;
+    };
     interface HTMLSulaTextfieldElementEventMap {
         "valueChanged": string;
         "focusedOn": void;
@@ -172,8 +389,13 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "sula-avatar": HTMLSulaAvatarElement;
+        "sula-badge": HTMLSulaBadgeElement;
         "sula-button": HTMLSulaButtonElement;
+        "sula-checkbox": HTMLSulaCheckboxElement;
         "sula-icon": HTMLSulaIconElement;
+        "sula-switch": HTMLSulaSwitchElement;
+        "sula-tag": HTMLSulaTagElement;
+        "sula-textarea": HTMLSulaTextareaElement;
         "sula-textfield": HTMLSulaTextfieldElement;
     }
 }
@@ -196,6 +418,28 @@ declare namespace LocalJSX {
          */
         "text"?: string;
     }
+    interface SulaBadge {
+        /**
+          * Badge icon
+         */
+        "icon"?: string;
+        /**
+          * Badge size
+         */
+        "size"?: SulaBadgeSize;
+        /**
+          * Badge status
+         */
+        "status"?: SulaBadgeStatus;
+        /**
+          * Badge text
+         */
+        "text"?: string;
+        /**
+          * Badge type
+         */
+        "type"?: SulaBadgeType;
+    }
     interface SulaButton {
         /**
           * Button appearance
@@ -235,6 +479,40 @@ declare namespace LocalJSX {
          */
         "type"?: SulaButtonType;
     }
+    interface SulaCheckbox {
+        /**
+          * Is checkbox checked
+         */
+        "checked"?: boolean;
+        /**
+          * Is checbox disabled
+         */
+        "disabled"?: boolean;
+        /**
+          * Checkbox label
+         */
+        "label"?: string;
+        /**
+          * Event emitted when checkbox is focused.
+         */
+        "onFocusedOn"?: (event: SulaCheckboxCustomEvent<void>) => void;
+        /**
+          * Event emitted when checkbox is focused out.
+         */
+        "onFocusedOut"?: (event: SulaCheckboxCustomEvent<void>) => void;
+        /**
+          * Event emitted when checkbox value changes.
+         */
+        "onValueChanged"?: (event: SulaCheckboxCustomEvent<boolean>) => void;
+        /**
+          * Checkbox sub title (avaible when is `list` type)
+         */
+        "subTitle"?: string;
+        /**
+          * Checkbox type
+         */
+        "type"?: SulaCheckboxType;
+    }
     interface SulaIcon {
         /**
           * Custom class to be applied to the icon
@@ -245,6 +523,112 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
     }
+    interface SulaSwitch {
+        /**
+          * Is switch active
+         */
+        "active"?: boolean;
+        /**
+          * Is switch disabled
+         */
+        "disabled"?: boolean;
+        /**
+          * Switch label
+         */
+        "label"?: string;
+        /**
+          * Event emitted when switch is focused.
+         */
+        "onFocusedOn"?: (event: SulaSwitchCustomEvent<void>) => void;
+        /**
+          * Event emitted when switch is focused out.
+         */
+        "onFocusedOut"?: (event: SulaSwitchCustomEvent<void>) => void;
+        /**
+          * Event emitted when switch value changes.
+         */
+        "onValueChanged"?: (event: SulaSwitchCustomEvent<boolean>) => void;
+        /**
+          * Switch sub title (avaible when is `list` type)
+         */
+        "subTitle"?: string;
+        /**
+          * Switch type
+         */
+        "type"?: SulaSwitchType;
+    }
+    interface SulaTag {
+        /**
+          * Tag appearance
+         */
+        "appearance"?: SulaTagAppearance;
+        /**
+          * Tag font weight
+         */
+        "fontWeight"?: SulaTagFontWeight;
+        /**
+          * Tag icon
+         */
+        "icon"?: string;
+        /**
+          * Tag icon status
+         */
+        "iconStatus"?: SulaTagIconStatus;
+        /**
+          * Tag label
+         */
+        "label"?: string;
+        /**
+          * Tag size
+         */
+        "size"?: SulaTagSize;
+    }
+    interface SulaTextarea {
+        /**
+          * The textarea is disabled
+         */
+        "disabled"?: boolean;
+        /**
+          * The help text for textarea
+         */
+        "helpText"?: string;
+        /**
+          * The textarea label
+         */
+        "label"?: string;
+        /**
+          * The textarea max length
+         */
+        "maxLength"?: number;
+        /**
+          * Event emitted when textarea is focused.
+         */
+        "onFocusedOn"?: (event: SulaTextareaCustomEvent<void>) => void;
+        /**
+          * Event emitted when textarea is focused out.
+         */
+        "onFocusedOut"?: (event: SulaTextareaCustomEvent<void>) => void;
+        /**
+          * Event emitted when textarea value changes.
+         */
+        "onValueChanged"?: (event: SulaTextareaCustomEvent<string>) => void;
+        /**
+          * The textarea placeholder
+         */
+        "placeholder"?: string;
+        /**
+          * The textarea rows (height)
+         */
+        "rows"?: number;
+        /**
+          * The textarea status
+         */
+        "status"?: SulaTextareaStatus;
+        /**
+          * Value for the textarea.
+         */
+        "value"?: string;
+    }
     interface SulaTextfield {
         /**
           * The textfield is disabled
@@ -297,8 +681,13 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "sula-avatar": SulaAvatar;
+        "sula-badge": SulaBadge;
         "sula-button": SulaButton;
+        "sula-checkbox": SulaCheckbox;
         "sula-icon": SulaIcon;
+        "sula-switch": SulaSwitch;
+        "sula-tag": SulaTag;
+        "sula-textarea": SulaTextarea;
         "sula-textfield": SulaTextfield;
     }
 }
@@ -307,8 +696,13 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "sula-avatar": LocalJSX.SulaAvatar & JSXBase.HTMLAttributes<HTMLSulaAvatarElement>;
+            "sula-badge": LocalJSX.SulaBadge & JSXBase.HTMLAttributes<HTMLSulaBadgeElement>;
             "sula-button": LocalJSX.SulaButton & JSXBase.HTMLAttributes<HTMLSulaButtonElement>;
+            "sula-checkbox": LocalJSX.SulaCheckbox & JSXBase.HTMLAttributes<HTMLSulaCheckboxElement>;
             "sula-icon": LocalJSX.SulaIcon & JSXBase.HTMLAttributes<HTMLSulaIconElement>;
+            "sula-switch": LocalJSX.SulaSwitch & JSXBase.HTMLAttributes<HTMLSulaSwitchElement>;
+            "sula-tag": LocalJSX.SulaTag & JSXBase.HTMLAttributes<HTMLSulaTagElement>;
+            "sula-textarea": LocalJSX.SulaTextarea & JSXBase.HTMLAttributes<HTMLSulaTextareaElement>;
             "sula-textfield": LocalJSX.SulaTextfield & JSXBase.HTMLAttributes<HTMLSulaTextfieldElement>;
         }
     }