@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.
38 lines (35 loc) • 9.74 kB
JavaScript
"use strict";var v=Object.defineProperty,ie=Object.defineProperties,ne=Object.getOwnPropertyDescriptor,de=Object.getOwnPropertyDescriptors,ce=Object.getOwnPropertyNames,T=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var k=(e,o,r)=>o in e?v(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,l=(e,o)=>{for(var r in o||(o={}))O.call(o,r)&&k(e,r,o[r]);if(T)for(var r of T(o))L.call(o,r)&&k(e,r,o[r]);return e},h=(e,o)=>ie(e,de(o));var m=(e,o)=>{var r={};for(var t in e)O.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(e!=null&&T)for(var t of T(e))o.indexOf(t)<0&&L.call(e,t)&&(r[t]=e[t]);return r};var pe=(e,o)=>{for(var r in o)v(e,r,{get:o[r],enumerable:!0})},ue=(e,o,r,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of ce(o))!O.call(e,a)&&a!==r&&v(e,a,{get:()=>o[a],enumerable:!(t=ne(o,a))||t.enumerable});return e};var me=e=>ue(v({},"__esModule",{value:!0}),e);var xe={};pe(xe,{Radio:()=>te});module.exports=me(xe);var oe=require("@radix-ui/react-context");var Q=require("react");var i=require("@raiadrogasil/pulso-design-tokens"),_=require("react");var P=require("react"),fe=require("react/jsx-runtime"),D=(0,P.createContext)({});function A(){let{currentTheme:e}=(0,_.useContext)(D);return l(l({},{rdsaudesistemas:i.RDSAUDESISTEMAS_TOKENS,drogasil:i.DROGASIL_TOKENS,raia:i.RAIA_TOKENS,subscription:i.SUBSCRIPTION_TOKENS,prime:i.PRIME_TOKENS}[e]),i.GLOBALS_TOKENS)}function B(e){let o=A();return Object.keys(o).reduce((a,s)=>{if(s.includes("color")){let n=s;a[n]=o[n]}return a},{})[e]}var H={tiny:"var(--sizing-tiny)","extra-small":"var(--sizing-extrasmall)",small:"var(--sizing-small)",medium:"var(--sizing-medium)"};var M=require("react/jsx-runtime");function x(a){var s=a,{symbol:e="rdicon-default",size:o="small",color:r="colorActionFillBrandPrimaryEnabled"}=s,t=m(s,["symbol","size","color"]);let n=e.replace("rdicon","").trim();return(0,M.jsx)("i",h(l({},t),{title:n,className:e,style:{fontSize:H[o],color:B(r)}}))}var G=require("react");function z(){let[e,o]=(0,G.useState)("");return{UseRadio:z,selectedValue:e,setSelectedValue:o,isChecked:(a,s)=>s||e===a,iconSizeMapping:{md:"tiny",ml:"small",lg:"medium",xl:"medium"}}}var K=require("tailwind-variants"),d=(0,K.createTV)({twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var U=d({base:`
flex items-center rounded-pill min-width-size-huge p-[4px]
active:border-focused focus:border-focused mb-twopulse
`,variants:{hasError:{true:"border-forms-border-error border-halfpulse"},readOnly:{true:"cursor-not-allowed border-[#00000000]"},disabled:{true:"cursor-not-allowed border-[transparent]"},hasIconOnly:{true:`justify-center overflow-hidden
`}},compoundVariants:[{readOnly:!0,disabled:!1,class:"cursor-not-allowed"},{hasIconOnly:!0,size:"md",class:""},{hasIconOnly:!0,size:"ml",class:""},{hasIconOnly:!0,size:"lg",class:""},{hasIconOnly:!0,size:"xl",class:""}],defaultVariants:{size:"xl",hasError:!1,readOnly:!1,disabled:!1,hasIconOnly:!1}}),q=d({base:`
group flex items-center justify-start rounded-pill min-w-[128px] relative font-wheight-regular
font-rdmodern font-regular bg-action-fill-neutral-tertiary-enabled border-action-border-neutral-tertiary-enabled
hover:bg-action-fill-neutral-tertiary-hovered hover:border-action-border-neutral-tertiary-hovered active:bg-action-fill-neutral-tertiary-pressed active:border-action-border-focused cursor:pointer
has-[:focus]:border-action-border-focused border-halfpulse focus:border-action-border-focused focus-visible:border-action-border-focused
`,variants:{size:{md:"min-h-medium gap-onepulse px-fourpulse py-onepulse text-threepulse leading-medium",ml:"min-h-mediumlarge gap-twopulse px-fourpulse py-twopulse text-threeandhalfpulse leading-small",lg:"min-h-large gap-twopulse px-fivepulse py-twopulse text-fourpulse leading-small",xl:"min-h-extralarge gap-twopulse px-sixpulse py-threepulse text-fourpulse leading-small"},hasError:{true:`
bg-action-fill-neutral-tertiary-enabled border-action-border-neutral-tertiary-enabled focus:border-action-border-neutral-tertiary-enabled hover:bg-action-fill-neutral-tertiary-hovered
active:border-action-border-neutral-tertiary-enabled has-[:unchecked]:border-none focus-visible:border-action-border-neutral-tertiary-enabled
`},readOnly:{true:`
border-[#00000000] bg-[#00000000] hover:border-[#00000000] hover:bg-[#00000000] focus:border-[#00000000]
focus:bg-[#00000000] focus-visible:bg-[#00000000] active:border-[#00000000] active:bg-[#00000000]
`},disabled:{true:`
cursor-not-allowed border-action-fill-neutral-tertiary-disabled bg-action-fill-neutral-tertiary-disabled hover:bg-action-fill-neutral-tertiary-disabled
active:bg-action-fill-neutral-tertiary-disabled active:border-action-border-neutral-tertiary-disabled focus:bg-action-fill-neutral-tertiary-disabled
focus:border-action-border-neutral-tertiary-disabled focus-visible:bg-action-fill-neutral-tertiary-disabled
`},hasIconOnly:{true:`justify-center min-w-[auto] gap-none
`}},compoundVariants:[{readOnly:!1,disabled:!1,class:`
[&:not(:focus-within)]:has-[:placeholder-shown]:bg-forms-fill
[&:not(:focus-within)]:has-[:placeholder-shown]:hover:bg-forms-fill-hovered
`},{hasError:!1,readOnly:!1,disabled:!1,class:`
`},{hasIconOnly:!0,size:"xl",class:"h-extralarge w-extralarge px-threepulse py-threepulse"},{hasIconOnly:!0,size:"lg",class:"h-large w-large px-twopulse py-twopulse"},{hasIconOnly:!0,size:"ml",class:"h-mediumlarge w-mediumlarge px-twopulse py-twopulse"},{hasIconOnly:!0,size:"md",class:"h-medium w-medium px-twopulse py-twopulse"}],defaultVariants:{size:"xl",hasError:!1,readOnly:!1,disabled:!1,hasIconOnly:!1}}),F=d({base:`
flex justify-start items-center font-rdmodern text-text-neutral tracking-tiny font-wheight-regular text-left min-h-small line-clamp-4 mt-[5px]
`,variants:{size:{md:"min-h-medium text-threepulse leading-medium",ml:"text-threeandhalfpulse leading-small",lg:"text-fourpulse leading-small",xl:"text-fourpulse leading-small"},readOnly:{true:"text-text-neutral-readonly"},disabled:{true:"cursor-not-allowed text-text-neutral-disabled",false:""},hasIconOnly:{true:"hidden"}},compoundVariants:[{readOnly:!0,disabled:!1,class:"cursor-not-allowed text-text-neutral-readonly"}],defaultVariants:{readOnly:!1,disabled:!1,hasIconOnly:!1}}),Y=d({base:`
hidden
`}),j=d({base:`
group-has-[:checked]:hidden
`,variants:{size:{md:"h-tiny",ml:"h-small",lg:"h-medium",xl:"h-medium"},readOnly:{true:""},disabled:{true:"cursor-not-allowed text-text-neutral-disabled"}}}),J=d({base:`
hidden group-has-[:checked]:block
`,variants:{size:{md:"h-tiny",ml:"h-small",lg:"h-medium",xl:"h-medium"},readOnly:{true:""},disabled:{true:"cursor-not-allowed text-text-neutral-disabled"}}});var c=require("react/jsx-runtime"),W=e=>{let E=e,{__scopeRadio:o,name:r,value:t,checked:a,children:s,onChange:n,iconOnly:b,id:g=null}=E,I=m(E,["__scopeRadio","name","value","checked","children","onChange","iconOnly","id"]),{disabled:p,size:u="lg",id:ae,readOnly:R,error:S,selectedValue:se}=y("RadioButton",o),{iconSizeMapping:V}=z(),le=(0,Q.useRef)(null),N=a||t===se;return(0,c.jsx)("div",{className:U({disabled:p,readOnly:R,hasIconOnly:b,hasError:S}),children:(0,c.jsxs)("label",{className:q({disabled:p,readOnly:R,size:u,hasIconOnly:b,hasError:S}),"aria-disabled":p,children:[(0,c.jsx)("input",l({ref:le,type:"radio",className:Y(),id:g||ae,disabled:p,name:r,value:t,checked:N,onChange:n,defaultChecked:N},I)),(0,c.jsx)("span",{className:j({size:u}),children:(0,c.jsx)(x,{size:V[u],symbol:"rdicon-radio-button-unselected",color:p?"colorTextNeutralDisabled":R?"colorTextNeutralReadonly":"colorTextNeutralDefault"})}),(0,c.jsx)("span",{className:J({size:u}),children:(0,c.jsx)(x,{size:V[u],symbol:"rdicon-radio-button-selected",color:p?"colorTextNeutralDisabled":R?"colorTextNeutralReadonly":"colorTextNeutralDefault"})}),!b&&s]})})};var X=d({base:` flex justify-start items-center gap-onepulse font-rdmodern font-semibold text-text-danger-alternative text-threepulse
`,variants:{size:{md:"px-fourpulse",ml:"px-fourpulse",lg:"px-fivepulse",xl:"px-sixpulse"}},compoundVariants:[]});var f=require("react/jsx-runtime"),Z=t=>{var a=t,{children:e,__scopeRadio:o}=a,r=m(a,["children","__scopeRadio"]);let{error:s,size:n="lg",iconOnly:b}=y("RadioHelperText",o);return s?(0,f.jsx)(f.Fragment,{children:!b&&(0,f.jsxs)("div",h(l({},r),{className:X({size:n}),children:[(0,f.jsx)(x,{symbol:"rdicon-warning-circle",color:"colorTextDangerAlternative",size:"tiny"}),(0,f.jsx)("span",{className:"line-clamp-2",children:e})]}))}):null};var ee=require("react/jsx-runtime"),$=e=>{let{children:o,__scopeRadio:r}=e,{disabled:t,readOnly:a,size:s}=y("RadioLabel",r);return o?(0,ee.jsx)("span",{className:F({disabled:t,readOnly:a,size:s}),children:o}):null};var w=require("react/jsx-runtime"),C="Radio",re=e=>{let u=e,{size:o,children:r,disabled:t,readOnly:a,defaultValue:s,legend:n,error:b,iconOnly:g,__scopeRadio:I}=u,p=m(u,["size","children","disabled","readOnly","defaultValue","legend","error","iconOnly","__scopeRadio"]);return(0,w.jsx)(he,h(l({},e),{size:o,disabled:t,readOnly:a,error:b,scope:I,iconOnly:g,selectedValue:s,children:(0,w.jsx)("fieldset",h(l({},p),{className:"flex flex-col border-none",children:r}))}))};re.displayName=C;var[be]=(0,oe.createContextScope)(C),[he,y]=be(C),te={Root:re,Button:W,Label:$,Helper:Z};0&&(module.exports={Radio});
//# sourceMappingURL=index.cjs.map