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.

15 lines 1.93 kB
import{a as e}from"./chunk-2DETME2W.js";import{a as r,b as o}from"./chunk-UABQX4UA.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-THDT54MI.js.map