@snowball-tech/fractal
Version:
Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS
44 lines (40 loc) • 1.38 kB
TypeScript
import { AllHTMLAttributes, ReactNode, ElementType } from 'react';
import { Themes } from './src/constants.js';
import { V as Variants } from './Typography.constants-DvMtFxBN.js';
declare enum Elevations {
Bordered = "1",
Elevated = "2",
Flat = "0",
Higher = "3",
Light = "light"
}
declare enum AlternateElevations {
Bordered = "bordered",
Elevated = "elevated",
Flat = "flat",
Higher = "higher"
}
declare const DEFAULT_ELEVATION = Elevations.Bordered;
declare const DEFAULT_TITLE_VARIANT = TypographyVariants.Heading4;
interface PaperProps extends Omit<AllHTMLAttributes<HTMLDivElement>, 'onToggle' | 'title'> {
children: ReactNode;
collapseButtonLabel?: string;
collapsed?: boolean;
collapsible?: boolean;
contentClassName?: string;
defaultCollapsed?: boolean;
element?: ElementType;
elevation?: 0 | 1 | 2 | 3 | `${AlternateElevations}` | `${Elevations}`;
expandButtonLabel?: string;
fullStyle?: boolean;
inlineStyle?: boolean;
theme?: Themes;
title?: ReactNode;
titleClassName?: string;
titleVariant?: `${Variants}`;
toggleButtonLabel?: string;
onCollapse?: () => void;
onExpand?: () => void;
onToggle?: (collapsed: boolean) => void;
}
export { AlternateElevations as A, DEFAULT_ELEVATION as D, Elevations as E, type PaperProps as P, DEFAULT_TITLE_VARIANT as a };