diff --git a/packages/core/src/components.d.ts b/packages/core/src/components.d.ts index 9e2e631bc..366279773 100644 --- a/packages/core/src/components.d.ts +++ b/packages/core/src/components.d.ts @@ -12,16 +12,16 @@ export { IconProps } from "./icons"; export { Color, Mode, TextFieldTypes } from "@ionic/core"; export { LocalJSX as IonTypes } from "@ionic/core/dist/types/components"; export namespace Components { - interface AtomAlert { - "actionText"?: string; - "close": boolean; - "color"?: 'info' | 'success' | 'warning' | 'danger' | 'neutral'; - "icon"?: IconProps; - "messageText"?: string; - "messageTitle"?: string; - } - interface AtomBadge { - "type": | 'primary' + interface AtomAlert { + "actionText"?: string; + "close": boolean; + "color"?: 'info' | 'success' | 'warning' | 'danger' | 'neutral'; + "icon"?: IconProps; + "messageText"?: string; + "messageTitle"?: string; + } + interface AtomBadge { + "type": | 'primary' | 'secondary' | 'info' | 'success' @@ -29,92 +29,92 @@ export namespace Components { | 'danger' | 'neutral' | 'dark'; - } - interface AtomBreadcrumb { - "items": BreadcrumbItemProp[]; - } - interface AtomButton { - "color": 'primary' | 'secondary' | 'white'; - "disabled"?: boolean; - "download"?: string; - "expand"?: 'block'; - "fill": 'clear' | 'outline' | 'solid'; - "href"?: string; - "loading"?: boolean; - "mode": Mode; - "rel"?: string; - "shape"?: 'round' | 'circle'; - "size": 'small' | 'default' | 'large'; - "target"?: string; - "type": 'submit' | 'reset' | 'button'; - } - interface AtomCarousel { - "autoplay": number; - "hasNavigation": boolean; - "hasPagination": boolean; - "loop": boolean; - "thumbnails": string[]; - } - interface AtomCarouselItem { - } - interface AtomChip { - "activated": boolean; - "close": boolean; - "disabled": boolean; - "icon"?: IconProps; - "mode": 'ios' | 'md'; - "outline": boolean; - } - interface AtomCol { - "offset"?: string; - "offsetLg"?: string; - "offsetMd"?: string; - "offsetSm"?: string; - "pull"?: string; - "push"?: string; - "size"?: 'auto' | string; - "sizeLg"?: string; - "sizeMd"?: string; - "sizeSm"?: string; - } - interface AtomContainer { - "hasPadding": boolean; - } - interface AtomGrid { - "fixed"?: boolean; - } - interface AtomIcon { - "color"?: Color; - "icon"?: IconProps; - "size"?: Size; - } - interface AtomInput { - "autocomplete"?: 'on' | 'off'; - "autofocus": boolean; - "clearInput": boolean; - "clearOnEdit": boolean; - "color"?: 'primary' | 'secondary' | 'danger'; - "counter": boolean; - "counterFormatter"?: ( - inputLength: number, - maxLength: number - ) => string | undefined; - "debounce": number; - "disabled": boolean; - "enterKeyHint": | 'enter' + } + interface AtomBreadcrumb { + "items": BreadcrumbItemProp[]; + } + interface AtomButton { + "color": 'primary' | 'secondary' | 'white'; + "disabled"?: boolean; + "download"?: string; + "expand"?: 'block'; + "fill": 'clear' | 'outline' | 'solid'; + "href"?: string; + "loading"?: boolean; + "mode": Mode; + "rel"?: string; + "shape"?: 'round' | 'circle'; + "size": 'small' | 'default' | 'large'; + "target"?: string; + "type": 'submit' | 'reset' | 'button'; + } + interface AtomCarousel { + "autoplay": number; + "hasNavigation": boolean; + "hasPagination": boolean; + "loop": boolean; + "thumbnails": string[]; + } + interface AtomCarouselItem { + } + interface AtomChip { + "activated": boolean; + "close": boolean; + "disabled": boolean; + "icon"?: IconProps; + "mode": 'ios' | 'md'; + "outline": boolean; + } + interface AtomCol { + "offset"?: string; + "offsetLg"?: string; + "offsetMd"?: string; + "offsetSm"?: string; + "pull"?: string; + "push"?: string; + "size"?: 'auto' | string; + "sizeLg"?: string; + "sizeMd"?: string; + "sizeSm"?: string; + } + interface AtomContainer { + "hasPadding": boolean; + } + interface AtomGrid { + "fixed"?: boolean; + } + interface AtomIcon { + "color"?: Color; + "icon"?: IconProps; + "size"?: Size; + } + interface AtomInput { + "autocomplete"?: 'on' | 'off'; + "autofocus": boolean; + "clearInput": boolean; + "clearOnEdit": boolean; + "color"?: 'primary' | 'secondary' | 'danger'; + "counter": boolean; + "counterFormatter"?: ( + inputLength: number, + maxLength: number + ) => string | undefined; + "debounce": number; + "disabled": boolean; + "enterKeyHint": | 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'; - "errorText"?: string; - "fill": 'solid' | 'outline'; - "getInputElement": () => Promise; - "hasError": boolean; - "helperText"?: string; - "icon"?: IconProps; - "inputmode"?: | 'none' + "errorText"?: string; + "fill": 'solid' | 'outline'; + "getInputElement": () => Promise; + "hasError": boolean; + "helperText"?: string; + "icon"?: IconProps; + "inputmode"?: | 'none' | 'text' | 'tel' | 'url' @@ -122,89 +122,89 @@ export namespace Components { | 'numeric' | 'decimal' | 'search'; - "label"?: string; - "labelPlacement"?: 'stacked' | 'floating'; - "max"?: string | number; - "maxlength"?: number; - "min"?: string | number; - "minlength"?: number; - "mode": Mode; - "multiple": boolean; - "name"?: string; - "passwordToggle": boolean; - "pattern"?: string; - "placeholder"?: string; - "readonly": boolean; - "required": boolean; - "setFocus": () => Promise; - "setInputEl": (inputEl: HTMLIonInputElement) => Promise; - "shape": 'round' | undefined; - "step"?: string; - "type": TextFieldTypes; - "value"?: IonTypes.IonInput['value']; - } - interface AtomListSlider { - "centralized": boolean; - "hasNavigation": boolean; - } - interface AtomListSliderItem { - } - interface AtomSelect { - "color"?: 'primary' | 'secondary' | 'danger'; - "disabled"?: boolean; - "errorText"?: string; - "fill": 'solid' | 'outline'; - "helperText"?: string; - "icon"?: IconProps; - "label"?: string; - "mode": Mode; - "multiple"?: boolean; - "name": string; - "options": Array<{ - id: string - value: string - label?: string - selected?: boolean - disabled?: boolean - }>; - "placeholder": string; - "readonly"?: boolean; - "value"?: IonTypes.IonSelect['value']; - } - interface AtomTag { - "color": 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light'; - "customBackgroundColor"?: string; - "customTextColor"?: string; - "icon"?: IconProps; - } - interface AtomTextarea { - "autoGrow": boolean; - "autocomplete"?: 'on' | 'off'; - "autofocus": boolean; - "clearOnEdit": boolean; - "color"?: 'primary' | 'secondary' | 'danger'; - "cols"?: number; - "counter": boolean; - "counterFormatter"?: ( - inputLength: number, - maxLength: number - ) => string | undefined; - "debounce": number; - "disabled": boolean; - "enterKeyHint": | 'enter' + "label"?: string; + "labelPlacement"?: 'stacked' | 'floating'; + "max"?: string | number; + "maxlength"?: number; + "min"?: string | number; + "minlength"?: number; + "mode": Mode; + "multiple": boolean; + "name"?: string; + "passwordToggle": boolean; + "pattern"?: string; + "placeholder"?: string; + "readonly": boolean; + "required": boolean; + "setFocus": () => Promise; + "setInputEl": (inputEl: HTMLIonInputElement) => Promise; + "shape": 'round' | undefined; + "step"?: string; + "type": TextFieldTypes; + "value"?: IonTypes.IonInput['value']; + } + interface AtomListSlider { + "centralized": boolean; + "hasNavigation": boolean; + } + interface AtomListSliderItem { + } + interface AtomSelect { + "color"?: 'primary' | 'secondary' | 'danger'; + "disabled"?: boolean; + "errorText"?: string; + "fill": 'solid' | 'outline'; + "helperText"?: string; + "icon"?: IconProps; + "label"?: string; + "mode": Mode; + "multiple"?: boolean; + "name": string; + "options": Array<{ + id: string + value: string + label?: string + selected?: boolean + disabled?: boolean + }>; + "placeholder": string; + "readonly"?: boolean; + "value"?: IonTypes.IonSelect['value']; + } + interface AtomTag { + "color": 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light'; + "customBackgroundColor"?: string; + "customTextColor"?: string; + "icon"?: IconProps; + } + interface AtomTextarea { + "autoGrow": boolean; + "autocomplete"?: 'on' | 'off'; + "autofocus": boolean; + "clearOnEdit": boolean; + "color"?: 'primary' | 'secondary' | 'danger'; + "cols"?: number; + "counter": boolean; + "counterFormatter"?: ( + inputLength: number, + maxLength: number + ) => string | undefined; + "debounce": number; + "disabled": boolean; + "enterKeyHint": | 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'; - "errorText"?: string; - "fill": 'solid' | 'outline'; - "getInputElement": () => Promise; - "hasError": boolean; - "helperText"?: string; - "icon"?: IconProps; - "inputmode"?: | 'none' + "errorText"?: string; + "fill": 'solid' | 'outline'; + "getInputElement": () => Promise; + "hasError": boolean; + "helperText"?: string; + "icon"?: IconProps; + "inputmode"?: | 'none' | 'text' | 'tel' | 'url' @@ -212,278 +212,278 @@ export namespace Components { | 'numeric' | 'decimal' | 'search'; - "label"?: string; - "labelPlacement"?: 'stacked' | 'floating'; - "maxlength"?: number; - "minlength"?: number; - "mode": Mode; - "name"?: string; - "pattern"?: string; - "placeholder"?: string; - "readonly": boolean; - "required": boolean; - "rows": number; - "setFocus": () => Promise; - "setInputEl": (textareaEl: HTMLIonTextareaElement) => Promise; - "shape": 'round' | undefined; - "step"?: string; - "value"?: IonTypes.IonTextarea['value']; - "wrap"?: 'hard' | 'soft' | 'off'; - } + "label"?: string; + "labelPlacement"?: 'stacked' | 'floating'; + "maxlength"?: number; + "minlength"?: number; + "mode": Mode; + "name"?: string; + "pattern"?: string; + "placeholder"?: string; + "readonly": boolean; + "required": boolean; + "rows": number; + "setFocus": () => Promise; + "setInputEl": (textareaEl: HTMLIonTextareaElement) => Promise; + "shape": 'round' | undefined; + "step"?: string; + "value"?: IonTypes.IonTextarea['value']; + "wrap"?: 'hard' | 'soft' | 'off'; + } } export interface AtomAlertCustomEvent extends CustomEvent { - detail: T; - target: HTMLAtomAlertElement; + detail: T; + target: HTMLAtomAlertElement; } export interface AtomButtonCustomEvent extends CustomEvent { - detail: T; - target: HTMLAtomButtonElement; + detail: T; + target: HTMLAtomButtonElement; } export interface AtomChipCustomEvent extends CustomEvent { - detail: T; - target: HTMLAtomChipElement; + detail: T; + target: HTMLAtomChipElement; } export interface AtomInputCustomEvent extends CustomEvent { - detail: T; - target: HTMLAtomInputElement; + detail: T; + target: HTMLAtomInputElement; } export interface AtomListSliderCustomEvent extends CustomEvent { - detail: T; - target: HTMLAtomListSliderElement; + detail: T; + target: HTMLAtomListSliderElement; } export interface AtomSelectCustomEvent extends CustomEvent { - detail: T; - target: HTMLAtomSelectElement; + detail: T; + target: HTMLAtomSelectElement; } export interface AtomTextareaCustomEvent extends CustomEvent { - detail: T; - target: HTMLAtomTextareaElement; + detail: T; + target: HTMLAtomTextareaElement; } declare global { - interface HTMLAtomAlertElementEventMap { - "atomClose": any; - "atomAction": any; - } - interface HTMLAtomAlertElement extends Components.AtomAlert, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLAtomAlertElement, ev: AtomAlertCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLAtomAlertElement, ev: AtomAlertCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLAtomAlertElement: { - prototype: HTMLAtomAlertElement; - new (): HTMLAtomAlertElement; - }; - interface HTMLAtomBadgeElement extends Components.AtomBadge, HTMLStencilElement { - } - var HTMLAtomBadgeElement: { - prototype: HTMLAtomBadgeElement; - new (): HTMLAtomBadgeElement; - }; - interface HTMLAtomBreadcrumbElement extends Components.AtomBreadcrumb, HTMLStencilElement { - } - var HTMLAtomBreadcrumbElement: { - prototype: HTMLAtomBreadcrumbElement; - new (): HTMLAtomBreadcrumbElement; - }; - interface HTMLAtomButtonElementEventMap { - "click": any; - } - interface HTMLAtomButtonElement extends Components.AtomButton, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLAtomButtonElement, ev: AtomButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLAtomButtonElement, ev: AtomButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLAtomButtonElement: { - prototype: HTMLAtomButtonElement; - new (): HTMLAtomButtonElement; - }; - interface HTMLAtomCarouselElement extends Components.AtomCarousel, HTMLStencilElement { - } - var HTMLAtomCarouselElement: { - prototype: HTMLAtomCarouselElement; - new (): HTMLAtomCarouselElement; - }; - interface HTMLAtomCarouselItemElement extends Components.AtomCarouselItem, HTMLStencilElement { - } - var HTMLAtomCarouselItemElement: { - prototype: HTMLAtomCarouselItemElement; - new (): HTMLAtomCarouselItemElement; - }; - interface HTMLAtomChipElementEventMap { - "atomClick": any; - } - interface HTMLAtomChipElement extends Components.AtomChip, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLAtomChipElement, ev: AtomChipCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLAtomChipElement, ev: AtomChipCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLAtomChipElement: { - prototype: HTMLAtomChipElement; - new (): HTMLAtomChipElement; - }; - interface HTMLAtomColElement extends Components.AtomCol, HTMLStencilElement { - } - var HTMLAtomColElement: { - prototype: HTMLAtomColElement; - new (): HTMLAtomColElement; - }; - interface HTMLAtomContainerElement extends Components.AtomContainer, HTMLStencilElement { - } - var HTMLAtomContainerElement: { - prototype: HTMLAtomContainerElement; - new (): HTMLAtomContainerElement; - }; - interface HTMLAtomGridElement extends Components.AtomGrid, HTMLStencilElement { - } - var HTMLAtomGridElement: { - prototype: HTMLAtomGridElement; - new (): HTMLAtomGridElement; - }; - interface HTMLAtomIconElement extends Components.AtomIcon, HTMLStencilElement { - } - var HTMLAtomIconElement: { - prototype: HTMLAtomIconElement; - new (): HTMLAtomIconElement; - }; - interface HTMLAtomInputElementEventMap { - "atomFocus": void; - "atomBlur": void; - "atomChange": string; - "atomInput": string; - } - interface HTMLAtomInputElement extends Components.AtomInput, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLAtomInputElement, ev: AtomInputCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLAtomInputElement, ev: AtomInputCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLAtomInputElement: { - prototype: HTMLAtomInputElement; - new (): HTMLAtomInputElement; - }; - interface HTMLAtomListSliderElementEventMap { - "clickNext": any; - "clickPrev": any; - } - interface HTMLAtomListSliderElement extends Components.AtomListSlider, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLAtomListSliderElement, ev: AtomListSliderCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLAtomListSliderElement, ev: AtomListSliderCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLAtomListSliderElement: { - prototype: HTMLAtomListSliderElement; - new (): HTMLAtomListSliderElement; - }; - interface HTMLAtomListSliderItemElement extends Components.AtomListSliderItem, HTMLStencilElement { - } - var HTMLAtomListSliderItemElement: { - prototype: HTMLAtomListSliderItemElement; - new (): HTMLAtomListSliderItemElement; - }; - interface HTMLAtomSelectElementEventMap { - "atomBlur": void; - "atomCancel": void; - "atomChange": string; - "atomDismiss": void; - "atomFocus": void; - } - interface HTMLAtomSelectElement extends Components.AtomSelect, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLAtomSelectElement, ev: AtomSelectCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLAtomSelectElement, ev: AtomSelectCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLAtomSelectElement: { - prototype: HTMLAtomSelectElement; - new (): HTMLAtomSelectElement; - }; - interface HTMLAtomTagElement extends Components.AtomTag, HTMLStencilElement { - } - var HTMLAtomTagElement: { - prototype: HTMLAtomTagElement; - new (): HTMLAtomTagElement; - }; - interface HTMLAtomTextareaElementEventMap { - "atomFocus": void; - "atomBlur": void; - "atomChange": string; - "atomInput": string; - } - interface HTMLAtomTextareaElement extends Components.AtomTextarea, HTMLStencilElement { - addEventListener(type: K, listener: (this: HTMLAtomTextareaElement, ev: AtomTextareaCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; - addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLAtomTextareaElement, ev: AtomTextareaCustomEvent) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; - removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; - } - var HTMLAtomTextareaElement: { - prototype: HTMLAtomTextareaElement; - new (): HTMLAtomTextareaElement; - }; - interface HTMLElementTagNameMap { - "atom-alert": HTMLAtomAlertElement; - "atom-badge": HTMLAtomBadgeElement; - "atom-breadcrumb": HTMLAtomBreadcrumbElement; - "atom-button": HTMLAtomButtonElement; - "atom-carousel": HTMLAtomCarouselElement; - "atom-carousel-item": HTMLAtomCarouselItemElement; - "atom-chip": HTMLAtomChipElement; - "atom-col": HTMLAtomColElement; - "atom-container": HTMLAtomContainerElement; - "atom-grid": HTMLAtomGridElement; - "atom-icon": HTMLAtomIconElement; - "atom-input": HTMLAtomInputElement; - "atom-list-slider": HTMLAtomListSliderElement; - "atom-list-slider-item": HTMLAtomListSliderItemElement; - "atom-select": HTMLAtomSelectElement; - "atom-tag": HTMLAtomTagElement; - "atom-textarea": HTMLAtomTextareaElement; - } + interface HTMLAtomAlertElementEventMap { + "atomClose": any; + "atomAction": any; + } + interface HTMLAtomAlertElement extends Components.AtomAlert, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLAtomAlertElement, ev: AtomAlertCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLAtomAlertElement, ev: AtomAlertCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; + } + var HTMLAtomAlertElement: { + prototype: HTMLAtomAlertElement; + new(): HTMLAtomAlertElement; + }; + interface HTMLAtomBadgeElement extends Components.AtomBadge, HTMLStencilElement { + } + var HTMLAtomBadgeElement: { + prototype: HTMLAtomBadgeElement; + new(): HTMLAtomBadgeElement; + }; + interface HTMLAtomBreadcrumbElement extends Components.AtomBreadcrumb, HTMLStencilElement { + } + var HTMLAtomBreadcrumbElement: { + prototype: HTMLAtomBreadcrumbElement; + new(): HTMLAtomBreadcrumbElement; + }; + interface HTMLAtomButtonElementEventMap { + "click": any; + } + interface HTMLAtomButtonElement extends Components.AtomButton, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLAtomButtonElement, ev: AtomButtonCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLAtomButtonElement, ev: AtomButtonCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; + } + var HTMLAtomButtonElement: { + prototype: HTMLAtomButtonElement; + new(): HTMLAtomButtonElement; + }; + interface HTMLAtomCarouselElement extends Components.AtomCarousel, HTMLStencilElement { + } + var HTMLAtomCarouselElement: { + prototype: HTMLAtomCarouselElement; + new(): HTMLAtomCarouselElement; + }; + interface HTMLAtomCarouselItemElement extends Components.AtomCarouselItem, HTMLStencilElement { + } + var HTMLAtomCarouselItemElement: { + prototype: HTMLAtomCarouselItemElement; + new(): HTMLAtomCarouselItemElement; + }; + interface HTMLAtomChipElementEventMap { + "atomClick": any; + } + interface HTMLAtomChipElement extends Components.AtomChip, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLAtomChipElement, ev: AtomChipCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLAtomChipElement, ev: AtomChipCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; + } + var HTMLAtomChipElement: { + prototype: HTMLAtomChipElement; + new(): HTMLAtomChipElement; + }; + interface HTMLAtomColElement extends Components.AtomCol, HTMLStencilElement { + } + var HTMLAtomColElement: { + prototype: HTMLAtomColElement; + new(): HTMLAtomColElement; + }; + interface HTMLAtomContainerElement extends Components.AtomContainer, HTMLStencilElement { + } + var HTMLAtomContainerElement: { + prototype: HTMLAtomContainerElement; + new(): HTMLAtomContainerElement; + }; + interface HTMLAtomGridElement extends Components.AtomGrid, HTMLStencilElement { + } + var HTMLAtomGridElement: { + prototype: HTMLAtomGridElement; + new(): HTMLAtomGridElement; + }; + interface HTMLAtomIconElement extends Components.AtomIcon, HTMLStencilElement { + } + var HTMLAtomIconElement: { + prototype: HTMLAtomIconElement; + new(): HTMLAtomIconElement; + }; + interface HTMLAtomInputElementEventMap { + "atomFocus": void; + "atomBlur": void; + "atomChange": string; + "atomInput": string; + } + interface HTMLAtomInputElement extends Components.AtomInput, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLAtomInputElement, ev: AtomInputCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLAtomInputElement, ev: AtomInputCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; + } + var HTMLAtomInputElement: { + prototype: HTMLAtomInputElement; + new(): HTMLAtomInputElement; + }; + interface HTMLAtomListSliderElementEventMap { + "clickNext": any; + "clickPrev": any; + } + interface HTMLAtomListSliderElement extends Components.AtomListSlider, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLAtomListSliderElement, ev: AtomListSliderCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLAtomListSliderElement, ev: AtomListSliderCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; + } + var HTMLAtomListSliderElement: { + prototype: HTMLAtomListSliderElement; + new(): HTMLAtomListSliderElement; + }; + interface HTMLAtomListSliderItemElement extends Components.AtomListSliderItem, HTMLStencilElement { + } + var HTMLAtomListSliderItemElement: { + prototype: HTMLAtomListSliderItemElement; + new(): HTMLAtomListSliderItemElement; + }; + interface HTMLAtomSelectElementEventMap { + "atomBlur": void; + "atomCancel": void; + "atomChange": string; + "atomDismiss": void; + "atomFocus": void; + } + interface HTMLAtomSelectElement extends Components.AtomSelect, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLAtomSelectElement, ev: AtomSelectCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLAtomSelectElement, ev: AtomSelectCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; + } + var HTMLAtomSelectElement: { + prototype: HTMLAtomSelectElement; + new(): HTMLAtomSelectElement; + }; + interface HTMLAtomTagElement extends Components.AtomTag, HTMLStencilElement { + } + var HTMLAtomTagElement: { + prototype: HTMLAtomTagElement; + new(): HTMLAtomTagElement; + }; + interface HTMLAtomTextareaElementEventMap { + "atomFocus": void; + "atomBlur": void; + "atomChange": string; + "atomInput": string; + } + interface HTMLAtomTextareaElement extends Components.AtomTextarea, HTMLStencilElement { + addEventListener(type: K, listener: (this: HTMLAtomTextareaElement, ev: AtomTextareaCustomEvent) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; + addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLAtomTextareaElement, ev: AtomTextareaCustomEvent) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; + removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; + } + var HTMLAtomTextareaElement: { + prototype: HTMLAtomTextareaElement; + new(): HTMLAtomTextareaElement; + }; + interface HTMLElementTagNameMap { + "atom-alert": HTMLAtomAlertElement; + "atom-badge": HTMLAtomBadgeElement; + "atom-breadcrumb": HTMLAtomBreadcrumbElement; + "atom-button": HTMLAtomButtonElement; + "atom-carousel": HTMLAtomCarouselElement; + "atom-carousel-item": HTMLAtomCarouselItemElement; + "atom-chip": HTMLAtomChipElement; + "atom-col": HTMLAtomColElement; + "atom-container": HTMLAtomContainerElement; + "atom-grid": HTMLAtomGridElement; + "atom-icon": HTMLAtomIconElement; + "atom-input": HTMLAtomInputElement; + "atom-list-slider": HTMLAtomListSliderElement; + "atom-list-slider-item": HTMLAtomListSliderItemElement; + "atom-select": HTMLAtomSelectElement; + "atom-tag": HTMLAtomTagElement; + "atom-textarea": HTMLAtomTextareaElement; + } } declare namespace LocalJSX { - interface AtomAlert { - "actionText"?: string; - "close"?: boolean; - "color"?: 'info' | 'success' | 'warning' | 'danger' | 'neutral'; - "icon"?: IconProps; - "messageText"?: string; - "messageTitle"?: string; - "onAtomAction"?: (event: AtomAlertCustomEvent) => void; - "onAtomClose"?: (event: AtomAlertCustomEvent) => void; - } - interface AtomBadge { - "type"?: | 'primary' + interface AtomAlert { + "actionText"?: string; + "close"?: boolean; + "color"?: 'info' | 'success' | 'warning' | 'danger' | 'neutral'; + "icon"?: IconProps; + "messageText"?: string; + "messageTitle"?: string; + "onAtomAction"?: (event: AtomAlertCustomEvent) => void; + "onAtomClose"?: (event: AtomAlertCustomEvent) => void; + } + interface AtomBadge { + "type"?: | 'primary' | 'secondary' | 'info' | 'success' @@ -491,93 +491,93 @@ declare namespace LocalJSX { | 'danger' | 'neutral' | 'dark'; - } - interface AtomBreadcrumb { - "items"?: BreadcrumbItemProp[]; - } - interface AtomButton { - "color"?: 'primary' | 'secondary' | 'white'; - "disabled"?: boolean; - "download"?: string; - "expand"?: 'block'; - "fill"?: 'clear' | 'outline' | 'solid'; - "href"?: string; - "loading"?: boolean; - "mode"?: Mode; - "onClick"?: (event: AtomButtonCustomEvent) => void; - "rel"?: string; - "shape"?: 'round' | 'circle'; - "size"?: 'small' | 'default' | 'large'; - "target"?: string; - "type"?: 'submit' | 'reset' | 'button'; - } - interface AtomCarousel { - "autoplay"?: number; - "hasNavigation"?: boolean; - "hasPagination"?: boolean; - "loop"?: boolean; - "thumbnails"?: string[]; - } - interface AtomCarouselItem { - } - interface AtomChip { - "activated"?: boolean; - "close"?: boolean; - "disabled"?: boolean; - "icon"?: IconProps; - "mode"?: 'ios' | 'md'; - "onAtomClick"?: (event: AtomChipCustomEvent) => void; - "outline"?: boolean; - } - interface AtomCol { - "offset"?: string; - "offsetLg"?: string; - "offsetMd"?: string; - "offsetSm"?: string; - "pull"?: string; - "push"?: string; - "size"?: 'auto' | string; - "sizeLg"?: string; - "sizeMd"?: string; - "sizeSm"?: string; - } - interface AtomContainer { - "hasPadding"?: boolean; - } - interface AtomGrid { - "fixed"?: boolean; - } - interface AtomIcon { - "color"?: Color; - "icon"?: IconProps; - "size"?: Size; - } - interface AtomInput { - "autocomplete"?: 'on' | 'off'; - "autofocus"?: boolean; - "clearInput"?: boolean; - "clearOnEdit"?: boolean; - "color"?: 'primary' | 'secondary' | 'danger'; - "counter"?: boolean; - "counterFormatter"?: ( - inputLength: number, - maxLength: number - ) => string | undefined; - "debounce"?: number; - "disabled"?: boolean; - "enterKeyHint"?: | 'enter' + } + interface AtomBreadcrumb { + "items"?: BreadcrumbItemProp[]; + } + interface AtomButton { + "color"?: 'primary' | 'secondary' | 'white'; + "disabled"?: boolean; + "download"?: string; + "expand"?: 'block'; + "fill"?: 'clear' | 'outline' | 'solid'; + "href"?: string; + "loading"?: boolean; + "mode"?: Mode; + "onClick"?: (event: AtomButtonCustomEvent) => void; + "rel"?: string; + "shape"?: 'round' | 'circle'; + "size"?: 'small' | 'default' | 'large'; + "target"?: string; + "type"?: 'submit' | 'reset' | 'button'; + } + interface AtomCarousel { + "autoplay"?: number; + "hasNavigation"?: boolean; + "hasPagination"?: boolean; + "loop"?: boolean; + "thumbnails"?: string[]; + } + interface AtomCarouselItem { + } + interface AtomChip { + "activated"?: boolean; + "close"?: boolean; + "disabled"?: boolean; + "icon"?: IconProps; + "mode"?: 'ios' | 'md'; + "onAtomClick"?: (event: AtomChipCustomEvent) => void; + "outline"?: boolean; + } + interface AtomCol { + "offset"?: string; + "offsetLg"?: string; + "offsetMd"?: string; + "offsetSm"?: string; + "pull"?: string; + "push"?: string; + "size"?: 'auto' | string; + "sizeLg"?: string; + "sizeMd"?: string; + "sizeSm"?: string; + } + interface AtomContainer { + "hasPadding"?: boolean; + } + interface AtomGrid { + "fixed"?: boolean; + } + interface AtomIcon { + "color"?: Color; + "icon"?: IconProps; + "size"?: Size; + } + interface AtomInput { + "autocomplete"?: 'on' | 'off'; + "autofocus"?: boolean; + "clearInput"?: boolean; + "clearOnEdit"?: boolean; + "color"?: 'primary' | 'secondary' | 'danger'; + "counter"?: boolean; + "counterFormatter"?: ( + inputLength: number, + maxLength: number + ) => string | undefined; + "debounce"?: number; + "disabled"?: boolean; + "enterKeyHint"?: | 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'; - "errorText"?: string; - "fill"?: 'solid' | 'outline'; - "hasError"?: boolean; - "helperText"?: string; - "icon"?: IconProps; - "inputmode"?: | 'none' + "errorText"?: string; + "fill"?: 'solid' | 'outline'; + "hasError"?: boolean; + "helperText"?: string; + "icon"?: IconProps; + "inputmode"?: | 'none' | 'text' | 'tel' | 'url' @@ -585,97 +585,97 @@ declare namespace LocalJSX { | 'numeric' | 'decimal' | 'search'; - "label"?: string; - "labelPlacement"?: 'stacked' | 'floating'; - "max"?: string | number; - "maxlength"?: number; - "min"?: string | number; - "minlength"?: number; - "mode"?: Mode; - "multiple"?: boolean; - "name"?: string; - "onAtomBlur"?: (event: AtomInputCustomEvent) => void; - "onAtomChange"?: (event: AtomInputCustomEvent) => void; - "onAtomFocus"?: (event: AtomInputCustomEvent) => void; - "onAtomInput"?: (event: AtomInputCustomEvent) => void; - "passwordToggle"?: boolean; - "pattern"?: string; - "placeholder"?: string; - "readonly"?: boolean; - "required"?: boolean; - "shape"?: 'round' | undefined; - "step"?: string; - "type"?: TextFieldTypes; - "value"?: IonTypes.IonInput['value']; - } - interface AtomListSlider { - "centralized"?: boolean; - "hasNavigation"?: boolean; - "onClickNext"?: (event: AtomListSliderCustomEvent) => void; - "onClickPrev"?: (event: AtomListSliderCustomEvent) => void; - } - interface AtomListSliderItem { - } - interface AtomSelect { - "color"?: 'primary' | 'secondary' | 'danger'; - "disabled"?: boolean; - "errorText"?: string; - "fill"?: 'solid' | 'outline'; - "helperText"?: string; - "icon"?: IconProps; - "label"?: string; - "mode"?: Mode; - "multiple"?: boolean; - "name"?: string; - "onAtomBlur"?: (event: AtomSelectCustomEvent) => void; - "onAtomCancel"?: (event: AtomSelectCustomEvent) => void; - "onAtomChange"?: (event: AtomSelectCustomEvent) => void; - "onAtomDismiss"?: (event: AtomSelectCustomEvent) => void; - "onAtomFocus"?: (event: AtomSelectCustomEvent) => void; - "options"?: Array<{ - id: string - value: string - label?: string - selected?: boolean - disabled?: boolean - }>; - "placeholder"?: string; - "readonly"?: boolean; - "value"?: IonTypes.IonSelect['value']; - } - interface AtomTag { - "color"?: 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light'; - "customBackgroundColor"?: string; - "customTextColor"?: string; - "icon"?: IconProps; - } - interface AtomTextarea { - "autoGrow"?: boolean; - "autocomplete"?: 'on' | 'off'; - "autofocus"?: boolean; - "clearOnEdit"?: boolean; - "color"?: 'primary' | 'secondary' | 'danger'; - "cols"?: number; - "counter"?: boolean; - "counterFormatter"?: ( - inputLength: number, - maxLength: number - ) => string | undefined; - "debounce"?: number; - "disabled"?: boolean; - "enterKeyHint"?: | 'enter' + "label"?: string; + "labelPlacement"?: 'stacked' | 'floating'; + "max"?: string | number; + "maxlength"?: number; + "min"?: string | number; + "minlength"?: number; + "mode"?: Mode; + "multiple"?: boolean; + "name"?: string; + "onAtomBlur"?: (event: AtomInputCustomEvent) => void; + "onAtomChange"?: (event: AtomInputCustomEvent) => void; + "onAtomFocus"?: (event: AtomInputCustomEvent) => void; + "onAtomInput"?: (event: AtomInputCustomEvent) => void; + "passwordToggle"?: boolean; + "pattern"?: string; + "placeholder"?: string; + "readonly"?: boolean; + "required"?: boolean; + "shape"?: 'round' | undefined; + "step"?: string; + "type"?: TextFieldTypes; + "value"?: IonTypes.IonInput['value']; + } + interface AtomListSlider { + "centralized"?: boolean; + "hasNavigation"?: boolean; + "onClickNext"?: (event: AtomListSliderCustomEvent) => void; + "onClickPrev"?: (event: AtomListSliderCustomEvent) => void; + } + interface AtomListSliderItem { + } + interface AtomSelect { + "color"?: 'primary' | 'secondary' | 'danger'; + "disabled"?: boolean; + "errorText"?: string; + "fill"?: 'solid' | 'outline'; + "helperText"?: string; + "icon"?: IconProps; + "label"?: string; + "mode"?: Mode; + "multiple"?: boolean; + "name"?: string; + "onAtomBlur"?: (event: AtomSelectCustomEvent) => void; + "onAtomCancel"?: (event: AtomSelectCustomEvent) => void; + "onAtomChange"?: (event: AtomSelectCustomEvent) => void; + "onAtomDismiss"?: (event: AtomSelectCustomEvent) => void; + "onAtomFocus"?: (event: AtomSelectCustomEvent) => void; + "options"?: Array<{ + id: string + value: string + label?: string + selected?: boolean + disabled?: boolean + }>; + "placeholder"?: string; + "readonly"?: boolean; + "value"?: IonTypes.IonSelect['value']; + } + interface AtomTag { + "color"?: 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light'; + "customBackgroundColor"?: string; + "customTextColor"?: string; + "icon"?: IconProps; + } + interface AtomTextarea { + "autoGrow"?: boolean; + "autocomplete"?: 'on' | 'off'; + "autofocus"?: boolean; + "clearOnEdit"?: boolean; + "color"?: 'primary' | 'secondary' | 'danger'; + "cols"?: number; + "counter"?: boolean; + "counterFormatter"?: ( + inputLength: number, + maxLength: number + ) => string | undefined; + "debounce"?: number; + "disabled"?: boolean; + "enterKeyHint"?: | 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'; - "errorText"?: string; - "fill"?: 'solid' | 'outline'; - "hasError"?: boolean; - "helperText"?: string; - "icon"?: IconProps; - "inputmode"?: | 'none' + "errorText"?: string; + "fill"?: 'solid' | 'outline'; + "hasError"?: boolean; + "helperText"?: string; + "icon"?: IconProps; + "inputmode"?: | 'none' | 'text' | 'tel' | 'url' @@ -683,67 +683,67 @@ declare namespace LocalJSX { | 'numeric' | 'decimal' | 'search'; - "label"?: string; - "labelPlacement"?: 'stacked' | 'floating'; - "maxlength"?: number; - "minlength"?: number; - "mode"?: Mode; - "name"?: string; - "onAtomBlur"?: (event: AtomTextareaCustomEvent) => void; - "onAtomChange"?: (event: AtomTextareaCustomEvent) => void; - "onAtomFocus"?: (event: AtomTextareaCustomEvent) => void; - "onAtomInput"?: (event: AtomTextareaCustomEvent) => void; - "pattern"?: string; - "placeholder"?: string; - "readonly"?: boolean; - "required"?: boolean; - "rows"?: number; - "shape"?: 'round' | undefined; - "step"?: string; - "value"?: IonTypes.IonTextarea['value']; - "wrap"?: 'hard' | 'soft' | 'off'; - } - interface IntrinsicElements { - "atom-alert": AtomAlert; - "atom-badge": AtomBadge; - "atom-breadcrumb": AtomBreadcrumb; - "atom-button": AtomButton; - "atom-carousel": AtomCarousel; - "atom-carousel-item": AtomCarouselItem; - "atom-chip": AtomChip; - "atom-col": AtomCol; - "atom-container": AtomContainer; - "atom-grid": AtomGrid; - "atom-icon": AtomIcon; - "atom-input": AtomInput; - "atom-list-slider": AtomListSlider; - "atom-list-slider-item": AtomListSliderItem; - "atom-select": AtomSelect; - "atom-tag": AtomTag; - "atom-textarea": AtomTextarea; - } + "label"?: string; + "labelPlacement"?: 'stacked' | 'floating'; + "maxlength"?: number; + "minlength"?: number; + "mode"?: Mode; + "name"?: string; + "onAtomBlur"?: (event: AtomTextareaCustomEvent) => void; + "onAtomChange"?: (event: AtomTextareaCustomEvent) => void; + "onAtomFocus"?: (event: AtomTextareaCustomEvent) => void; + "onAtomInput"?: (event: AtomTextareaCustomEvent) => void; + "pattern"?: string; + "placeholder"?: string; + "readonly"?: boolean; + "required"?: boolean; + "rows"?: number; + "shape"?: 'round' | undefined; + "step"?: string; + "value"?: IonTypes.IonTextarea['value']; + "wrap"?: 'hard' | 'soft' | 'off'; + } + interface IntrinsicElements { + "atom-alert": AtomAlert; + "atom-badge": AtomBadge; + "atom-breadcrumb": AtomBreadcrumb; + "atom-button": AtomButton; + "atom-carousel": AtomCarousel; + "atom-carousel-item": AtomCarouselItem; + "atom-chip": AtomChip; + "atom-col": AtomCol; + "atom-container": AtomContainer; + "atom-grid": AtomGrid; + "atom-icon": AtomIcon; + "atom-input": AtomInput; + "atom-list-slider": AtomListSlider; + "atom-list-slider-item": AtomListSliderItem; + "atom-select": AtomSelect; + "atom-tag": AtomTag; + "atom-textarea": AtomTextarea; + } } export { LocalJSX as JSX }; declare module "@stencil/core" { - export namespace JSX { - interface IntrinsicElements { - "atom-alert": LocalJSX.AtomAlert & JSXBase.HTMLAttributes; - "atom-badge": LocalJSX.AtomBadge & JSXBase.HTMLAttributes; - "atom-breadcrumb": LocalJSX.AtomBreadcrumb & JSXBase.HTMLAttributes; - "atom-button": LocalJSX.AtomButton & JSXBase.HTMLAttributes; - "atom-carousel": LocalJSX.AtomCarousel & JSXBase.HTMLAttributes; - "atom-carousel-item": LocalJSX.AtomCarouselItem & JSXBase.HTMLAttributes; - "atom-chip": LocalJSX.AtomChip & JSXBase.HTMLAttributes; - "atom-col": LocalJSX.AtomCol & JSXBase.HTMLAttributes; - "atom-container": LocalJSX.AtomContainer & JSXBase.HTMLAttributes; - "atom-grid": LocalJSX.AtomGrid & JSXBase.HTMLAttributes; - "atom-icon": LocalJSX.AtomIcon & JSXBase.HTMLAttributes; - "atom-input": LocalJSX.AtomInput & JSXBase.HTMLAttributes; - "atom-list-slider": LocalJSX.AtomListSlider & JSXBase.HTMLAttributes; - "atom-list-slider-item": LocalJSX.AtomListSliderItem & JSXBase.HTMLAttributes; - "atom-select": LocalJSX.AtomSelect & JSXBase.HTMLAttributes; - "atom-tag": LocalJSX.AtomTag & JSXBase.HTMLAttributes; - "atom-textarea": LocalJSX.AtomTextarea & JSXBase.HTMLAttributes; - } - } + export namespace JSX { + interface IntrinsicElements { + "atom-alert": LocalJSX.AtomAlert & JSXBase.HTMLAttributes; + "atom-badge": LocalJSX.AtomBadge & JSXBase.HTMLAttributes; + "atom-breadcrumb": LocalJSX.AtomBreadcrumb & JSXBase.HTMLAttributes; + "atom-button": LocalJSX.AtomButton & JSXBase.HTMLAttributes; + "atom-carousel": LocalJSX.AtomCarousel & JSXBase.HTMLAttributes; + "atom-carousel-item": LocalJSX.AtomCarouselItem & JSXBase.HTMLAttributes; + "atom-chip": LocalJSX.AtomChip & JSXBase.HTMLAttributes; + "atom-col": LocalJSX.AtomCol & JSXBase.HTMLAttributes; + "atom-container": LocalJSX.AtomContainer & JSXBase.HTMLAttributes; + "atom-grid": LocalJSX.AtomGrid & JSXBase.HTMLAttributes; + "atom-icon": LocalJSX.AtomIcon & JSXBase.HTMLAttributes; + "atom-input": LocalJSX.AtomInput & JSXBase.HTMLAttributes; + "atom-list-slider": LocalJSX.AtomListSlider & JSXBase.HTMLAttributes; + "atom-list-slider-item": LocalJSX.AtomListSliderItem & JSXBase.HTMLAttributes; + "atom-select": LocalJSX.AtomSelect & JSXBase.HTMLAttributes; + "atom-tag": LocalJSX.AtomTag & JSXBase.HTMLAttributes; + "atom-textarea": LocalJSX.AtomTextarea & JSXBase.HTMLAttributes; + } + } } diff --git a/packages/core/src/icons.d.ts b/packages/core/src/icons.d.ts index 43fab884c..3e16735f1 100644 --- a/packages/core/src/icons.d.ts +++ b/packages/core/src/icons.d.ts @@ -1,4 +1,7 @@ export type IconProps = + | 'account-box-mail' + | 'account-time-outline' + | 'account-warning-outline' | 'cash-back' | 'dollar-circle' | 'jsm-outline' @@ -12,9 +15,12 @@ export type IconProps = | 'account-box-multiple' | 'account-box-outline' | 'account-box' + | 'account-check-outline' + | 'account-check' | 'account-multiple-outline' | 'account-multiple' | 'account-outline' + | 'account-plus-outline' | 'account-supervisor-outline' | 'account-supervisor' | 'account' diff --git a/packages/icons/svg/custom/account-box-mail.svg b/packages/icons/svg/custom/account-box-mail.svg new file mode 100644 index 000000000..7b013fa3e --- /dev/null +++ b/packages/icons/svg/custom/account-box-mail.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/icons/svg/custom/account-time-outline.svg b/packages/icons/svg/custom/account-time-outline.svg new file mode 100644 index 000000000..9d6f528b5 --- /dev/null +++ b/packages/icons/svg/custom/account-time-outline.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/packages/icons/svg/custom/account-warning-outline.svg b/packages/icons/svg/custom/account-warning-outline.svg new file mode 100644 index 000000000..124aa1b3c --- /dev/null +++ b/packages/icons/svg/custom/account-warning-outline.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/icons/svg/mdi/account-check-outline.svg b/packages/icons/svg/mdi/account-check-outline.svg new file mode 100644 index 000000000..97808a3cb --- /dev/null +++ b/packages/icons/svg/mdi/account-check-outline.svg @@ -0,0 +1,3 @@ + + + diff --git a/packages/icons/svg/mdi/account-plus-outline.svg b/packages/icons/svg/mdi/account-plus-outline.svg new file mode 100644 index 000000000..1e707c0b1 --- /dev/null +++ b/packages/icons/svg/mdi/account-plus-outline.svg @@ -0,0 +1,3 @@ + + +