@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 • 2.94 kB
JavaScript
;var l=Object.defineProperty,h=Object.defineProperties,g=Object.getOwnPropertyDescriptor,m=Object.getOwnPropertyDescriptors,F=Object.getOwnPropertyNames,c=Object.getOwnPropertySymbols;var n=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var d=(o,r,e)=>r in o?l(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,i=(o,r)=>{for(var e in r||(r={}))n.call(r,e)&&d(o,e,r[e]);if(c)for(var e of c(r))x.call(r,e)&&d(o,e,r[e]);return o},s=(o,r)=>h(o,m(r));var C=(o,r)=>{for(var e in r)l(o,e,{get:r[e],enumerable:!0})},D=(o,r,e,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of F(r))!n.call(o,a)&&a!==e&&l(o,a,{get:()=>r[a],enumerable:!(t=g(r,a))||t.enumerable});return o};var S=o=>D(l({},"__esModule",{value:!0}),o);var y={};C(y,{CardShape:()=>u});module.exports=S(y);var p=require("tailwind-variants"),f=(0,p.createTV)({twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var b=f({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)]
`}}});var v=require("react/jsx-runtime"),u=o=>{let{disabled:r,children:e,isActivated:t=!1,onClick:a}=o;return(0,v.jsx)("button",s(i({},{disabled:r,onClick:a}),{className:b({isActivated:t}),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:e}))};0&&(module.exports={CardShape});
//# sourceMappingURL=index.cjs.map