135 lines
3.7 KiB
TypeScript
135 lines
3.7 KiB
TypeScript
import * as _chakra_ui_styled_system from '@chakra-ui/styled-system';
|
|
|
|
declare const stepperTheme: {
|
|
baseStyle?: (({ colorScheme: c }: _chakra_ui_styled_system.StyleFunctionProps) => {
|
|
stepper: {
|
|
[x: string]: string | {
|
|
flexDirection: string;
|
|
alignItems: string;
|
|
} | {
|
|
[x: string]: string;
|
|
flexDirection?: undefined;
|
|
alignItems?: undefined;
|
|
};
|
|
display: string;
|
|
justifyContent: string;
|
|
gap: string;
|
|
"&[data-orientation=vertical]": {
|
|
flexDirection: string;
|
|
alignItems: string;
|
|
};
|
|
"&[data-orientation=horizontal]": {
|
|
flexDirection: string;
|
|
alignItems: string;
|
|
};
|
|
_dark: {
|
|
[x: string]: string;
|
|
};
|
|
};
|
|
title: {
|
|
fontSize: string;
|
|
fontWeight: string;
|
|
};
|
|
description: {
|
|
fontSize: string;
|
|
color: string;
|
|
};
|
|
number: {
|
|
fontSize: string;
|
|
};
|
|
step: {
|
|
flexShrink: number;
|
|
position: string;
|
|
display: string;
|
|
gap: string;
|
|
"&[data-orientation=horizontal]": {
|
|
alignItems: string;
|
|
};
|
|
flex: string;
|
|
"&:last-of-type:not([data-stretch])": {
|
|
flex: string;
|
|
};
|
|
};
|
|
icon: {
|
|
flexShrink: number;
|
|
width: string;
|
|
height: string;
|
|
};
|
|
indicator: {
|
|
flexShrink: number;
|
|
borderRadius: string;
|
|
width: string;
|
|
height: string;
|
|
display: string;
|
|
justifyContent: string;
|
|
alignItems: string;
|
|
"&[data-status=active]": {
|
|
borderWidth: string;
|
|
borderColor: string;
|
|
};
|
|
"&[data-status=complete]": {
|
|
bg: string;
|
|
color: string;
|
|
};
|
|
"&[data-status=incomplete]": {
|
|
borderWidth: string;
|
|
};
|
|
};
|
|
separator: {
|
|
bg: string;
|
|
flex: string;
|
|
"&[data-status=complete]": {
|
|
bg: string;
|
|
};
|
|
"&[data-orientation=horizontal]": {
|
|
width: string;
|
|
height: string;
|
|
marginStart: string;
|
|
};
|
|
"&[data-orientation=vertical]": {
|
|
width: string;
|
|
position: string;
|
|
height: string;
|
|
maxHeight: string;
|
|
top: string;
|
|
insetStart: string;
|
|
};
|
|
};
|
|
}) | undefined;
|
|
sizes?: {
|
|
xs: {
|
|
stepper: {
|
|
[x: string]: string;
|
|
};
|
|
};
|
|
sm: {
|
|
stepper: {
|
|
[x: string]: string;
|
|
};
|
|
};
|
|
md: {
|
|
stepper: {
|
|
[x: string]: string;
|
|
};
|
|
};
|
|
lg: {
|
|
stepper: {
|
|
[x: string]: string;
|
|
};
|
|
};
|
|
} | undefined;
|
|
variants?: {
|
|
[key: string]: _chakra_ui_styled_system.PartsStyleInterpolation<{
|
|
keys: ("number" | "icon" | "separator" | "title" | "description" | "stepper" | "indicator" | "step")[];
|
|
}>;
|
|
} | undefined;
|
|
defaultProps?: {
|
|
size?: "md" | "xs" | "sm" | "lg" | undefined;
|
|
variant?: string | number | undefined;
|
|
colorScheme?: string | undefined;
|
|
} | undefined;
|
|
parts: ("number" | "icon" | "separator" | "title" | "description" | "stepper" | "indicator" | "step")[];
|
|
};
|
|
|
|
export { stepperTheme };
|