@aveonline/ui-react
Version:
Home base for Aveonline design system - ecosystem react
51 lines (50 loc) • 1.21 kB
TypeScript
import type { ReactNode } from 'react';
interface IWeight {
/**
* Weight font
*/
weight?: 'bold' | 'regular' | 'medium';
}
interface ILineHeightHeading {
/**
* Line height font h1...h6
*/
lineHeight?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
}
interface ILineHeightText {
/**
* Line height font p, span
*/
lineHeight?: Extract<ILineHeightHeading['lineHeight'], 'xxs' | 'xs'>;
}
interface IColorText {
/**
* Color availables for text and heading
*/
color?: 'on' | 'success' | 'critical' | 'warning' | 'disabled' | 'subdued' | 'default' | 'primary' | 'brand';
}
interface IFontSizeHeading {
/**
* Size heading
*/
size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
}
interface IFontSizeText {
/**
* Size text
*/
size?: Extract<IFontSizeHeading['size'], 'xxs' | 'xs'>;
}
interface IClassName {
/**
* allow as many classes as needed
*/
className?: string;
}
interface IChildren {
/**
* Contents node
*/
children?: ReactNode;
}
export type { IWeight, ILineHeightHeading, ILineHeightText, IColorText, IFontSizeHeading, IFontSizeText, IClassName, IChildren };