@snowball-tech/fractal
Version:
Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS
45 lines (40 loc) • 1.35 kB
TypeScript
import * as react_jsx_runtime from 'react/jsx-runtime';
import { AllHTMLAttributes, ReactNode } from 'react';
declare enum Colors {
Blue = "blue",
Body = "body",
Error = "error",
Green = "green",
Pink = "pink",
Purple = "purple",
Success = "success",
Warning = "warning",
Yellow = "yellow"
}
declare const DEFAULT_COLOR = Colors.Pink;
declare enum FontSizes {
Body1 = "1",
Body2 = "2"
}
declare enum AlternateFontSizes {
Body1 = "body-1",
Body2 = "body-2",
Normal = "normal",
Small = "small"
}
declare const DEFAULT_FONT_SIZE = FontSizes.Body1;
interface CardProps extends Omit<AllHTMLAttributes<HTMLDivElement>, 'title'> {
children?: ReactNode;
color?: `${Colors}`;
dismissable?: boolean;
dismissButtonLabel?: string;
fontSize?: 1 | 2 | `${AlternateFontSizes}` | `${FontSizes}`;
icon?: ReactNode;
title?: ReactNode;
onDismiss?: () => void;
}
declare const Card: {
({ children, color, dismissable, dismissButtonLabel, fontSize, icon, onDismiss, title, ...props }: CardProps): react_jsx_runtime.JSX.Element;
displayName: string;
};
export { Card, AlternateFontSizes as CardAlternateFontSizes, Colors as CardColors, FontSizes as CardFontSizes, type CardProps, DEFAULT_COLOR as DEFAULT_CARD_COLOR, DEFAULT_FONT_SIZE as DEFAULT_CARD_FONT_SIZE };