@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
95 lines (94 loc) • 2.02 kB
TypeScript
import { ComponentSlotStyle } from "../../core/system/index.types.js";
import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
import "../../index.js";
//#region src/components/menu/menu.style.d.ts
declare const menuStyle: ComponentSlotStyle<"footer" | "header" | "label" | "content" | "group" | "separator" | "indicator" | "command" | "item", CSSPropObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "group" | "separator" | "indicator" | "command" | "item">>, {
sm: {
command: {
fontSize: "2xs";
};
content: {
"--item-height": "spaces.7";
"--space": "spaces.1";
fontSize: "xs";
minW: "3xs";
};
footer: {
px: "1.5";
};
header: {
px: "1.5";
};
indicator: {
fontSize: "sm";
};
item: {
gap: "1.5";
px: "1.5";
rounded: "l1";
};
label: {
px: "1.5";
};
};
md: {
command: {
fontSize: "xs";
};
content: {
"--item-height": "spaces.8";
"--space": "spaces.1";
fontSize: "sm";
minW: "2xs";
};
footer: {
px: "2";
};
header: {
px: "2";
};
indicator: {
fontSize: "md";
};
item: {
gap: "2";
px: "2";
rounded: "l1";
};
label: {
px: "2";
};
};
lg: {
command: {
fontSize: "sm";
};
content: {
"--item-height": "spaces.9";
"--space": "spaces.1";
fontSize: "md";
minW: "2xs";
};
footer: {
px: "2";
};
header: {
px: "2";
};
indicator: {
fontSize: "lg";
};
item: {
gap: "2";
px: "2";
rounded: "l1";
};
label: {
px: "2";
};
};
}, CSSModifierObject<CSSSlotObject<"footer" | "header" | "label" | "content" | "group" | "separator" | "indicator" | "command" | "item">>>;
type MenuStyle = typeof menuStyle;
//#endregion
export { MenuStyle, menuStyle };
//# sourceMappingURL=menu.style.d.ts.map