@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.68 kB
JavaScript
import{a as o}from"./chunk-2MB3Y6WI.js";import{a as l}from"./chunk-DQ6V5CGR.js";import{a as v}from"./chunk-TZXDQB75.js";import{a as t,b as e}from"./chunk-DDCCLFYC.js";import{createContextScope as _}from"@radix-ui/react-context";var C=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 P from"react";var I=o({base:`
text-text-neutral font-rdmodern font-bold text-threeandhalfpulse line-clamp-1
`,variants:{}});import{jsx as S}from"react/jsx-runtime";var p=r=>{let{children:a}=r;return S("p",e(t({},r),{className:I({}),children:a}))};var x=o({base:"flex flex-col justify-center align-middle",variants:{}});import{jsx as V}from"react/jsx-runtime";var u=r=>{let{children:a,__scopeCardInformative:i}=r,{type:s}=f(m,i);return V("div",e(t({},r),{className:x({}),children:P.Children.map(a,n=>P.isValidElement(n)&&s!=="highlight"&&n.type===p?null:n)}))};var g=o({base:`
text-text-neutral font-rdmodern font-regular text-threeandhalfpulse line-clamp-4
`,variants:{}});import{jsx as A}from"react/jsx-runtime";var y=r=>{let{children:a}=r;return A("p",e(t({},r),{className:g({}),children:a}))};import{useCallback as D}from"react";var h=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 T}from"react/jsx-runtime";var N=r=>{let{__scopeCardInformative:a}=r,{type:i,iconName:s,variants:n}=f(m,a),c={positive:"colorTextSuccessAlternative",informative:"colorTextInformativeAlternative",warning:"colorTextWarningAlternative",negative:"colorTextDangerAlternative",neutral:"colorTextNeutralAlternative"},d=D(()=>c[n],[n]);return T("div",e(t({},r),{className:h({type:i}),children:T(l,{symbol:s,size:"small",color:d()})}))};import{jsx as R,jsxs as M}from"react/jsx-runtime";var m="CardInformative",b=r=>{let{children:a,type:i,variants:s,iconName:n,__scopeCardInformative:c}=r,d=v();return console.log("theme =>",d),R(E,e(t({},{type:i,variants:s,iconName:n,scope:c}),{children:M("div",e(t({},r),{className:C({variants:s,type:i}),children:[i!=="text"&&R(N,{}),a]}))}))};b.displayName=m;var[w]=_(m),[E,f]=w(m),L={Root:b,Content:u,Title:p,Description:y};export{L as a};
//# sourceMappingURL=chunk-KZQ3PTOH.js.map