@rdsaude/pulso-react-components/dist/components/card-shape/index.cjs

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.

"use strict";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=(e,r,o)=>r in e?l(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,i=(e,r)=>{for(var o in r||(r={}))n.call(r,o)&&d(e,o,r[o]);if(c)for(var o of c(r))x.call(r,o)&&d(e,o,r[o]);return e},s=(e,r)=>h(e,m(r));var C=(e,r)=>{for(var o in r)l(e,o,{get:r[o],enumerable:!0})},D=(e,r,o,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of F(r))!n.call(e,a)&&a!==o&&l(e,a,{get:()=>r[a],enumerable:!(t=g(r,a))||t.enumerable});return e};var S=e=>D(l({},"__esModule",{value:!0}),e);var y={};C(y,{CardShape:()=>u});module.exports=S(y);var p=require("tailwind-variants"),f=(0,p.createTV)({twMerge:!0,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=e=>{let{disabled:r,children:o,isActivated:t=!1,onClick:a}=e;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:o}))};0&&(module.exports={CardShape});
//# sourceMappingURL=index.cjs.map