@snowball-tech/fractal
Version:
Fractal's (Snowball's design system) React component library based on RadixUI and PandaCSS
36 lines (31 loc) • 1.13 kB
TypeScript
import { V as Variants } from '../../../Typography.constants-DvMtFxBN.js';
import * as react_jsx_runtime from 'react/jsx-runtime';
import { AllHTMLAttributes, ReactNode } from 'react';
declare enum Sizes {
S = "s",
M = "m"
}
declare const DEFAULT_SIZE = Sizes.S;
declare const sizeToTypographyVariant: Record<Sizes, `${Variants}`>;
declare enum Colors {
Blue = "blue",
Green = "green",
Pink = "pink",
Purple = "purple",
White = "white",
Yellow = "yellow"
}
declare const DEFAULT_COLOR = Colors.Pink;
interface TagProps extends Omit<AllHTMLAttributes<HTMLDivElement>, 'label' | 'size'> {
children?: ReactNode;
color?: `${Colors}`;
disabled?: boolean;
fullWidth?: boolean;
label?: ReactNode;
size?: `${Sizes}`;
}
declare const Tag: {
({ children, color, disabled, fullWidth, label, size, ...props }: TagProps): react_jsx_runtime.JSX.Element;
displayName: string;
};
export { DEFAULT_COLOR as DEFAULT_TAG_COLOR, DEFAULT_SIZE as DEFAULT_TAG_SIZE, Tag, Colors as TagColors, type TagProps, Sizes as TagSizes, sizeToTypographyVariant as tagSizeToTypographyVariant };