@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.
20 lines • 4.88 kB
JavaScript
"use strict";var J=Object.create;var f=Object.defineProperty,Q=Object.defineProperties,X=Object.getOwnPropertyDescriptor,Z=Object.getOwnPropertyDescriptors,$=Object.getOwnPropertyNames,v=Object.getOwnPropertySymbols,j=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable;var h=(r,e,o)=>e in r?f(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,a=(r,e)=>{for(var o in e||(e={}))u.call(e,o)&&h(r,o,e[o]);if(v)for(var o of v(e))g.call(e,o)&&h(r,o,e[o]);return r},i=(r,e)=>Q(r,Z(e));var S=(r,e)=>{var o={};for(var t in r)u.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(r!=null&&v)for(var t of v(r))e.indexOf(t)<0&&g.call(r,t)&&(o[t]=r[t]);return o};var rr=(r,e)=>{for(var o in e)f(r,o,{get:e[o],enumerable:!0})},N=(r,e,o,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of $(e))!u.call(r,n)&&n!==o&&f(r,n,{get:()=>e[n],enumerable:!(t=X(e,n))||t.enumerable});return r};var er=(r,e,o)=>(o=r!=null?J(j(r)):{},N(e||!r||!r.__esModule?f(o,"default",{value:r,enumerable:!0}):o,r)),or=r=>N(f({},"__esModule",{value:!0}),r);var ir={};rr(ir,{CardInformative:()=>H});module.exports=or(ir);var F=require("@radix-ui/react-context");var R=require("tailwind-variants"),m=(0,R.createTV)({twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var b=m({base:`
flex min-w-[16.25rem] border-none rounded-smallcontainer p-fourpulse justify-start items-center
`,variants:{variants:{neutral:`
bg-fill-neutral-alternative
`,positive:`
bg-fill-success
`,informative:`
bg-fill-informative
`,warning:`
bg-fill-warning
`,negative:`
bg-fill-danger
`},type:{icon:"gap-threepulse",highlight:"gap-fourpulse",text:""}}});var x=er(require("react"),1);var A=m({base:`
text-text-neutral font-rdmodern font-bold text-threeandhalfpulse line-clamp-1
`,variants:{}});var E=require("react/jsx-runtime"),I=r=>{let{children:e}=r;return(0,E.jsx)("p",i(a({},r),{className:A({}),children:e}))};var _=m({base:"flex flex-col justify-center align-middle",variants:{}});var V=require("react/jsx-runtime"),D=r=>{let{children:e,__scopeCardInformative:o}=r,{type:t}=C(l,o);return(0,V.jsx)("div",i(a({},r),{className:_({}),children:x.default.Children.map(e,n=>x.default.isValidElement(n)&&t!=="highlight"&&n.type===I?null:n)}))};var O=m({base:`
text-text-neutral font-rdmodern font-regular text-threeandhalfpulse line-clamp-4
`,variants:{}});var w=require("react/jsx-runtime"),k=r=>{let{children:e}=r;return(0,w.jsx)("p",i(a({},r),{className:O({}),children:e}))};var q=require("react");var s=require("@raiadrogasil/pulso-design-tokens"),L=require("react");var T=require("react"),tr=require("react/jsx-runtime"),z=(0,T.createContext)({});function M(){let{currentTheme:r}=(0,L.useContext)(z);return a(a({},{rdsaudesistemas:s.RDSAUDESISTEMAS_TOKENS,drogasil:s.DROGASIL_TOKENS,raia:s.RAIA_TOKENS,subscription:s.SUBSCRIPTION_TOKENS,prime:s.PRIME_TOKENS}[r]),s.GLOBALS_TOKENS)}function K(r){let e=M();return Object.keys(e).reduce((n,p)=>{if(p.includes("color")){let c=p;n[c]=e[c]}return n},{})[r]}var B={tiny:"var(--sizing-tiny)","extra-small":"var(--sizing-extrasmall)",small:"var(--sizing-small)",medium:"var(--sizing-medium)"};var G=require("react/jsx-runtime");function P(n){var p=n,{symbol:r="rdicon-default",size:e="small",color:o="colorActionFillBrandPrimaryEnabled"}=p,t=S(p,["symbol","size","color"]);let c=r.replace("rdicon","").trim();return(0,G.jsx)("i",i(a({},t),{title:c,className:r,style:{fontSize:B[e],color:K(o)}}))}var Y=m({base:`
flex items-center
`,variants:{type:{text:"",icon:"",highlight:"max-h-large min-h-large min-w-large max-w-large items-center justify-center rounded-pill bg-fill-neutral"}}});var y=require("react/jsx-runtime"),U=r=>{let{__scopeCardInformative:e}=r,{type:o,iconName:t,variants:n}=C(l,e),p={positive:"colorTextSuccessAlternative",informative:"colorTextInformativeAlternative",warning:"colorTextWarningAlternative",negative:"colorTextDangerAlternative",neutral:"colorTextNeutralAlternative"},c=(0,q.useCallback)(()=>p[n],[n]);return(0,y.jsx)("div",i(a({},r),{className:Y({type:o}),children:(0,y.jsx)(P,{symbol:t,size:"small",color:c()})}))};var d=require("react/jsx-runtime"),l="CardInformative",W=r=>{let{children:e,type:o,variants:t,iconName:n,__scopeCardInformative:p}=r;return(0,d.jsx)(ar,i(a({},{type:o,variants:t,iconName:n,scope:p}),{children:(0,d.jsxs)("div",i(a({},r),{className:b({variants:t,type:o}),children:[o!=="text"&&(0,d.jsx)(U,{}),e]}))}))};W.displayName=l;var[nr]=(0,F.createContextScope)(l),[ar,C]=nr(l),H={Root:W,Content:D,Title:I,Description:k};0&&(module.exports={CardInformative});
//# sourceMappingURL=index.cjs.map