@sula-tech/webcomponents 0.3.1 → 0.4.0

package/dist/types/components.d.ts

@@ -9,18 +9,26 @@ 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 { SulaChipAppearance } from "./components/sula-chip/model/sula-chip.model";
+import { SulaMenuListItem } from "./components/sula-menu-select-list/model/sula-menu-select-list.model";
+import { SulaLoaderSize } from "./components/sula-loader/model/sula-loader.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";
+import { SulaTilesSize, SulaTilesType } from "./components/sula-tiles/model/sula-tiles.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 { SulaChipAppearance } from "./components/sula-chip/model/sula-chip.model";
+export { SulaMenuListItem } from "./components/sula-menu-select-list/model/sula-menu-select-list.model";
+export { SulaLoaderSize } from "./components/sula-loader/model/sula-loader.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 { SulaTilesSize, SulaTilesType } from "./components/sula-tiles/model/sula-tiles.model";
 export namespace Components {
     interface SulaAvatar {
         /**
@@ -33,6 +41,7 @@ export namespace Components {
         "imageUrl"?: string;
         /**
           * Avatar size
+          * @default SulaAvatarSize.Medium
          */
         "size": SulaAvatarSize;
         /**
@@ -43,32 +52,39 @@ export namespace Components {
     interface SulaBadge {
         /**
           * Badge icon
+          * @default ''
          */
         "icon": string;
         /**
           * Badge size
+          * @default SulaBadgeSize.Medium
          */
         "size": SulaBadgeSize;
         /**
           * Badge status
+          * @default SulaBadgeStatus.Default
          */
         "status": SulaBadgeStatus;
         /**
           * Badge text
+          * @default ''
          */
         "text": string;
         /**
           * Badge type
+          * @default SulaBadgeType.Text
          */
         "type": SulaBadgeType;
     }
     interface SulaButton {
         /**
           * Button appearance
+          * @default SulaButtonAppearance.Default
          */
         "appearance": SulaButtonAppearance;
         /**
           * Is button disabled
+          * @default false
          */
         "buttonDisabled": boolean;
         /**
@@ -77,14 +93,17 @@ export namespace Components {
         "icon": string;
         /**
           * Is button loading
+          * @default false
          */
         "loading": boolean;
         /**
           * Button size
+          * @default SulaButtonSize.Default
          */
         "size": SulaButtonSize;
         /**
           * Button status
+          * @default SulaButtonStatus.Primary
          */
         "status": SulaButtonStatus;
         /**
@@ -93,16 +112,19 @@ export namespace Components {
         "text": string;
         /**
           * Button type
+          * @default SulaButtonType.Text
          */
         "type": SulaButtonType;
     }
     interface SulaCheckbox {
         /**
           * Is checkbox checked
+          * @default false
          */
         "checked": boolean;
         /**
           * Is checbox disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -115,12 +137,36 @@ export namespace Components {
         "subTitle"?: string;
         /**
           * Checkbox type
+          * @default SulaCheckboxType.Default
          */
         "type": SulaCheckboxType;
     }
+    interface SulaChip {
+        /**
+          * Chip appearance
+          * @default SulaChipAppearance.Default
+         */
+        "appearance": SulaChipAppearance;
+        /**
+          * Chip is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Items for list
+          * @default []
+         */
+        "items": SulaMenuListItem[];
+        /**
+          * Chip text
+          * @default ''
+         */
+        "text": string;
+    }
     interface SulaIcon {
         /**
           * Custom class to be applied to the icon
+          * @default ''
          */
         "customClass"?: string;
         /**
@@ -128,13 +174,46 @@ export namespace Components {
          */
         "icon": string;
     }
+    interface SulaLoader {
+        /**
+          * Tamanho predefinido (small, medium, large)
+          * @default SulaLoaderSize.Medium
+         */
+        "size": SulaLoaderSize;
+    }
+    interface SulaMenuSelectList {
+        /**
+          * Items for list
+          * @default []
+         */
+        "items": SulaMenuListItem[];
+    }
+    interface SulaRadioButton {
+        /**
+          * Is radio button checked
+          * @default false
+         */
+        "checked": boolean;
+        /**
+          * Is radio button disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Radio button label
+          * @default ''
+         */
+        "label": string;
+    }
     interface SulaSwitch {
         /**
           * Is switch active
+          * @default false
          */
         "active": boolean;
         /**
           * Is switch disabled
+          * @default false
          */
         "disabled": boolean;
         /**
@@ -147,32 +226,39 @@ export namespace Components {
         "subTitle"?: string;
         /**
           * Switch type
+          * @default SulaSwitchType.Default
          */
         "type": SulaSwitchType;
     }
     interface SulaTag {
         /**
           * Tag appearance
+          * @default SulaTagAppearance.Bordered
          */
         "appearance": SulaTagAppearance;
         /**
           * Tag font weight
+          * @default SulaTagFontWeight.Normal
          */
         "fontWeight": SulaTagFontWeight;
         /**
           * Tag icon
+          * @default ''
          */
         "icon": string;
         /**
           * Tag icon status
+          * @default SulaTagIconStatus.Success
          */
         "iconStatus": SulaTagIconStatus;
         /**
           * Tag label
+          * @default ''
          */
         "label": string;
         /**
           * Tag size
+          * @default SulaTagSize.Default
          */
         "size": SulaTagSize;
     }
@@ -199,10 +285,12 @@ export namespace Components {
         "placeholder": string;
         /**
           * The textarea rows (height)
+          * @default 4
          */
         "rows": number;
         /**
           * The textarea status
+          * @default SulaTextareaStatus.Default
          */
         "status": SulaTextareaStatus;
         /**
@@ -237,10 +325,12 @@ export namespace Components {
         "placeholder": string;
         /**
           * The textfield status
+          * @default SulaTextfieldStatus.Default
          */
         "status": SulaTextfieldStatus;
         /**
           * The textfield type
+          * @default SulaTextfieldType.Text
          */
         "type": SulaTextfieldType;
         /**
@@ -248,6 +338,43 @@ export namespace Components {
          */
         "value"?: string;
     }
+    interface SulaTiles {
+        /**
+          * Tiles is disabled
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * Use ellipsis on tiles text
+          * @default false
+         */
+        "ellipsis": boolean;
+        /**
+          * Tiles icon
+          * @default ''
+         */
+        "icon": string;
+        /**
+          * Tiles size
+          * @default SulaTilesSize.Default
+         */
+        "size": SulaTilesSize;
+        /**
+          * Tiles subtext
+          * @default ''
+         */
+        "subText": string;
+        /**
+          * Tiles text
+          * @default ''
+         */
+        "text": string;
+        /**
+          * Tiles type
+          * @default SulaTilesType.Rounded
+         */
+        "type": SulaTilesType;
+    }
 }
 export interface SulaButtonCustomEvent<T> extends CustomEvent<T> {
     detail: T;
@@ -257,6 +384,18 @@ export interface SulaCheckboxCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSulaCheckboxElement;
 }
