@masaischool/lotus
Version:
Masai UI component library designed to work seamlessly with Chakra UI
372 lines (371 loc) • 10.2 kB
TypeScript
declare const _default: {
Badge: {
baseStyle: {
textStyle: string;
borderRadius: string;
};
sizes: {
default: {
p: string;
};
large: {
p: string;
};
'default-icon-only': {
p: string;
};
'large-icon-only': {
p: string;
};
};
variants: {
blue: {
bg: string;
color: string;
};
red: {
bg: string;
color: string;
};
purple: {
bg: string;
color: string;
};
green: {
bg: string;
color: string;
};
cyan: {
bg: string;
color: string;
};
brick: {
bg: string;
color: string;
};
};
defaultProps: {
size: string;
};
};
Button: {
baseStyle: {
fontWeight: string;
fontStyle: string;
textTransform: string;
fontFamily: string;
borderRadius: string;
};
sizes: {
sm: {
h: string;
p: string;
fontSize: string;
lineHeight: string;
letterSpacing: string;
};
md: {
h: string;
p: string;
fontSize: string;
lineHeight: string;
letterSpacing: string;
};
lg: {
h: string;
p: string;
fontSize: string;
lineHeight: string;
};
'block-sm': {
w: string;
h: string;
p: string;
fontSize: string;
lineHeight: string;
letterSpacing: string;
};
'block-md': {
w: string;
h: string;
p: string;
fontSize: string;
lineHeight: string;
letterSpacing: string;
};
'block-lg': {
w: string;
h: string;
p: string;
fontSize: string;
lineHeight: string;
};
};
variants: {
primary: {
bg: string;
color: string;
_hover: {
bg: string;
_disabled: {
bg: string;
};
};
_focus: {
outline: string;
outlineColor: string;
boxShadow: string;
outlineOffset: string;
};
_disabled: {
bg: string;
};
};
secondary: {
bg: string;
color: string;
_hover: {
bg: string;
_disabled: {
bg: string;
};
};
_focus: {
outline: string;
boxShadow: string;
outlineOffset: string;
};
_disabled: {
bg: string;
color: string;
};
};
'secondary-grey': {
border: string;
borderColor: string;
bg: string;
color: string;
_hover: {
bg: string;
color: string;
_disabled: {
color: string;
};
};
_focus: {
boxShadow: string;
};
_disabled: {
bg: string;
color: string;
};
};
tertiary: {
bg: string;
color: string;
_hover: {
bg: string;
};
_focus: {
outline: string;
outlineColor: string;
border: string;
bg: string;
boxShadow: string;
outlineOffset: string;
};
_disabled: {
bg: string;
color: string;
};
};
'tertiary-grey': {
bg: string;
color: string;
_hover: {
bg: string;
};
_focus: {
outline: string;
outlineColor: string;
border: string;
bg: string;
boxShadow: string;
outlineOffset: string;
};
_disabled: {
bg: string;
color: string;
};
};
link: {
bg: string;
color: string;
_hover: {
color: string;
_disabled: {
color: string;
};
};
_focus: {
outline: string;
boxShadow: string;
};
_disabled: {
color: string;
};
};
'social-media': {
border: string;
borderColor: string;
bg: string;
color: string;
_hover: {
bg: string;
borderColor: string;
_disabled: {
color: string;
};
};
_focus: {
bg: string;
outline: string;
outlineColor: string;
boxShadow: string;
outlineOffset: string;
};
_disabled: {
color: string;
};
};
};
defaultProps: {
size: string;
variant: string;
};
};
Heading: {
baseStyle: {};
variants: {
display: {
fontWeight: string;
fontSize: string;
lineHeight: string;
fontFamily: string;
};
};
global: {
h1: {
fontWeight: string;
fontSize: string;
lineHeight: string;
fontFamily: string;
};
h2: {
fontWeight: string;
fontSize: string;
lineHeight: string;
fontFamily: string;
};
h3: {
fontWeight: string;
fontSize: string;
lineHeight: string;
fontFamily: string;
};
h4: {
fontWeight: string;
fontSize: string;
lineHeight: string;
fontFamily: string;
};
h5: {
fontWeight: string;
fontSize: string;
lineHeight: string;
fontFamily: string;
};
h6: {
fontWeight: string;
fontSize: string;
lineHeight: string;
fontFamily: string;
};
};
};
Input: {
baseStyle: {
field: {
fontWeight: string;
fontStyle: string;
fontSize: string;
fontFamily: string;
borderRadius: string;
_placeholder: {
color: string;
};
border: string;
_focused: {
border: string;
};
_disabled: {
background: string;
};
};
addon: {
fontSize: string;
fontFamily: string;
_disabled: {
background: string;
};
};
};
sizes: {
lg: {
field: {
fontWeight: string;
fontSize: string;
lineHeight: string;
fontFamily: string;
letterSpacing: string;
fontStyle: string;
};
};
};
defaultProps: {
size: string;
};
};
ModalContent: {
baseStyle: {
borderRadius: string;
};
};
Avatar: {
sizes: {
profile: {
container: {
width: string;
height: string;
fontSize: string;
};
};
};
};
PinInput: {
baseStyle: {
color: string;
borderRadius: string;
textStyle: string;
};
sizes: {
desktop: {
boxSize: string;
};
mobile: {
boxSize: string;
};
};
};
};
export default _default;