@payfit/unity-components
Version:
77 lines (76 loc) • 3.6 kB
TypeScript
export declare const avatarBase: import('tailwind-variants').TVReturnType<{
size: {
xs: "uy:size-200";
sm: "uy:size-300";
md: "uy:size-400";
lg: "uy:size-500";
xl: "uy:size-[56px]";
};
variant: {
circle: "uy:rounded-circle";
square: "uy:aspect-square";
};
color: {
teal: "uy:bg-surface-decorative-teal-lowest uy:text-content-decorative-teal-high";
plum: "uy:bg-surface-decorative-plum-lowest uy:text-content-decorative-plum";
purple: "uy:bg-surface-decorative-purple-lowest uy:text-content-decorative-purple";
orange: "uy:bg-surface-decorative-orange-lowest uy:text-content-decorative-orange";
neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral";
warning: "uy:bg-surface-warning-low uy:text-content-warning-high";
success: "uy:bg-surface-success-low uy:text-content-success-high";
info: "uy:bg-surface-info-low uy:text-content-info-high";
danger: "uy:bg-surface-danger-low uy:text-content-danger-high";
promo: "uy:bg-surface-promo-low uy:text-content-promo-high";
primary: "uy:bg-surface-primary-lowest uy:text-content-primary-high";
};
}, undefined, undefined, {
size: {
xs: "uy:size-200";
sm: "uy:size-300";
md: "uy:size-400";
lg: "uy:size-500";
xl: "uy:size-[56px]";
};
variant: {
circle: "uy:rounded-circle";
square: "uy:aspect-square";
};
color: {
teal: "uy:bg-surface-decorative-teal-lowest uy:text-content-decorative-teal-high";
plum: "uy:bg-surface-decorative-plum-lowest uy:text-content-decorative-plum";
purple: "uy:bg-surface-decorative-purple-lowest uy:text-content-decorative-purple";
orange: "uy:bg-surface-decorative-orange-lowest uy:text-content-decorative-orange";
neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral";
warning: "uy:bg-surface-warning-low uy:text-content-warning-high";
success: "uy:bg-surface-success-low uy:text-content-success-high";
info: "uy:bg-surface-info-low uy:text-content-info-high";
danger: "uy:bg-surface-danger-low uy:text-content-danger-high";
promo: "uy:bg-surface-promo-low uy:text-content-promo-high";
primary: "uy:bg-surface-primary-lowest uy:text-content-primary-high";
};
}, undefined, import('tailwind-variants').TVReturnTypeLike<{
size: {
xs: "uy:size-200";
sm: "uy:size-300";
md: "uy:size-400";
lg: "uy:size-500";
xl: "uy:size-[56px]";
};
variant: {
circle: "uy:rounded-circle";
square: "uy:aspect-square";
};
color: {
teal: "uy:bg-surface-decorative-teal-lowest uy:text-content-decorative-teal-high";
plum: "uy:bg-surface-decorative-plum-lowest uy:text-content-decorative-plum";
purple: "uy:bg-surface-decorative-purple-lowest uy:text-content-decorative-purple";
orange: "uy:bg-surface-decorative-orange-lowest uy:text-content-decorative-orange";
neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral";
warning: "uy:bg-surface-warning-low uy:text-content-warning-high";
success: "uy:bg-surface-success-low uy:text-content-success-high";
info: "uy:bg-surface-info-low uy:text-content-info-high";
danger: "uy:bg-surface-danger-low uy:text-content-danger-high";
promo: "uy:bg-surface-promo-low uy:text-content-promo-high";
primary: "uy:bg-surface-primary-lowest uy:text-content-primary-high";
};
}, undefined>>;