+export interface SulaChipCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSulaChipElement;
+}
+export interface SulaMenuSelectListCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSulaMenuSelectListElement;
+}
+export interface SulaRadioButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSulaRadioButtonElement;
+}
 export interface SulaSwitchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSulaSwitchElement;
@@ -269,6 +408,10 @@ export interface SulaTextfieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSulaTextfieldElement;
 }
+export interface SulaTilesCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSulaTilesElement;
+}
 declare global {
     interface HTMLSulaAvatarElement extends Components.SulaAvatar, HTMLStencilElement {
     }
@@ -318,12 +461,72 @@ declare global {
         prototype: HTMLSulaCheckboxElement;
         new (): HTMLSulaCheckboxElement;
     };
+    interface HTMLSulaChipElementEventMap {
+        "itemClicked": void;
+        "menuItemSelected": SulaMenuListItem;
+    }
+    interface HTMLSulaChipElement extends Components.SulaChip, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSulaChipElementEventMap>(type: K, listener: (this: HTMLSulaChipElement, ev: SulaChipCustomEvent<HTMLSulaChipElementEventMap[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 HTMLSulaChipElementEventMap>(type: K, listener: (this: HTMLSulaChipElement, ev: SulaChipCustomEvent<HTMLSulaChipElementEventMap[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 HTMLSulaChipElement: {
+        prototype: HTMLSulaChipElement;
+        new (): HTMLSulaChipElement;
+    };
     interface HTMLSulaIconElement extends Components.SulaIcon, HTMLStencilElement {
     }
     var HTMLSulaIconElement: {
         prototype: HTMLSulaIconElement;
         new (): HTMLSulaIconElement;
     };
+    interface HTMLSulaLoaderElement extends Components.SulaLoader, HTMLStencilElement {
+    }
+    var HTMLSulaLoaderElement: {
+        prototype: HTMLSulaLoaderElement;
+        new (): HTMLSulaLoaderElement;
+    };
+    interface HTMLSulaMenuSelectListElementEventMap {
+        "itemSelected": SulaMenuListItem;
+    }
+    interface HTMLSulaMenuSelectListElement extends Components.SulaMenuSelectList, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSulaMenuSelectListElementEventMap>(type: K, listener: (this: HTMLSulaMenuSelectListElement, ev: SulaMenuSelectListCustomEvent<HTMLSulaMenuSelectListElementEventMap[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 HTMLSulaMenuSelectListElementEventMap>(type: K, listener: (this: HTMLSulaMenuSelectListElement, ev: SulaMenuSelectListCustomEvent<HTMLSulaMenuSelectListElementEventMap[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 HTMLSulaMenuSelectListElement: {
+        prototype: HTMLSulaMenuSelectListElement;
+        new (): HTMLSulaMenuSelectListElement;
+    };
+    interface HTMLSulaRadioButtonElementEventMap {
+        "valueChanged": boolean;
+        "focusedOn": void;
+        "focusedOut": void;
+    }
+    interface HTMLSulaRadioButtonElement extends Components.SulaRadioButton, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSulaRadioButtonElementEventMap>(type: K, listener: (this: HTMLSulaRadioButtonElement, ev: SulaRadioButtonCustomEvent<HTMLSulaRadioButtonElementEventMap[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 HTMLSulaRadioButtonElementEventMap>(type: K, listener: (this: HTMLSulaRadioButtonElement, ev: SulaRadioButtonCustomEvent<HTMLSulaRadioButtonElementEventMap[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 HTMLSulaRadioButtonElement: {
+        prototype: HTMLSulaRadioButtonElement;
+        new (): HTMLSulaRadioButtonElement;
+    };
     interface HTMLSulaSwitchElementEventMap {
         "valueChanged": boolean;
         "focusedOn": void;
@@ -387,16 +590,38 @@ declare global {
         prototype: HTMLSulaTextfieldElement;
         new (): HTMLSulaTextfieldElement;
     };
+    interface HTMLSulaTilesElementEventMap {
+        "tileClicked": void;
+    }
+    interface HTMLSulaTilesElement extends Components.SulaTiles, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSulaTilesElementEventMap>(type: K, listener: (this: HTMLSulaTilesElement, ev: SulaTilesCustomEvent<HTMLSulaTilesElementEventMap[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 HTMLSulaTilesElementEventMap>(type: K, listener: (this: HTMLSulaTilesElement, ev: SulaTilesCustomEvent<HTMLSulaTilesElementEventMap[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 HTMLSulaTilesElement: {
+        prototype: HTMLSulaTilesElement;
+        new (): HTMLSulaTilesElement;
+    };
     interface HTMLElementTagNameMap {
         "sula-avatar": HTMLSulaAvatarElement;
         "sula-badge": HTMLSulaBadgeElement;
         "sula-button": HTMLSulaButtonElement;
         "sula-checkbox": HTMLSulaCheckboxElement;
+        "sula-chip": HTMLSulaChipElement;
         "sula-icon": HTMLSulaIconElement;
+        "sula-loader": HTMLSulaLoaderElement;
+        "sula-menu-select-list": HTMLSulaMenuSelectListElement;
+        "sula-radio-button": HTMLSulaRadioButtonElement;
         "sula-switch": HTMLSulaSwitchElement;
         "sula-tag": HTMLSulaTagElement;
         "sula-textarea": HTMLSulaTextareaElement;
         "sula-textfield": HTMLSulaTextfieldElement;
+        "sula-tiles": HTMLSulaTilesElement;
     }
 }
 declare namespace LocalJSX {
@@ -411,6 +636,7 @@ declare namespace LocalJSX {
         "imageUrl"?: string;
         /**
           * Avatar size
+          * @default SulaAvatarSize.Medium
          */
         "size"?: SulaAvatarSize;
         /**
@@ -421,32 +647,39 @@ declare namespace LocalJSX {
     interface SulaBadge {
         /**
           * Badge icon
+          * @default ''
          */
         "icon"?: string;
         /**
           * Badge size
+          * @default SulaBadgeSize.Medium
          */
         "size"?: SulaBadgeSize;
         /**
           * Badge status
+          * @default SulaBadgeStatus.Default
          */
         "status"?: SulaBadgeStatus;
         /**
           * Badge text
+          * @default ''
          */
         "text"?: string;
         /**
           * Badge type
+          * @default SulaBadgeType.Text
          */
         "type"?: SulaBadgeType;
     }
     interface SulaButton {
         /**
           * Button appearance
+          * @default SulaButtonAppearance.Default
          */
         "appearance"?: SulaButtonAppearance;
         /**
           * Is button disabled
+          * @default false
          */
         "buttonDisabled"?: boolean;
         /**
@@ -455,6 +688,7 @@ declare namespace LocalJSX {
         "icon"?: string;
         /**
           * Is button loading
+          * @default false
          */
         "loading"?: boolean;
         /**
@@ -464,10 +698,12 @@ declare namespace LocalJSX {
         "onButtonClicked"?: (event: SulaButtonCustomEvent<void>) => void;
         /**
           * Button size
+          * @default SulaButtonSize.Default
          */
         "size"?: SulaButtonSize;
         /**
           * Button status
+          * @default SulaButtonStatus.Primary
          */
         "status"?: SulaButtonStatus;
         /**
@@ -476,16 +712,19 @@ declare namespace LocalJSX {
         "text"?: string;
         /**
           * Button type
+          * @default SulaButtonType.Text
          */
         "type"?: SulaButtonType;
     }
     interface SulaCheckbox {
         /**
           * Is checkbox checked
+          * @default false
          */
         "checked"?: boolean;
         /**
           * Is checbox disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -510,12 +749,44 @@ declare namespace LocalJSX {
         "subTitle"?: string;
         /**
           * Checkbox type
+          * @default SulaCheckboxType.Default
          */
         "type"?: SulaCheckboxType;
     }
+    interface SulaChip {
+        /**
+          * Chip appearance
+          * @default SulaChipAppearance.Default
+         */
+        "appearance"?: SulaChipAppearance;
+        /**
+          * Chip is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Items for list
+          * @default []
+         */
+        "items"?: SulaMenuListItem[];
+        /**
+          * Event emitted when chip is clicked
+         */
+        "onItemClicked"?: (event: SulaChipCustomEvent<void>) => void;
+        /**
+          * Event emitted when item is selected
+         */
+        "onMenuItemSelected"?: (event: SulaChipCustomEvent<SulaMenuListItem>) => void;
+        /**
+          * Chip text
+          * @default ''
+         */
+        "text"?: string;
+    }
     interface SulaIcon {
         /**
           * Custom class to be applied to the icon
+          * @default ''
          */
         "customClass"?: string;
         /**
@@ -523,13 +794,62 @@ declare namespace LocalJSX {
          */
         "icon"?: string;
     }
+    interface SulaLoader {
+        /**
+          * Tamanho predefinido (small, medium, large)
+          * @default SulaLoaderSize.Medium
+         */
+        "size"?: SulaLoaderSize;
+    }
+    interface SulaMenuSelectList {
+        /**
+          * Items for list
+          * @default []
+         */
+        "items"?: SulaMenuListItem[];
+        /**
+          * Event emitted when item is selected
+         */
+        "onItemSelected"?: (event: SulaMenuSelectListCustomEvent<SulaMenuListItem>) => void;
+    }
+    interface SulaRadioButton {
+        /**
+          * Is radio button checked
+          * @default false
+         */
+        "checked"?: boolean;
+        /**
+          * Is radio button disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Radio button label
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * Event emitted when radio button is focused.
+         */
+        "onFocusedOn"?: (event: SulaRadioButtonCustomEvent<void>) => void;
+        /**
+          * Event emitted when radio button is focused out.
+         */
+        "onFocusedOut"?: (event: SulaRadioButtonCustomEvent<void>) => void;
+        /**
+          * Event emitted when radio button value changes.
+         */
+        "onValueChanged"?: (event: SulaRadioButtonCustomEvent<boolean>) => void;
+    }
     interface SulaSwitch {
         /**
           * Is switch active
+          * @default false
          */
         "active"?: boolean;
         /**
           * Is switch disabled
+          * @default false
          */
         "disabled"?: boolean;
         /**
@@ -554,32 +874,39 @@ declare namespace LocalJSX {
         "subTitle"?: string;
         /**
           * Switch type
+          * @default SulaSwitchType.Default
          */
         "type"?: SulaSwitchType;
     }
     interface SulaTag {
         /**
           * Tag appearance
+          * @default SulaTagAppearance.Bordered
          */
         "appearance"?: SulaTagAppearance;
         /**
           * Tag font weight
+          * @default SulaTagFontWeight.Normal
          */
         "fontWeight"?: SulaTagFontWeight;
         /**
           * Tag icon
+          * @default ''
          */
         "icon"?: string;
         /**
           * Tag icon status
+          * @default SulaTagIconStatus.Success
          */
         "iconStatus"?: SulaTagIconStatus;
         /**
           * Tag label
+          * @default ''
          */
         "label"?: string;
         /**
           * Tag size
+          * @default SulaTagSize.Default
          */
         "size"?: SulaTagSize;
     }
@@ -618,10 +945,12 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * The textarea rows (height)
+          * @default 4
          */
         "rows"?: number;
         /**
           * The textarea status
+          * @default SulaTextareaStatus.Default
          */
         "status"?: SulaTextareaStatus;
         /**
@@ -668,10 +997,12 @@ declare namespace LocalJSX {
         "placeholder"?: string;
         /**
           * The textfield status
+          * @default SulaTextfieldStatus.Default
          */
         "status"?: SulaTextfieldStatus;
         /**
           * The textfield type
+          * @default SulaTextfieldType.Text
          */
         "type"?: SulaTextfieldType;
         /**
@@ -679,16 +1010,63 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface SulaTiles {
+        /**
+          * Tiles is disabled
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * Use ellipsis on tiles text
+          * @default false
+         */
+        "ellipsis"?: boolean;
+        /**
+          * Tiles icon
+          * @default ''
+         */
+        "icon"?: string;
+        /**
+          * Event emitted when tile is clicked.
+          * @note If tile is disabled event won't be emitted
+         */
+        "onTileClicked"?: (event: SulaTilesCustomEvent<void>) => void;
+        /**
+          * Tiles size
+          * @default SulaTilesSize.Default
+         */
+        "size"?: SulaTilesSize;
+        /**
+          * Tiles subtext
+          * @default ''
+         */
+        "subText"?: string;
+        /**
+          * Tiles text
+          * @default ''
+         */
+        "text"?: string;
+        /**
+          * Tiles type
+          * @default SulaTilesType.Rounded
+         */
+        "type"?: SulaTilesType;
+    }
     interface IntrinsicElements {
         "sula-avatar": SulaAvatar;
         "sula-badge": SulaBadge;
         "sula-button": SulaButton;
         "sula-checkbox": SulaCheckbox;
+        "sula-chip": SulaChip;
         "sula-icon": SulaIcon;
+        "sula-loader": SulaLoader;
+        "sula-menu-select-list": SulaMenuSelectList;
+        "sula-radio-button": SulaRadioButton;
         "sula-switch": SulaSwitch;
         "sula-tag": SulaTag;
         "sula-textarea": SulaTextarea;
         "sula-textfield": SulaTextfield;
+        "sula-tiles": SulaTiles;
     }
 }
 export { LocalJSX as JSX };
@@ -699,11 +1077,16 @@ declare module "@stencil/core" {
             "sula-badge": LocalJSX.SulaBadge & JSXBase.HTMLAttributes<HTMLSulaBadgeElement>;
             "sula-button": LocalJSX.SulaButton & JSXBase.HTMLAttributes<HTMLSulaButtonElement>;
             "sula-checkbox": LocalJSX.SulaCheckbox & JSXBase.HTMLAttributes<HTMLSulaCheckboxElement>;
+            "sula-chip": LocalJSX.SulaChip & JSXBase.HTMLAttributes<HTMLSulaChipElement>;
             "sula-icon": LocalJSX.SulaIcon & JSXBase.HTMLAttributes<HTMLSulaIconElement>;
+            "sula-loader": LocalJSX.SulaLoader & JSXBase.HTMLAttributes<HTMLSulaLoaderElement>;
+            "sula-menu-select-list": LocalJSX.SulaMenuSelectList & JSXBase.HTMLAttributes<HTMLSulaMenuSelectListElement>;
+            "sula-radio-button": LocalJSX.SulaRadioButton & JSXBase.HTMLAttributes<HTMLSulaRadioButtonElement>;
             "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>;
+            "sula-tiles": LocalJSX.SulaTiles & JSXBase.HTMLAttributes<HTMLSulaTilesElement>;
         }
     }
 }