@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
106 lines (105 loc) • 2.11 kB
TypeScript
import { ComponentSlotStyle } from "../../core/system/index.types.js";
import "../../index.js";
//#region src/components/checkbox/checkbox.style.d.ts
declare const checkboxStyle: ComponentSlotStyle<"label" | "group" | "root" | "indicator", {
/**
* The shape of the component
*
* @default 'rounded'
*/
shape: {
rounded: {
indicator: {
rounded: "l1";
};
};
square: {
indicator: {
rounded: "0";
};
};
};
}, {
sm: {
indicator: {
fontSize: "xs";
};
root: {
"--indicator-size": "sizes.3.5";
"--label-size": "fontSizes.sm";
};
};
md: {
indicator: {
fontSize: "sm";
};
root: {
"--indicator-size": "sizes.4";
"--label-size": "fontSizes.md";
};
};
lg: {
indicator: {
fontSize: "md";
};
root: {
"--indicator-size": "sizes.5";
"--label-size": "fontSizes.lg";
};
};
}, {
outline: {
indicator: {
color: "colorScheme.outline";
};
root: {
_checked: {
"--indicator-border-color": "colorScheme.outline";
};
_indeterminate: {
"--indicator-border-color": "colorScheme.outline";
};
};
};
solid: {
indicator: {
color: "colorScheme.contrast";
_checked: {
bg: "colorScheme.solid";
};
_indeterminate: {
bg: "colorScheme.solid";
};
};
root: {
_checked: {
"--indicator-border-color": "colorScheme.solid";
};
_indeterminate: {
"--indicator-border-color": "colorScheme.solid";
};
};
};
subtle: {
indicator: {
bg: "colorScheme.subtle";
color: "colorScheme.fg";
};
root: {
"--indicator-border-color": "transparent";
};
};
surface: {
indicator: {
bg: "colorScheme.subtle";
color: "colorScheme.fg";
};
root: {
"--indicator-border-color": "colorScheme.muted";
};
};
}>;
type CheckboxStyle = typeof checkboxStyle;
//#endregion
export { CheckboxStyle, checkboxStyle };
//# sourceMappingURL=checkbox.style.d.ts.map