@payfit/unity-components
Version:
65 lines (64 loc) • 1.69 kB
JavaScript
import { uyTv as e } from "@payfit/unity-themes";
//#region src/components/avatar/Avatar.variants.ts
var t = e({
variants: {
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"
}
},
compoundVariants: [
{
size: "xs",
variant: "square",
className: "uy:rounded-50"
},
{
size: "sm",
variant: "square",
className: "uy:rounded-50"
},
{
size: "md",
variant: "square",
className: "uy:rounded-75"
},
{
size: "lg",
variant: "square",
className: "uy:rounded-100"
},
{
size: "xl",
variant: "square",
className: "uy:rounded-200"
}
],
defaultVariants: {
size: "md",
variant: "circle",
color: "neutral"
}
});
//#endregion
export { t as avatarBase };