welcome-ui
Version:
Customizable design system with react • styled-components • styled-system and ariakit.
14 lines (13 loc) • 957 B
TypeScript
import { CSSObject } from '@xstyled/styled-components';
import { ThemeValues } from '../../theme';
import { ThemeFocus } from '../../theme/focus';
export type Size = 'xs' | 'sm' | 'md' | 'lg';
export type ThemeButtons = Record<'active', Record<'ai' | 'danger' | Variant, CommonAttributesButton>> & Record<'ai' | 'danger' | Variant, CommonAttributesButton> & Record<'disabled', CommonAttributesButton & {
'&:focus': ReturnType<ThemeFocus>;
}> & Record<'focus', Record<'ai' | 'danger' | Variant, unknown>> & Record<'hover', Record<'ai' | 'danger' | Variant, CommonAttributesButton>> & Record<'icon', Record<Icon, Record<Size, string>>> & Record<'sizes', Record<Size, SizeAttributesButton>>;
export type Variant = 'ghost' | 'primary' | 'secondary' | 'tertiary';
type CommonAttributesButton = CSSObject;
type Icon = 'default' | 'only';
type SizeAttributesButton = CSSObject;
export declare const getButtons: (theme: ThemeValues) => ThemeButtons;
export {};