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 10.1 kB
"use strict";var v=Object.defineProperty,ue=Object.defineProperties,be=Object.getOwnPropertyDescriptor,fe=Object.getOwnPropertyDescriptors,he=Object.getOwnPropertyNames,g=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var D=(e,r,t)=>r in e?v(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,b=(e,r)=>{for(var t in r||(r={}))E.call(r,t)&&D(e,t,r[t]);if(g)for(var t of g(r))L.call(r,t)&&D(e,t,r[t]);return e},k=(e,r)=>ue(e,fe(r));var x=(e,r)=>{var t={};for(var o in e)E.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(e!=null&&g)for(var o of g(e))r.indexOf(o)<0&&L.call(e,o)&&(t[o]=e[o]);return t};var xe=(e,r)=>{for(var t in r)v(e,t,{get:r[t],enumerable:!0})},ye=(e,r,t,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of he(r))!E.call(e,a)&&a!==t&&v(e,a,{get:()=>r[a],enumerable:!(o=be(r,a))||o.enumerable});return e};var Te=e=>ye(v({},"__esModule",{value:!0}),e);var Ce={};xe(Ce,{Checkbox:()=>ne});module.exports=Te(Ce);var s=require("react");var d=require("@raiadrogasil/pulso-design-tokens"),M=require("react");var N=require("react"),ge=require("react/jsx-runtime"),A=(0,N.createContext)({});function O(){let{currentTheme:e}=(0,M.useContext)(A);return b(b({},{rdsaudesistemas:d.RDSAUDESISTEMAS_TOKENS,drogasil:d.DROGASIL_TOKENS,raia:d.RAIA_TOKENS,subscription:d.SUBSCRIPTION_TOKENS,prime:d.PRIME_TOKENS}[e]),d.GLOBALS_TOKENS)}function _(e){let r=O();return Object.keys(r).reduce((a,p)=>{if(p.includes("color")){let l=p;a[l]=r[l]}return a},{})[e]}var H={tiny:"var(--sizing-tiny)","extra-small":"var(--sizing-extrasmall)",small:"var(--sizing-small)",medium:"var(--sizing-medium)"};var K=require("react/jsx-runtime");function y(a){var p=a,{symbol:e="rdicon-default",size:r="small",color:t="colorActionFillBrandPrimaryEnabled"}=p,o=x(p,["symbol","size","color"]);let l=e.replace("rdicon","").trim();return(0,K.jsx)("i",k(b({},o),{title:l,className:e,style:{fontSize:H[r],color:_(t)}}))}var B=require("tailwind-variants"),n=(0,B.createTV)({twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var F=n({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"}}),G=n({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=n({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"}}),U=n({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"}}),j=n({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"}}),Y=n({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"}}),J=n({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=n({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=n({base:"flex flex-col pl-eightpulse",variants:{size:{md:"",ml:"",lg:"",xl:""}},defaultVariants:{size:"md"}});var X=n({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 C({children:e,size:r="md",error:t=!1,disabled:o=!1,readonly:a=!1}){return(0,Z.jsx)("span",{className:X({size:r,hasError:t,hasDisabled:o,hasReadonly:a}),children:e})}var $=n({base:"flex flex-row items-center justify-start gap-half-pulse text-ellipsis"}),ee=n({base:"line-clamp-2 pl-onepulse text-left font-family-modern font-semibold text-text-neutral"}),re=n({base:"line-clamp-2 pl-onepulse text-left font-family-modern font-semibold text-text-danger-alternative"});var T=require("react/jsx-runtime");function z({icon:e,children:r,isError:t=!1}){return(0,T.jsxs)("div",{className:$(),children:[e&&(0,T.jsx)(y,{size:"tiny",symbol:e,color:t?"colorTextDangerAlternative":"colorTextNeutralDefault"}),(0,T.jsx)("span",{className:t?re():ee(),children:r})]})}var c=require("react/jsx-runtime"),ve="Checkbox",ke=e=>({md:"tiny",ml:"small",lg:"medium",xl:"medium"})[e]||"medium",te=({symbol:e,size:r="md",disabled:t,readonly:o,hasLabelText:a})=>{let p=ke(r),l=a?G({size:r}):q({size:r});return(0,c.jsx)("div",{className:l,children:(0,c.jsx)(y,{symbol:e,size:p,color:t?"colorTextNeutralDisabled":o?"colorTextNeutralReadonly":"colorTextNeutralDefault"})})},oe=({children:e,size:r,disabled:t,readonly:o,error:a})=>{let l=!!s.Children.toArray(e).find(i=>(0,s.isValidElement)(i)&&i.type===C&&i.props.children)?j({size:r,hasDisabled:t,hasReadonly:o,hasError:!!a}):Y({size:r,hasDisabled:t,hasReadonly:o,hasError:!!a});return(0,c.jsx)("div",{className:U({size:r,hasError:!!a}),children:(0,c.jsx)("div",{className:l,children:e})})},ae=(0,s.forwardRef)((e,r)=>{let S=e,{size:t="md",checked:o=!1,indeterminate:a=!1,onClick:p,error:l,disabled:i,readonly:u,children:V,feedbackMessage:I,hasFeedbackMessage:se=!0,icon:ie}=S,de=x(S,["size","checked","indeterminate","onClick","error","disabled","readonly","children","feedbackMessage","hasFeedbackMessage","icon"]),ce=a?"rdicon-checkbox-indeterminate":o?"rdicon-checkbox-checked":"rdicon-checkbox-unchecked",pe=m=>{m.stopPropagation(),!(i||u)&&typeof p=="function"&&p(!o)},f=s.Children.toArray(V).find(m=>(0,s.isValidElement)(m)&&m.type===C),h=s.Children.toArray(V).find(m=>(0,s.isValidElement)(m)&&m.type===z),R=s.Children.toArray(V).find(m=>(0,s.isValidElement)(m)&&m.type===le),w=de,{feedbackMessage:Ve}=w,me=x(w,["feedbackMessage"]),P=l||se&&I;return(0,c.jsxs)("div",k(b({ref:r},me),{role:"checkbox","aria-checked":o||a,"aria-disabled":i||u,onClick:pe,className:F({size:t,hasError:!!l,hasDisabled:!!i,hasReadonly:!!u}),children:[(0,c.jsxs)(oe,{size:t,disabled:i,readonly:u,error:l,children:[(0,c.jsx)(te,{symbol:ce,size:t,disabled:i,readonly:u,hasLabelText:!!(f!=null&&f.props.children)}),f&&(0,s.cloneElement)(f,{size:t,disabled:i,readonly:u,error:l})]}),(h||P)&&(0,c.jsx)("div",{className:h!=null&&h.props.children||P?J({size:t,hasError:!!l}):Q({size:t,hasError:!!l}),children:(0,s.cloneElement)(h||(0,c.jsx)(z,{icon:l?"rdicon-warning-circle":ie,isError:l,children:I}),{size:t})}),R&&(0,s.cloneElement)(R,{size:t,disabled:i||u,error:l})]}))}),le=({children:e,size:r="md"})=>(0,c.jsx)("div",{className:W({size:r}),children:e});ae.displayName=ve;var ne={Root:ae,Label:C,HelperText:z,Parent:le,Actions:oe,IconCheck:te};0&&(module.exports={Checkbox}); //# sourceMappingURL=index.cjs.map