UNPKG

@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.

20 lines 2.6 kB
import{a as v}from"./chunk-ATE4V42Q.js";import{a as o}from"./chunk-V5IX4U5J.js";import{a as t,b as e}from"./chunk-UABQX4UA.js";import{createContextScope as D}from"@radix-ui/react-context";var l=o({base:` flex min-w-[16.25rem] border-none rounded-smallcontainer p-fourpulse justify-start items-center `,variants:{variants:{neutral:` bg-fill-neutral-alternative `,positive:` bg-fill-success `,informative:` bg-fill-informative `,warning:` bg-fill-warning `,negative:` bg-fill-danger `},type:{icon:"gap-threepulse",highlight:"gap-fourpulse",text:""}}});import x from"react";var C=o({base:` text-text-neutral font-rdmodern font-bold text-threeandhalfpulse line-clamp-1 `,variants:{}});import{jsx as b}from"react/jsx-runtime";var s=r=>{let{children:a}=r;return b("p",e(t({},r),{className:C({}),children:a}))};var I=o({base:"flex flex-col justify-center align-middle",variants:{}});import{jsx as S}from"react/jsx-runtime";var P=r=>{let{children:a,__scopeCardInformative:i}=r,{type:p}=f(m,i);return S("div",e(t({},r),{className:I({}),children:x.Children.map(a,n=>x.isValidElement(n)&&p!=="highlight"&&n.type===s?null:n)}))};var u=o({base:` text-text-neutral font-rdmodern font-regular text-threeandhalfpulse line-clamp-4 `,variants:{}});import{jsx as V}from"react/jsx-runtime";var g=r=>{let{children:a}=r;return V("p",e(t({},r),{className:u({}),children:a}))};import{useCallback as A}from"react";var y=o({base:` flex items-center `,variants:{type:{text:"",icon:"",highlight:"max-h-large min-h-large min-w-large max-w-large items-center justify-center rounded-pill bg-fill-neutral"}}});import{jsx as h}from"react/jsx-runtime";var N=r=>{let{__scopeCardInformative:a}=r,{type:i,iconName:p,variants:n}=f(m,a),d={positive:"colorTextSuccessAlternative",informative:"colorTextInformativeAlternative",warning:"colorTextWarningAlternative",negative:"colorTextDangerAlternative",neutral:"colorTextNeutralAlternative"},c=A(()=>d[n],[n]);return h("div",e(t({},r),{className:y({type:i}),children:h(v,{symbol:p,size:"small",color:c()})}))};import{jsx as R,jsxs as L}from"react/jsx-runtime";var m="CardInformative",T=r=>{let{children:a,type:i,variants:p,iconName:n,__scopeCardInformative:d}=r;return R(w,e(t({},{type:i,variants:p,iconName:n,scope:d}),{children:L("div",e(t({},r),{className:l({variants:p,type:i}),children:[i!=="text"&&R(N,{}),a]}))}))};T.displayName=m;var[_]=D(m),[w,f]=_(m),E={Root:T,Content:P,Title:s,Description:g};export{E as a}; //# sourceMappingURL=chunk-3AYMJINL.js.map