refactor(types): shorten ref, id JSDocs, use CarbonIcon type, export component props

This commit is contained in:
Eric Liu 2020-11-06 11:30:46 -08:00
commit 75d4b4cf03
219 changed files with 5168 additions and 5259 deletions

View file

@ -1,90 +1,92 @@
/// <reference types="svelte" />
export interface TextAreaProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["textarea"]> {
/**
* Specify the textarea value
* @default ""
*/
value?: string;
/**
* Specify the placeholder text
* @default ""
*/
placeholder?: string;
/**
* Specify the number of cols
* @default 50
*/
cols?: number;
/**
* Specify the number of rows
* @default 4
*/
rows?: number;
/**
* Set to `true` to enable the light variant
* @default false
*/
light?: boolean;
/**
* Set to `true` to disable the input
* @default false
*/
disabled?: boolean;
/**
* Specify the helper text
* @default ""
*/
helperText?: string;
/**
* Specify the label text
* @default ""
*/
labelText?: string;
/**
* Set to `true` to visually hide the label text
* @default false
*/
hideLabel?: boolean;
/**
* Set to `true` to indicate an invalid state
* @default false
*/
invalid?: boolean;
/**
* Specify the text for the invalid state
* @default ""
*/
invalidText?: string;
/**
* Set an id for the textarea element
* @default "ccs-" + Math.random().toString(36)
*/
id?: string;
/**
* Specify a name attribute for the input
*/
name?: string;
/**
* Obtain a reference to the textarea HTML element
* @default null
*/
ref?: null | HTMLTextAreaElement;
}
export default class TextArea {
$$prop_def: svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["textarea"]> & {
/**
* Specify the textarea value
* @default ""
*/
value?: string;
/**
* Specify the placeholder text
* @default ""
*/
placeholder?: string;
/**
* Specify the number of cols
* @default 50
*/
cols?: number;
/**
* Specify the number of rows
* @default 4
*/
rows?: number;
/**
* Set to `true` to enable the light variant
* @default false
*/
light?: boolean;
/**
* Set to `true` to disable the input
* @default false
*/
disabled?: boolean;
/**
* Specify the helper text
* @default ""
*/
helperText?: string;
/**
* Specify the label text
* @default ""
*/
labelText?: string;
/**
* Set to `true` to visually hide the label text
* @default false
*/
hideLabel?: boolean;
/**
* Set to `true` to indicate an invalid state
* @default false
*/
invalid?: boolean;
/**
* Specify the text for the invalid state
* @default ""
*/
invalidText?: string;
/**
* Set an id for the textarea element
*/
id?: string;
/**
* Specify a name attribute for the input
*/
name?: string;
/**
* Obtain a reference to the textarea HTML element
* @default null
*/
ref?: null | HTMLTextAreaElement;
};
$$prop_def: TextAreaProps;
$$slot_def: {};
$on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;

View file

@ -1,14 +1,15 @@
/// <reference types="svelte" />
export default class TextAreaSkeleton {
$$prop_def: svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> & {
/**
* Set to `true` to visually hide the label text
* @default false
*/
hideLabel?: boolean;
};
export interface TextAreaSkeletonProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
/**
* Set to `true` to visually hide the label text
* @default false
*/
hideLabel?: boolean;
}
export default class TextAreaSkeleton {
$$prop_def: TextAreaSkeletonProps;
$$slot_def: {};
$on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;