@rdsaude/pulso-react-components
Version:
Biblioteca de componentes React do Pulso Design System da RD Saúde oferece componentes consistentes e de alto desempenho, alinhados com os padrões da RDSaúde. Ideal para desenvolver aplicações modernas e acessíveis.
23 lines • 3.42 kB
JavaScript
import{a as f}from"./chunk-EXFWXUWG.js";import{a as m}from"./chunk-EUSFOJMC.js";import{a as i}from"./chunk-V5IX4U5J.js";import{a as c,b as d,c as C}from"./chunk-UABQX4UA.js";import{createContextScope as M}from"@radix-ui/react-context";var u=i({base:`
justify-end flex-shrink-0
`,variants:{}});import{jsx as R}from"react/jsx-runtime";function x(t){let{children:o,__scopeContent:e}=t,{variants:n}=s(r,e);if(n==="title")return R("div",{className:u(),"data-testid":"content-actions",children:o})}var P=i({base:`
flex flex-col w-full items-start justify-start min-w-[2rem] flex-shrink bg-transparent gap-twopulse
`,variants:{}});import{jsx as k}from"react/jsx-runtime";function y(t){let{children:o}=t;return k("div",{className:P(),"data-testid":"content-actions-text",children:o})}import{jsx as w}from"react/jsx-runtime";function a(e){var n=e,{symbol:t}=n,o=C(n,["symbol"]);let{__scopeContent:p}=o,{size:l}=s(r,p),_=()=>l==="tiny"?"extra-small":"small";return w(m,c({symbol:t||"rdicon-default",size:_(),"data-testid":"content-icon",color:"colorTextNeutralAlternative"},o))}import{jsx as g}from"react/jsx-runtime";function b(t){let{children:o,__scopeContent:e}=t,{size:n}=s(r,e),p=()=>n==="tiny"?"md":"ml";return g(f.Root,{size:p(),"data-testid":"content-link",icon:!0,children:o})}var v=i({base:`
text-text-neutral-alternative !font-rdmodern font-regular leading-medium
line-clamp-2 text-start overflow-ellipsis
`,variants:{size:{tiny:"text-threepulse",xs:"text-threeandhalfpulse"}}});import{jsx as z}from"react/jsx-runtime";function S(t){let{children:o,__scopeContent:e}=t,{size:n}=s(r,e);return z("p",{className:v({size:n}),"data-testid":"content-subtitle",children:o})}var A=i({base:`
flex w-full items-center gap-twopulse min-w-[1rem] flex-shrink
`}),I=i({base:`
text-text-neutral !font-rdmodern font-bold leading-small text-start
overflow-hidden text-ellipsis whitespace-nowrap w-full block
`,variants:{size:{tiny:"text-threeandhalfpulse",xs:"text-fivepulse"}}});import{jsx as h,jsxs as V}from"react/jsx-runtime";function T(t){let{children:o,__scopeContent:e}=t,{variants:n,size:p}=s(r,e);return V("div",{className:A(),"data-testid":"content-title",children:[h("p",{className:I({size:p}),children:o}),n==="interactive"&&h(a,{symbol:"rdicon-chevron-right",color:"colorTextNeutralDefault","data-testid":"content-icon-chevron"})]})}var N=i({base:`
flex flex-row w-[320px] min-w-[260px] p-fourpulse gap-twopulse items-center
border-action-border-neutral-tertiary-enabled bg-action-fill-neutral-tertiary-enabled
rounded-pill outline-none
`,variants:{variants:{title:"",interactive:`
hover:border-action-border-neutral-tertiary-hovered hover:bg-action-fill-neutral-tertiary-hovered
active:bg-action-fill-neutral-tertiary-pressed active:border-action-border-neutral-tertiary-pressed
focus:border-halfpulse focus:border-action-border-focused
focus:active:border-action-border-focused
`}}});import{jsx as L}from"react/jsx-runtime";var r="Content";function D(t){let{children:o,variants:e,size:n,__scopeContent:p}=t;return L(Y,d(c({},{scope:p,variants:e,size:n}),{children:L("button",{disabled:e==="title",type:"button",className:N({variants:e}),"data-testid":"content-root",children:o})}))}var[E]=M(r),[Y,s]=E(r),B={Root:D,Icon:a,ActionsText:y,Title:T,Subtitle:S,Actions:x,Link:b};export{B as a};
//# sourceMappingURL=chunk-LBVY3Q2C.js.map