@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.
31 lines • 11.2 kB
JavaScript
"use strict";var fe=Object.create;var x=Object.defineProperty,be=Object.defineProperties,he=Object.getOwnPropertyDescriptor,xe=Object.getOwnPropertyDescriptors,ye=Object.getOwnPropertyNames,v=Object.getOwnPropertySymbols,ge=Object.getPrototypeOf,S=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var A=(e,r,t)=>r in e?x(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,f=(e,r)=>{for(var t in r||(r={}))S.call(r,t)&&A(e,t,r[t]);if(v)for(var t of v(r))L.call(r,t)&&A(e,t,r[t]);return e},k=(e,r)=>be(e,xe(r));var y=(e,r)=>{var t={};for(var o in e)S.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&v)for(var o of v(e))r.indexOf(o)<0&&L.call(e,o)&&(t[o]=e[o]);return t};var Te=(e,r)=>{for(var t in r)x(e,t,{get:r[t],enumerable:!0})},M=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of ye(r))!S.call(e,n)&&n!==t&&x(e,n,{get:()=>r[n],enumerable:!(o=he(r,n))||o.enumerable});return e};var V=(e,r,t)=>(t=e!=null?fe(ge(e)):{},M(r||!e||!e.__esModule?x(t,"default",{value:e,enumerable:!0}):t,e)),ve=e=>M(x({},"__esModule",{value:!0}),e);var Re={};Te(Re,{Checkbox:()=>se});module.exports=ve(Re);var s=require("react");var H=V(require("react"),1);var C=V(require("react"),1),d=require("@raiadrogasil/pulso-design-tokens");var K=V(require("react"),1),ke=require("react/jsx-runtime"),O=K.createContext({currentTheme:"rdsaudesistemas"});function _(){let e=C.useMemo(()=>({rdsaudesistemas:d.RDSAUDESISTEMAS_TOKENS,drogasil:d.DROGASIL_TOKENS,raia:d.RAIA_TOKENS,subscription:d.SUBSCRIPTION_TOKENS,prime:d.PRIME_TOKENS}),[]),r=C.useContext(O);if(!r)throw new Error("[Pulso] useTheme precisa estar dentro de um <ThemeProvider>. Verifique se o provedor est\xE1 corretamente configurado na raiz da aplica\xE7\xE3o.");let{currentTheme:t}=r;return f(f({},d.GLOBALS_TOKENS),e[t])}var B=require("react/jsx-runtime");function g(n){var u=n,{symbol:e="rdicon-default",size:r="small",color:t="colorActionFillBrandPrimaryEnabled"}=u,o=y(u,["symbol","size","color"]);let a=_(),i=H.useMemo(()=>({tiny:a.sizingTiny,"extra-small":a.sizingExtrasmall,small:a.sizingSmall,medium:a.sizingMedium}),[]);return(0,B.jsx)("i",k(f({},o),{className:e,style:{fontSize:i[r],color:a[t],display:"inline-flex"}}))}g.displayName="Icon";var F=require("tailwind-variants"),l=(0,F.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var U=l({base:"flex flex-col items-start justify-center gap-none rounded-pill font-rdmodern",variants:{size:{md:"",ml:"",lg:"",xl:""},hasError:{true:"h-full outline-none",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"}}),G=l({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}}),q=l({base:"flex items-center justify-center outline-none",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"}}),Y=l({base:`
mb-twopulse h-full cursor-pointer items-center justify-center rounded-pill
p-halfpulse text-text-neutral bg-action-fill-neutral-tertiary-enabled [&:not(:focus-visisble)]:outline-none
`,variants:{size:{md:"",ml:"",lg:"",xl:""},hasError:{true:"outline-none ring-forms-border-error ring-halfpulse focus:ring-forms-border-error",false:`
hover:border-action-border-neutral-tertiary-hovered focus-visible:border-action-border-focused
`},hasDisabled:{true:`outline-none
`},hasReadonly:{true:`outline-none
`}},defaultVariants:{size:"md"},compoundVariants:[{hasDisabled:!1,hasReadonly:!1,hasError:!1,class:`
focus-visible:ring-action-border-focused focus-visible:ring-halfpulse
`}]}),$=l({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 outline-none
`,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
outline-none
`},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
outline-none
`},hasError:{true:"h-full outline-none",false:""}},defaultVariants:{size:"md"},compoundVariants:[{hasDisabled:!1,hasReadonly:!1,hasError:!1,class:`
active:bg-action-fill-neutral-tertiary-pressed active:border-none
active:border-action-border-neutral-tertiary-pressed active:outline-none
focus-visible:ring-action-border-focused focus-visible:ring-halfpulse [&:not(:focus-visisble)]:outline-none
`}]}),j=l({base:`w-full flex bg-action-fill-neutral-tertiary-enabled rounded-pill
hover:bg-action-fill-neutral-tertiary-hovered
active:bg-action-fill-neutral-tertiary-pressed active:border-action-border-neutral-tertiary-pressed outline-none`,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
outline-none
`},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 outline-none`},hasError:{true:"h-full outline-none",false:""}},defaultVariants:{size:"md"},compoundVariants:[{hasDisabled:!1,hasReadonly:!1,hasError:!1,class:`
focus-visible:ring-action-border-focused focus-visible:ring-halfpulse
`}]}),J=l({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"}}),Q=l({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"}}),W=l({base:"flex flex-col pl-eightpulse",variants:{size:{md:"",ml:"",lg:"",xl:""}},defaultVariants:{size:"md"}});var X=l({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"}});var Z=require("react/jsx-runtime");function E({children:e,size:r="md",error:t=!1,disabled:o=!1,readonly:n=!1}){return(0,Z.jsx)("span",{className:X({size:r,hasError:t,hasDisabled:o,hasReadonly:n,className:!e&&"hidden"}),children:e})}var ee=l({base:"flex flex-row items-center justify-start gap-half-pulse text-ellipsis"}),re=l({base:"line-clamp-2 pl-onepulse text-left font-family-modern font-semibold text-text-neutral"}),te=l({base:"line-clamp-2 pl-onepulse text-left font-family-modern font-semibold text-text-danger-alternative"});var T=require("react/jsx-runtime");function R({icon:e,children:r,isError:t=!1}){return(0,T.jsxs)("div",{className:ee(),children:[e&&(0,T.jsx)(g,{size:"tiny",symbol:e,color:t?"colorTextDangerAlternative":"colorTextNeutralDefault"}),(0,T.jsx)("span",{className:t?te():re(),children:r})]})}var c=require("react/jsx-runtime"),Ce="Checkbox",Ee=e=>({md:"tiny",ml:"small",lg:"medium",xl:"medium"})[e]||"medium",oe=({symbol:e,size:r="md",disabled:t,readonly:o,hasLabelText:n})=>{let u=Ee(r),a=n?G({size:r}):q({size:r});return(0,c.jsx)("div",{className:a,children:(0,c.jsx)(g,{symbol:e,size:u,color:t?"colorTextNeutralDisabled":o?"colorTextNeutralReadonly":"colorTextNeutralDefault"})})},ae=({children:e,size:r,disabled:t,readonly:o,error:n})=>{let a=!!s.Children.toArray(e).find(i=>(0,s.isValidElement)(i)&&i.type===E&&i.props.children)?$({size:r,hasDisabled:t,hasReadonly:o,hasError:!!n}):j({size:r,hasDisabled:t,hasReadonly:o,hasError:!!n});return(0,c.jsx)("div",{className:Y({size:r,hasError:!!n}),children:(0,c.jsx)("div",{className:a,tabIndex:0,children:e})})},ne=(0,s.forwardRef)((e,r)=>{let D=e,{size:t="md",checked:o=!1,indeterminate:n=!1,onClick:u,error:a,disabled:i,readonly:m,children:z,feedbackMessage:N,hasFeedbackMessage:ie=!0,icon:de}=D,ce=y(D,["size","checked","indeterminate","onClick","error","disabled","readonly","children","feedbackMessage","hasFeedbackMessage","icon"]),pe=n?"rdicon-checkbox-indeterminate":o?"rdicon-checkbox-checked":"rdicon-checkbox-unchecked",ue=p=>{p.stopPropagation(),!(i||m)&&typeof u=="function"&&u(!o)},b=s.Children.toArray(z).find(p=>(0,s.isValidElement)(p)&&p.type===E),h=s.Children.toArray(z).find(p=>(0,s.isValidElement)(p)&&p.type===R),P=s.Children.toArray(z).find(p=>(0,s.isValidElement)(p)&&p.type===le),w=ce,{feedbackMessage:Se}=w,me=y(w,["feedbackMessage"]),I=a||ie&&N;return(0,c.jsxs)("div",k(f({ref:r},me),{role:"checkbox","aria-checked":o||n,"aria-disabled":i||m,onClick:ue,className:U({size:t,hasError:!!a,hasDisabled:!!i,hasReadonly:!!m}),children:[(0,c.jsxs)(ae,{size:t,disabled:i,readonly:m,error:a,children:[(0,c.jsx)(oe,{symbol:pe,size:t,disabled:i,readonly:m,hasLabelText:!!(b!=null&&b.props.children)}),b&&(0,s.cloneElement)(b,{size:t,disabled:i,readonly:m,error:a})]}),(h||I)&&b&&(0,c.jsx)("div",{className:h!=null&&h.props.children||I?J({size:t,hasError:!!a}):Q({size:t,hasError:!!a}),children:(0,s.cloneElement)(h||(0,c.jsx)(R,{icon:a?"rdicon-warning-circle":de,isError:a,children:N}),{size:t})}),P&&(0,s.cloneElement)(P,{size:t,disabled:i||m,error:a})]}))}),le=({children:e,size:r="md"})=>(0,c.jsx)("div",{className:W({size:r}),children:e});ne.displayName=Ce;var se={Root:ne,Label:E,HelperText:R,Parent:le,Actions:ae,IconCheck:oe};0&&(module.exports={Checkbox});
//# sourceMappingURL=index.cjs.map