mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-14 18:01:06 +00:00
refactor(types): rewrite type definitions to account for intrinsic attributes
This commit is contained in:
parent
8c30452169
commit
3c04f122b0
158 changed files with 6997 additions and 5383 deletions
85
types/OverflowMenu/OverflowMenu.d.ts
vendored
Normal file
85
types/OverflowMenu/OverflowMenu.d.ts
vendored
Normal file
|
@ -0,0 +1,85 @@
|
|||
/// <reference types="svelte" />
|
||||
|
||||
export default class OverflowMenu {
|
||||
$$prop_def: svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["button"]> & {
|
||||
/**
|
||||
* Specify the size of the overflow menu
|
||||
*/
|
||||
size?: "sm" | "xl";
|
||||
|
||||
/**
|
||||
* Specify the direction of the overflow menu relative to the button
|
||||
* @default "bottom"
|
||||
*/
|
||||
direction?: "top" | "bottom";
|
||||
|
||||
/**
|
||||
* Set to `true` to open the menu
|
||||
* @default false
|
||||
*/
|
||||
open?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to enable the light variant
|
||||
* @default false
|
||||
*/
|
||||
light?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to flip the menu relative to the button
|
||||
* @default false
|
||||
*/
|
||||
flipped?: boolean;
|
||||
|
||||
/**
|
||||
* Specify the menu options class
|
||||
*/
|
||||
menuOptionsClass?: string;
|
||||
|
||||
/**
|
||||
* Specify the icon from `carbon-icons-svelte` to render
|
||||
*/
|
||||
icon?: typeof import("carbon-icons-svelte/lib/Add16").default;
|
||||
|
||||
/**
|
||||
* Specify the icon class
|
||||
*/
|
||||
iconClass?: string;
|
||||
|
||||
/**
|
||||
* Specify the ARIA label for the icon
|
||||
* @default "Open and close list of options"
|
||||
*/
|
||||
iconDescription?: string;
|
||||
|
||||
/**
|
||||
* Set an id for the button element
|
||||
*/
|
||||
id?: string;
|
||||
|
||||
/**
|
||||
* Obtain a reference to the trigger button element
|
||||
* @default null
|
||||
*/
|
||||
buttonRef?: null | HTMLButtonElement;
|
||||
|
||||
/**
|
||||
* Obtain a reference to the overflow menu element
|
||||
* @default null
|
||||
*/
|
||||
menuRef?: null | HTMLUListElement;
|
||||
};
|
||||
|
||||
$$slot_def: {
|
||||
default: {};
|
||||
menu: {};
|
||||
};
|
||||
|
||||
$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: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
|
||||
$on(eventname: "close", cb: (event: CustomEvent<any>) => void): () => void;
|
||||
$on(eventname: string, cb: (event: Event) => void): () => void;
|
||||
}
|
67
types/OverflowMenu/OverflowMenuItem.d.ts
vendored
Normal file
67
types/OverflowMenu/OverflowMenuItem.d.ts
vendored
Normal file
|
@ -0,0 +1,67 @@
|
|||
/// <reference types="svelte" />
|
||||
|
||||
export default class OverflowMenuItem {
|
||||
$$prop_def: svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["li"]> & {
|
||||
/**
|
||||
* Specify the item text
|
||||
* Alternatively, use the default slot for a custom element
|
||||
* @default "Provide text"
|
||||
*/
|
||||
text?: string;
|
||||
|
||||
/**
|
||||
* Specify the `href` attribute if the item is a link
|
||||
* @default ""
|
||||
*/
|
||||
href?: string;
|
||||
|
||||
/**
|
||||
* Set to `true` if the item should be focused when opening the menu
|
||||
* @default false
|
||||
*/
|
||||
primaryFocus?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to disable the item
|
||||
* @default false
|
||||
*/
|
||||
disabled?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to include a divider
|
||||
* @default false
|
||||
*/
|
||||
hasDivider?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `true` to use the danger variant
|
||||
* @default false
|
||||
*/
|
||||
danger?: boolean;
|
||||
|
||||
/**
|
||||
* Set to `false` to omit the button `title` attribute
|
||||
* @default true
|
||||
*/
|
||||
requireTitle?: boolean;
|
||||
|
||||
/**
|
||||
* Set an id for the top-level element
|
||||
*/
|
||||
id?: string;
|
||||
|
||||
/**
|
||||
* Obtain a reference to the HTML element
|
||||
* @default null
|
||||
*/
|
||||
ref?: null | HTMLAnchorElement | HTMLButtonElement;
|
||||
};
|
||||
|
||||
$$slot_def: {
|
||||
default: {};
|
||||
};
|
||||
|
||||
$on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
|
||||
$on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
|
||||
$on(eventname: string, cb: (event: Event) => void): () => void;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue