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.

14 lines 7.78 kB
import{a as t}from"./chunk-2MB3Y6WI.js";import{a as m}from"./chunk-DQ6V5CGR.js";import{a as R,b as E,c as v}from"./chunk-DDCCLFYC.js";import{Children as h,cloneElement as k,forwardRef as te,isValidElement as y}from"react";var w=t({base:"flex flex-col items-start justify-center gap-none rounded-pill font-rdmodern",variants:{size:{md:"",ml:"",lg:"",xl:""},hasError:{true:"h-full",false:""},hasReadonly:{true:"border-action-border-neutral-tertiary-readonly border-none bg-action-fill-neutral-tertiary-readonly",false:""},hasDisabled:{true:"border-none bg-action-fill-neutral-tertiary-disabled",false:""}},defaultVariants:{size:"md"}}),P=t({base:"flex items-center justify-center",variants:{size:{md:"pr-onepulse",ml:"pr-twopulse",lg:"pr-twopulse",xl:"pr-twopulse"}},defaultVariants:{size:"md",hasLabelText:!0}}),D=t({base:"flex items-center justify-center",variants:{size:{md:"h-tiny w-tiny pr-none",ml:"h-small w-small pr-none",lg:"h-medium w-medium pr-none",xl:"h-medium w-medium pr-none"}},defaultVariants:{size:"md"}}),I=t({base:`mb-twopulse flex cursor-pointer items-center justify-center rounded-pill p-halfpulse text-text-neutral focus:border-halfpulse focus:bg-action-fill-neutral-tertiary-enabled`,variants:{size:{md:"",ml:"",lg:"",xl:""},hasError:{true:"border-forms-border-error border-halfpulse focus:border-forms-border-error",false:`hover:border-action-border-neutral-tertiary-hovered focus:border-action-border-focused active:bg-action-fill-neutral-tertiary-pressed active:border-action-border-neutral-tertiary-pressed`}},defaultVariants:{size:"md"}}),L=t({base:`flex bg-action-fill-neutral-tertiary-enabled rounded-pill min-w-[128px] border-action-border-neutral-tertiary-enabled hover:bg-action-fill-neutral-tertiary-hovered hover:border-action-fill-neutral-tertiary-hovered active:outline-none active:border-action-border-neutral-tertiary-pressed `,variants:{size:{md:"min-h-medium px-fourpulse py-onepulse",ml:"min-h-mediumlarge px-fourpulse py-twopulse",lg:"min-h-large px-fivepulse py-twopulse",xl:"min-h-extralarge px-sixpulse py-threepulse"},hasReadonly:{true:`border-action-border-neutral-tertiary-readonly border-none bg-action-fill-neutral-tertiary-readonly text-text-neutral-readonly hover:bg-action-fill-neutral-tertiary-readonly active:bg-action-fill-neutral-tertiary-readonly`},hasDisabled:{true:`border-action-border-neutral-tertiary-disabled border-none bg-action-fill-neutral-tertiary-disabled text-text-neutral-disabled hover:bg-action-fill-neutral-tertiary-disabled active:bg-action-fill-neutral-tertiary-disabled`},hasError:{true:"h-full",false:""}},defaultVariants:{size:"md"}}),S=t({base:`w-full flex bg-action-fill-neutral-tertiary-enabled rounded-pill focus:border-action-border-neutral-focused focus:border-halfpulse hover:bg-action-fill-neutral-tertiary-hovered active:bg-action-fill-neutral-tertiary-pressed active:border-action-border-neutral-tertiary-pressed`,variants:{size:{md:"p-twopulse",ml:"p-twopulse",lg:"p-twopulse",xl:"p-threepulse"},hasReadonly:{true:`border-action-border-neutral-tertiary-readonly border-none bg-action-fill-neutral-tertiary-readonly text-text-neutral-readonly hover:bg-action-fill-neutral-tertiary-readonly active:bg-action-fill-neutral-tertiary-readonly`},hasDisabled:{true:`border-action-border-neutral-tertiary-disabled border-none bg-action-fill-neutral-tertiary-disabled text-text-neutral-disabled hover:bg-action-fill-neutral-tertiary-disabled active:bg-action-fill-neutral-tertiary-disabled`},hasError:{true:"h-full",false:""}},defaultVariants:{size:"md"}}),A=t({base:"ml-halfpulse flex items-center bg-transparent",variants:{size:{md:"px-fourpulse",ml:"px-fourpulse",lg:"px-fivepulse",xl:"px-sixpulse"},hasError:{true:"font-semibold text-threepulse leading-medium tracking-tiny",false:"font-semibold text-threepulse leading-medium tracking-tiny"}},defaultVariants:{size:"md"}}),M=t({base:"flex items-center bg-transparent",variants:{size:{md:"px-threepulse",ml:"px-fourpulse",lg:"px-fivepulse",xl:"px-sixpulse"},hasError:{true:"font-semibold text-text-danger-alternative text-threepulse leading-medium tracking-tiny"}},defaultVariants:{size:"md"}}),H=t({base:"flex flex-col pl-eightpulse",variants:{size:{md:"",ml:"",lg:"",xl:""}},defaultVariants:{size:"md"}});var F=t({base:"line-clamp-4 min-h-small overflow-hidden text-left font-family-modern font-regular text-neutral-default",variants:{size:{md:"pt-halfpulse text-threepulse leading-medium",ml:"pt-halfpulse text-threeandhalfpulse leading-small",lg:"pt-onepulse text-fourpulse leading-small",xl:"pt-onepulse text-fourpulse leading-small"},hasError:{true:"font-semibold"},hasDisabled:{true:"text-neutral-disabled"},hasReadonly:{true:"text-neutral-readonly"}},defaultVariants:{size:"md"}});import{jsx as ee}from"react/jsx-runtime";function f({children:a,size:r="md",error:e=!1,disabled:n=!1,readonly:s=!1}){return ee("span",{className:F({size:r,hasError:e,hasDisabled:n,hasReadonly:s}),children:a})}var j=t({base:"flex flex-row items-center justify-start gap-half-pulse text-ellipsis"}),_=t({base:"line-clamp-2 pl-onepulse text-left font-family-modern font-semibold text-text-neutral"}),B=t({base:"line-clamp-2 pl-onepulse text-left font-family-modern font-semibold text-text-danger-alternative"});import{jsx as Y,jsxs as re}from"react/jsx-runtime";function x({icon:a,children:r,isError:e=!1}){return re("div",{className:j(),children:[a&&Y(m,{size:"tiny",symbol:a,color:e?"colorTextDangerAlternative":"colorTextNeutralDefault"}),Y("span",{className:e?B():_(),children:r})]})}import{jsx as d,jsxs as q}from"react/jsx-runtime";var ae="Checkbox",oe=a=>({md:"tiny",ml:"small",lg:"medium",xl:"medium"})[a]||"medium",G=({symbol:a,size:r="md",disabled:e,readonly:n,hasLabelText:s})=>{let p=oe(r),o=s?P({size:r}):D({size:r});return d("div",{className:o,children:d(m,{symbol:a,size:p,color:e?"colorTextNeutralDisabled":n?"colorTextNeutralReadonly":"colorTextNeutralDefault"})})},J=({children:a,size:r,disabled:e,readonly:n,error:s})=>{let o=!!h.toArray(a).find(l=>y(l)&&l.type===f&&l.props.children)?L({size:r,hasDisabled:e,hasReadonly:n,hasError:!!s}):S({size:r,hasDisabled:e,hasReadonly:n,hasError:!!s});return d("div",{className:I({size:r,hasError:!!s}),children:d("div",{className:o,children:a})})},K=te((a,r)=>{let V=a,{size:e="md",checked:n=!1,indeterminate:s=!1,onClick:p,error:o,disabled:l,readonly:c,children:g,feedbackMessage:C,hasFeedbackMessage:Q=!0,icon:U}=V,W=v(V,["size","checked","indeterminate","onClick","error","disabled","readonly","children","feedbackMessage","hasFeedbackMessage","icon"]),X=s?"rdicon-checkbox-indeterminate":n?"rdicon-checkbox-checked":"rdicon-checkbox-unchecked",Z=i=>{i.stopPropagation(),!(l||c)&&typeof p=="function"&&p(!n)},b=h.toArray(g).find(i=>y(i)&&i.type===f),u=h.toArray(g).find(i=>y(i)&&i.type===x),T=h.toArray(g).find(i=>y(i)&&i.type===O),N=W,{feedbackMessage:se}=N,$=v(N,["feedbackMessage"]),z=o||Q&&C;return q("div",E(R({ref:r},$),{role:"checkbox","aria-checked":n||s,"aria-disabled":l||c,onClick:Z,className:w({size:e,hasError:!!o,hasDisabled:!!l,hasReadonly:!!c}),children:[q(J,{size:e,disabled:l,readonly:c,error:o,children:[d(G,{symbol:X,size:e,disabled:l,readonly:c,hasLabelText:!!(b!=null&&b.props.children)}),b&&k(b,{size:e,disabled:l,readonly:c,error:o})]}),(u||z)&&d("div",{className:u!=null&&u.props.children||z?A({size:e,hasError:!!o}):M({size:e,hasError:!!o}),children:k(u||d(x,{icon:o?"rdicon-warning-circle":U,isError:o,children:C}),{size:e})}),T&&k(T,{size:e,disabled:l||c,error:o})]}))}),O=({children:a,size:r="md"})=>d("div",{className:H({size:r}),children:a});K.displayName=ae;var le={Root:K,Label:f,HelperText:x,Parent:O,Actions:J,IconCheck:G};export{le as a}; //# sourceMappingURL=chunk-DWADJDXX.js.map