@useloops/design-system
Version:
The official React based Loops design system
28 lines (25 loc) • 993 B
TypeScript
import { Theme, CSSObject } from '@mui/material';
import { IconButtonShapeMap, IconButtonSizing } from './types.js';
declare const defaultStyle: (theme: Theme) => CSSObject;
declare const toggle: (theme: Theme) => CSSObject;
declare const outlined: (theme: Theme) => CSSObject;
declare const raised: (theme: Theme) => CSSObject;
declare const elevated: (theme: Theme) => CSSObject;
declare const getIconButtonRadius: (shape: IconButtonShapeMap, theme: Theme) => CSSObject;
declare const buttonSizeMap: {
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
};
declare const getIconButtonSizing: (sizing: IconButtonSizing) => CSSObject;
declare const IconSizeMap: {
xs: number;
sm: number;
md: number;
lg: number;
xl: number;
};
declare const getIconSizing: (sizing: IconButtonSizing) => CSSObject;
export { IconSizeMap, buttonSizeMap, defaultStyle, elevated, getIconButtonRadius, getIconButtonSizing, getIconSizing, outlined, raised, toggle };