mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-19 03:49:34 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat(types): use the SvelteComponentTyped interface in the TypeScript definitions

Browse source
This commit is contained in:
Eric Liu 2021-02-06 14:10:18 -08:00
commit a56c954af0
161 changed files with 6379 additions and 6362 deletions
Download patch file Download diff file Expand all files Collapse all files

25
types/Dropdown/Dropdown.d.ts vendored
View file

@ -1,4 +1,5 @@
/// <reference types="svelte" />
import { SvelteComponentTyped } from "svelte";
export type DropdownItemId = string;
@ -9,7 +10,8 @@ export interface DropdownItem {
text: DropdownItemText;
}
export interface DropdownProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface DropdownProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
/**
* Set the dropdown items
* @default []
@ -133,13 +135,14 @@ export interface DropdownProps extends svelte.JSX.HTMLAttributes<HTMLElementTagN
ref?: null | HTMLButtonElement;
}
export default class Dropdown {
$$prop_def: DropdownProps;
$$slot_def: {};
$on(
eventname: "select",
cb: (event: CustomEvent<{ selectedId: DropdownItemId; selectedIndex: number; selectedItem: DropdownItem }>) => void
): () => void;
$on(eventname: string, cb: (event: Event) => void): () => void;
}
export default class Dropdown extends SvelteComponentTyped<
DropdownProps,
{
select: CustomEvent<{
selectedId: DropdownItemId;
selectedIndex: number;
selectedItem: DropdownItem;
}>;
},
{}
> {}

24
types/Dropdown/DropdownSkeleton.d.ts vendored
View file

@ -1,6 +1,8 @@
/// <reference types="svelte" />
import { SvelteComponentTyped } from "svelte";
export interface DropdownSkeletonProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
export interface DropdownSkeletonProps
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
/**
* Set to `true` to use the inline variant
* @default false
@ -8,13 +10,13 @@ export interface DropdownSkeletonProps extends svelte.JSX.HTMLAttributes<HTMLEle
inline?: boolean;
}
export default class DropdownSkeleton {
$$prop_def: DropdownSkeletonProps;
$$slot_def: {};
$on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
$on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
$on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
$on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
$on(eventname: string, cb: (event: Event) => void): () => void;
}
export default class DropdownSkeleton extends SvelteComponentTyped<
DropdownSkeletonProps,
{
click: WindowEventMap["click"];
mouseover: WindowEventMap["mouseover"];
mouseenter: WindowEventMap["mouseenter"];
mouseleave: WindowEventMap["mouseleave"];
},
{}
> {}