@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.
15 lines • 1.93 kB
JavaScript
import{a as e}from"./chunk-2MB3Y6WI.js";import{a as r,b as o}from"./chunk-DDCCLFYC.js";var a=e({base:`
flex flex-row border-[var(--color-container-border-default)] border-quarterpulse rounded-mediumcontainer p-threepulse bg-[var(--color-container-fill-default)] gap-none
hover:border-[var(--color-container-border-hovered)] hover:bg-[var(--color-container-fill-hovered)]
focus:border-halfpulse focus:border-[var(--color-container-border-focused)] focus:bg-[var(--color-container-fill-focused)] focus:outline-none
focus-visible:border-halfpulse focus-visible:border-[var(--color-container-border-focused)] focus-visible:bg-[var(--color-container-fill-focused)]
active:bg-[var(--color-container-fill-pressed)] active:border-[var(--color-container-border-pressed)]
disabled:bg-[var(--color-container-fill-disabled)] disabled:border-[var(--color-container-border-disabled)]
`,variants:{isActivated:{true:`
bg-[var(--color-container-fill-focused)]
border-[var(--color-container-border-focused)]
border-halfpulse
hover:bg-[var(--color-container-fill-focused)]
hover:border-[var(--color-container-border-focused)]
`}}});import{jsx as s}from"react/jsx-runtime";var t=c=>{let{disabled:d,children:l,isActivated:n=!1,onClick:i}=c;return s("button",o(r({},{disabled:d,onClick:i}),{className:a({isActivated:n}),type:"button","data-testid":"card-shape-main",style:{"--color-container-border-default":"#E6E6E6","--color-container-fill-default":"#FFF","--color-container-border-hovered":"#D1D1D1","--color-container-fill-hovered":"#F2F2F2","--color-container-border-pressed":"#D1D1D1","--color-container-fill-pressed":"#E6E6E6","--color-container-border-focused":"#000","--color-container-fill-focused":"#F2F2F2","--color-container-border-disabled":"#D1D1D1","--color-container-fill-disabled":"#FFF"},children:l}))};export{t as a};
//# sourceMappingURL=chunk-H25T3GYA.js.map