UNPKG

@undp/design-system-react

Version:

React based design system for UNDP

2 lines 1.68 kB
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./utils-Dd9-5CFr.cjs");let t=require("react/jsx-runtime");function n({className:n,...r}){return(0,t.jsx)(`div`,{"data-slot":`message-group`,className:e.t(`flex min-w-0 flex-col gap-2`,n),...r})}function r({className:n,align:r=`start`,...i}){return(0,t.jsx)(`div`,{"data-slot":`message`,"data-align":r,className:e.t(`group/message relative flex w-full min-w-0 gap-2 text-sm data-[align=end]:flex-row-reverse`,n),...i})}function i({className:n,...r}){return(0,t.jsx)(`div`,{"data-slot":`message-avatar`,className:e.t(`flex w-fit min-w-8 shrink-0 items-center justify-center self-end overflow-hidden rounded-full bg-surface group-has-data-[slot=message-footer]/message:-translate-y-8`,n),...r})}function a({className:n,...r}){return(0,t.jsx)(`div`,{"data-slot":`message-content`,className:e.t(`wrap-break-word flex w-full min-w-0 flex-col gap-2.5 group-data-[align=end]/message:*:data-slot:self-end`,n),...r})}function o({className:n,...r}){return(0,t.jsx)(`div`,{"data-slot":`message-header`,className:e.t(`flex min-w-0 max-w-full items-center px-3 font-medium text-tertiary text-xs group-has-data-[variant=ghost]/message:px-0`,n),...r})}function s({className:n,...r}){return(0,t.jsx)(`div`,{"data-slot":`message-footer`,className:e.t(`flex min-w-0 max-w-full items-center px-3 font-medium text-content-tertiary text-xs group-has-data-[variant=ghost]/message:px-0 group-data-[align=end]/message:justify-end`,n),...r})}exports.Message=r,exports.MessageAvatar=i,exports.MessageContent=a,exports.MessageFooter=s,exports.MessageGroup=n,exports.MessageHeader=o; //# sourceMappingURL=Message.cjs.map