@serendie/ui
Version:
Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric
48 lines (47 loc) • 1.53 kB
TypeScript
import { CheckboxRootProps } from '@ark-ui/react';
import { RecipeVariantProps } from '../../../styled-system/css';
export declare const checkboxIconCss: {
flexShrink: number;
cursor: string;
".group:has(:focus-visible) &": {
outlineStyle: string;
outlineOffset: string;
outlineWidth: string;
outlineColor: string;
borderRadius: string;
};
_disabled: {
_checked: {
"& svg": {
color: string;
};
"& .checkmark": {
color: string;
};
};
};
};
export declare const checkboxCheckedIconCss: {
width: number;
height: number;
color: string;
"& .checkmark": {
color: string;
};
};
export declare const checkboxUncheckedIconCss: {
width: number;
height: number;
color: string;
_disabled: {
color: string;
};
};
export declare const CheckBoxStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"root" | "itemControl" | "checkedIcon" | "uncheckedIcon" | "itemTextGroup" | "itemText" | "helperText", import('../../../styled-system/types').SlotRecipeVariantRecord<"root" | "itemControl" | "checkedIcon" | "uncheckedIcon" | "itemTextGroup" | "itemText" | "helperText">>;
type CheckBoxItemProps = {
label: string;
helperText?: string;
};
export type CheckBoxProps = CheckboxRootProps & RecipeVariantProps<typeof CheckBoxStyle> & CheckBoxItemProps;
export declare const CheckBox: React.FC<CheckBoxProps>;
export {};