@coveord/plasma-mantine
Version:
A Plasma flavoured Mantine theme
49 lines • 1.82 kB
TypeScript
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