@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
82 lines (81 loc) • 1.95 kB
TypeScript
import { ComponentSlotStyle } from "../../core/system/index.types.js";
import { CSSModifierObject, CSSSlotObject } from "../../core/css/index.types.js";
import "../../index.js";
//#region src/components/calendar/calendar.style.d.ts
declare const calendarStyle: ComponentSlotStyle<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "day" | "month" | "months" | "years" | "week" | "weeks" | "weekday" | "control" | "prev" | "root", {
/**
* If `true`, the calendar will be fixed rows.
*
* @default true
*/
fixed: {
true: {
weeks: {
gridTemplateRows: "repeat(6, 1fr)";
};
};
};
/**
* The shape of the cell
*
* @default 'circle'
*/
shape: {
circle: {
root: {
"--cell-rounded": "radii.full";
};
};
rounded: {
root: {
"--cell-rounded": "radii.l2";
};
};
square: {
root: {
"--cell-rounded": "0";
};
};
};
}, {
xs: {
root: {
"--cell-size": "sizes.8";
"--font-size": "fontSizes.xs";
};
};
sm: {
root: {
"--cell-size": "sizes.9";
"--font-size": "fontSizes.sm";
};
};
md: {
root: {
"--cell-size": "sizes.10";
"--font-size": "fontSizes.md";
};
};
lg: {
root: {
"--cell-size": "sizes.11";
"--font-size": "fontSizes.lg";
};
};
xl: {
root: {
"--cell-size": "sizes.12";
"--font-size": "fontSizes.xl";
};
};
"2xl": {
root: {
"--cell-size": "sizes.14";
"--font-size": "fontSizes.xl";
};
};
}, CSSModifierObject<CSSSlotObject<"button" | "select" | "cell" | "navigation" | "row" | "separator" | "next" | "day" | "month" | "months" | "years" | "week" | "weeks" | "weekday" | "control" | "prev" | "root">>>;
type CalendarStyle = typeof calendarStyle;
//#endregion
export { CalendarStyle, calendarStyle };
//# sourceMappingURL=calendar.style.d.ts.map