UNPKG

@coveord/plasma-mantine

Version:

A Plasma flavoured Mantine theme

49 lines 1.82 kB
import { BoxProps, Factory, PolymorphicComponentProps, StylesApiProps } from '@mantine/core'; import { FunctionComponent, ReactElement } from 'react'; export type InfoTokenFactory = Factory<{ props: InfoTokenInternalProps; defaultRef: HTMLDivElement; defaultComponent: 'div'; stylesNames: InfoTokenComponentStylesNames; vars: InfoTokenCssVariables; variant: InfoTokenVariant; }>; export type InfoTokenComponentStylesNames = 'root'; export type InfoTokenType = 'information' | 'advice' | 'warning' | 'error' | 'question' | 'success'; export type InfoTokenVariant = 'outline' | 'light'; export type InfoTokenSizes = 'xs' | 'sm' | 'md' | 'lg'; export type InfoTokenCssVariables = { root: '--it-color' | '--it-bg'; }; interface InfoTokenInternalProps extends BoxProps, StylesApiProps<InfoTokenFactory> { /** * The variant of the token. * * @default 'outline' */ variant?: InfoTokenVariant; /** * The semantic type of the token * * @default 'information' */ type?: InfoTokenType; /** * The size of the info token. * * @default 'xs' */ size?: InfoTokenSizes; } export type InfoTokenProps = Omit<InfoTokenInternalProps, 'type'>; type InfoTokenCompoundComponent = (<C = 'div'>(props: PolymorphicComponentProps<C, InfoTokenProps>) => ReactElement) & Omit<FunctionComponent<PolymorphicComponentProps<any, InfoTokenProps>>, never>; export declare const InfoToken: { readonly Information: InfoTokenCompoundComponent; readonly Advice: InfoTokenCompoundComponent; readonly Warning: InfoTokenCompoundComponent; readonly Error: InfoTokenCompoundComponent; readonly Question: InfoTokenCompoundComponent; readonly Success: InfoTokenCompoundComponent; }; export {}; //# sourceMappingURL=InfoToken.d.ts.map