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.

7 lines 12.3 kB
"use strict";var Ie=Object.create;var T=Object.defineProperty,Se=Object.defineProperties,Ne=Object.getOwnPropertyDescriptor,we=Object.getOwnPropertyDescriptors,Ee=Object.getOwnPropertyNames,B=Object.getOwnPropertySymbols,ze=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var Q=(e,t,o)=>t in e?T(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,l=(e,t)=>{for(var o in t||(t={}))z.call(t,o)&&Q(e,o,t[o]);if(B)for(var o of B(t))W.call(t,o)&&Q(e,o,t[o]);return e},i=(e,t)=>Se(e,we(t));var p=(e,t)=>{var o={};for(var r in e)z.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&B)for(var r of B(e))t.indexOf(r)<0&&W.call(e,r)&&(o[r]=e[r]);return o};var Fe=(e,t)=>{for(var o in t)T(e,o,{get:t[o],enumerable:!0})},X=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Ee(t))!z.call(e,n)&&n!==o&&T(e,n,{get:()=>t[n],enumerable:!(r=Ne(t,n))||r.enumerable});return e};var F=(e,t,o)=>(o=e!=null?Ie(ze(e)):{},X(t||!e||!e.__esModule?T(o,"default",{value:e,enumerable:!0}):o,e)),Ve=e=>X(T({},"__esModule",{value:!0}),e);var Ae={};Fe(Ae,{Modal:()=>Be});module.exports=Ve(Ae);var ge=require("@radix-ui/react-context"),s=F(require("react"),1);var Z=require("react/jsx-runtime");function V(r){var n=r,{children:e,id:t}=n,o=p(n,["children","id"]);return(0,Z.jsx)("div",i(l({},o),{"data-testid":t,className:"border-[#e6e6e6] border-t-none border-r-quarterpulse border-b-none border-l-quarterpulse bg-[#FFF] pt-fourpulse pr-fourpulse pb-fourpulse pl-fourpulse",children:e}))}var de=require("react"),ue=require("@radix-ui/react-context");var $=require("tailwind-variants"),y=(0,$.createTV)({twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var j=y({base:` tracking inline-flex items-center justify-center gap-twopulse rounded-pill border-quarterpulse border-[transparent] font-bold font-rdmodern text-threeandhalfpulse truncate`,variants:{variant:{"brand-primary":`bg-action-fill-brand-primary-enabled text-text-neutral-inverse enabled:active:bg-action-fill-brand-primary-pressed enabled:hover:bg-action-fill-brand-primary-hovered`,"neutral-secondary":`border-action-border-neutral-secondary-enabled bg-action-fill-neutral-secondary-enabled text-text-neutral enabled:active:border-action-border-neutral-secondary-pressed enabled:active:bg-action-fill-neutral-secondary-pressed enabled:hover:bg-action-fill-neutral-secondary-hovered`,"neutral-tertiary":`border-action-border-neutral-tertiary-enabled bg-action-fill-neutral-tertiary-enabled text-text-neutral enabled:active:bg-action-fill-neutral-tertiary-pressed enabled:hover:bg-action-fill-neutral-tertiary-hovered`},size:{md:"h-medium min-w-medium px-fourpulse text-threepulse leading-medium",ml:"h-mediumlarge min-w-mediumlarge px-fourpulse leading-small",lg:"h-large min-w-large px-fivepulse leading-small",xl:"h-extralarge min-w-extralarge px-sixpulse leading-small"},disabled:{true:"cursor-not-allowed text-text-neutral-disabled outline-none",false:"outline-action-border-focused outline-offset-4 focus-visible:outline-1"},full:{true:"w-full"},asIconOnly:{true:"aspect-square px-none"}},compoundVariants:[{variant:"brand-primary",disabled:!0,class:"border-action-border-brand-primary-disabled bg-action-fill-brand-primary-disabled"},{variant:"neutral-secondary",disabled:!0,class:"border-action-border-neutral-secondary-disabled bg-action-fill-neutral-secondary-disabled"},{variant:"neutral-tertiary",disabled:!0,class:"border-action-fill-neutral-tertiary-disabled bg-action-fill-neutral-tertiary-enabled"}],defaultVariants:{variant:"brand-primary",size:"ml"}});var m=require("@raiadrogasil/pulso-design-tokens"),te=require("react");var H=require("react"),He=require("react/jsx-runtime"),ee=(0,H.createContext)({});function M(){let{currentTheme:e}=(0,te.useContext)(ee);return l(l({},{rdsaudesistemas:m.RDSAUDESISTEMAS_TOKENS,drogasil:m.DROGASIL_TOKENS,raia:m.RAIA_TOKENS,subscription:m.SUBSCRIPTION_TOKENS,prime:m.PRIME_TOKENS}[e]),m.GLOBALS_TOKENS)}function oe(e){let t=M();return Object.keys(t).reduce((n,d)=>{if(d.includes("color")){let u=d;n[u]=t[u]}return n},{})[e]}var re={tiny:"var(--sizing-tiny)","extra-small":"var(--sizing-extrasmall)",small:"var(--sizing-small)",medium:"var(--sizing-medium)"};var ne=require("react/jsx-runtime");function g(n){var d=n,{symbol:e="rdicon-default",size:t="small",color:o="colorActionFillBrandPrimaryEnabled"}=d,r=p(d,["symbol","size","color"]);let u=e.replace("rdicon","").trim();return(0,ne.jsx)("i",i(l({},r),{title:u,className:e,style:{fontSize:re[t],color:oe(o)}}))}var ae=require("react/jsx-runtime");function R(e){let b=e,{__scopeButton:t}=b,o=p(b,["__scopeButton"]),{variant:r,size:n,disabled:d}=C("ButtonIcon",t),u={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},c={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,ae.jsx)(g,i(l({},o),{color:d?"colorTextNeutralDisabled":u[r],size:c[n]}))}function le(e){let t=M();return{brand:t.colorActionFillBrandPrimaryEnabled,neutral:t.colorTextNeutralReadonly,black:t.colorTextNeutralDefault,white:t.colorTextNeutralInverse}[e]}var P=require("react/jsx-runtime");function k({color:e="brand",srText:t}){return(0,P.jsx)("div",{role:"status",className:"grid size-eightpulse place-items-center","aria-label":t,children:(0,P.jsxs)("svg",{className:"size-sixpulse animate-spin fill-none",viewBox:"0 0 24 24",children:[(0,P.jsx)("path",{fillRule:"evenodd",d:"M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0v2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12H0z",clipRule:"evenodd",fill:le(e)}),(0,P.jsx)("title",{children:t})]})})}var ie=require("react/jsx-runtime");function se(e){let d=e,{__scopeButton:t}=d,o=p(d,["__scopeButton"]),{variant:r}=C("ButtonRefresh",t),n={"brand-primary":"white","neutral-secondary":"neutral","neutral-tertiary":"black"};return(0,ie.jsx)(k,i(l({},o),{color:n[r]}))}var L=F(require("react"),1);function pe(e){return L.default.Children.count(e)===1&&L.default.isValidElement(e)?e.type===R:!1}var I=require("react/jsx-runtime"),O="Button",ce=(0,de.forwardRef)((e,t)=>{let{children:o,variant:r="brand-primary",size:n="ml",loading:d=!1,disabled:u=!1,full:c,className:b,__scopeButton:w}=e,E=d||u;return(0,I.jsx)(Le,{scope:w,variant:r,size:n,disabled:u,children:(0,I.jsx)("button",i(l({},e),{ref:t,className:j({variant:r,size:n,disabled:u,full:c,className:b,asIconOnly:pe(o)}),disabled:E,"aria-disabled":u,children:d?(0,I.jsx)(se,{}):o}))})});ce.displayName=O;var[ke]=(0,ue.createContextScope)(O),[Le,C]=ke(O),x={Root:ce,Icon:R};var _=require("react/jsx-runtime");function A(o){var r=o,{onClick:e}=r,t=p(r,["onClick"]);return(0,_.jsx)(x.Root,i(l({},t),{variant:"neutral-tertiary",size:"lg",onClick:e,"data-testid":t.id,children:(0,_.jsx)(x.Icon,{symbol:"rdicon-dismiss"})}))}var me=y({base:"line-clamp-5 pt-none pr-none pb-none pl-none text-left font-rdmodern font-regular text-text-neutral text-threeandhalfpulse leading-small tracking-tiny"});var fe=require("react/jsx-runtime");function D(o){var r=o,{children:e}=r,t=p(r,["children"]);return(0,fe.jsx)("span",i(l({},t),{"data-testid":t.id,className:me(),children:e}))}var q=F(require("react"),1);var h=require("react/jsx-runtime");function S(r){var n=r,{onClick:e,children:t}=n,o=p(n,["onClick","children"]);return(0,h.jsx)(x.Root,i(l({},o),{full:!0,variant:"brand-primary",size:"lg",onClick:e,"data-testid":o.id,children:t}))}function N(r){var n=r,{onClick:e,children:t}=n,o=p(n,["onClick","children"]);return(0,h.jsx)(x.Root,i(l({},o),{full:!0,variant:"neutral-secondary",size:"lg",onClick:e,"data-testid":o.id,children:t}))}function K(r){var n=r,{children:e,orientation:t="horizontal"}=n,o=p(n,["children","orientation"]);let d=q.default.Children.toArray(e).filter(c=>q.default.isValidElement(c)&&(c.type===S||c.type===N));t==="horizontal"?d.sort((c,b)=>c.type===N?-1:1):d.sort((c,b)=>c.type===S?-1:1);let u=()=>t==="horizontal"?"flex w-[100%] max-w-[720px] flex-row items-center justify-center ml-auto mr-auto gap-fourpulse bg-[transparent] pt-fourpulse pr-fourpulse pb-fourpulse pl-fourpulse":"flex w-[100%] max-w-[360px] flex-col items-center justify-center ml-auto mr-auto gap-fourpulse bg-[transparent] pt-fourpulse pr-fourpulse pb-fourpulse pl-fourpulse";return(0,h.jsx)("div",i(l({},o),{"data-testid":o.id,className:"rounded-tl-none rounded-tr-none rounded-br-mediumcontainer rounded-bl-mediumcontainer border-[#e6e6e6] border-t-none border-r-quarterpulse border-b-quarterpulse border-l-quarterpulse bg-[#FFF]",children:(0,h.jsx)("div",{className:u(),children:d==null?void 0:d.slice(0,2)})}))}var be=y({base:"min-w[100%] row flex h-[72px] max-h-[72px] min-h-[72px] items-center gap-twopulse rounded-tl-mediumcontainer rounded-tr-mediumcontainer rounded-br-none rounded-bl-none border-[#e6e6e6] border-t-quarterpulse border-r-quarterpulse border-b-none border-b-none border-l-quarterpulse bg-[#FFF] pt-fourpulse pb-twopulse pl-sixpulse"});var xe=require("react/jsx-runtime"),ye=({children:e})=>(0,xe.jsx)("div",{className:be(),children:e});var ve=require("react/jsx-runtime");function G(r){var n=r,{symbol:e,color:t}=n,o=p(n,["symbol","color"]);return(0,ve.jsx)(g,i(l({},o),{size:"small",symbol:e,color:t}))}var Pe=require("react/jsx-runtime");function U(r){var n=r,{children:e,id:t}=n,o=p(n,["children","id"]);return(0,Pe.jsx)("span",i(l({},o),{"data-testid":t,className:"line-clamp-1 font-bold font-rdmodern text-sixpulse text-text-neutral leading-tiny tracking-tiny",children:e}))}var Te=y({base:"relative bg-transparent [z-index:999]",variants:{variant:{sm:"h-auto min-w-[240px] max-w-[319px]",md:"h-auto min-w-[320px] max-w-[719px]",lg:"h-auto min-w-[720px] max-w-[1151px]",xl:"h-auto min-w-[1152px] max-w-[1920px]"}},defaultVariants:{variant:"sm"}});var f=require("react/jsx-runtime"),Y="Modal",he=(0,s.forwardRef)((e,t)=>{let J=e,{children:o,variant:r,visible:n,id:d,_scopeModal:u}=J,c=p(J,["children","variant","visible","id","_scopeModal"]),b=Te({variant:r}),w=s.default.Children.map(o,a=>{if(s.default.isValidElement(a)&&s.default.isValidElement(a)&&a.type===G)return s.default.cloneElement(a)}),E=s.default.Children.map(o,a=>{if(s.default.isValidElement(a)&&s.default.isValidElement(a)&&a.type===U)return s.default.cloneElement(a)}),Me=s.default.Children.map(o,a=>{if(s.default.isValidElement(a)&&s.default.isValidElement(a)&&a.type===A)return s.default.cloneElement(a)}),v=s.default.Children.map(o,a=>{if(s.default.isValidElement(a)&&s.default.isValidElement(a)&&a.type===D)return s.default.cloneElement(a)}),Re=s.default.Children.map(o,a=>{if(s.default.isValidElement(a)&&s.default.isValidElement(a)&&a.type===V)return s.default.cloneElement(a)}),Ce=s.default.Children.map(o,a=>{if(s.default.isValidElement(a)&&s.default.isValidElement(a)&&a.type===K)return s.default.cloneElement(a)});return n?(0,f.jsx)(_e,{scope:u,variant:r,visible:n,children:(0,f.jsxs)("div",{className:"flex h-[100%] w-[100%] items-center justify-center overflow-hidden",children:[(0,f.jsx)("div",{style:{backgroundColor:"rgba(66, 66, 66, 0.32)"},className:"absolute top-0 right-0 bottom-0 left-0 h-[100vh] w-[100vw] overflow-hidden"}),(0,f.jsxs)("div",i(l({},c),{ref:t,className:b,"data-testid":d,children:[(0,f.jsxs)(ye,{children:[w,E,(0,f.jsx)("div",{className:"ml-auto flex w-[80px] items-center justify-end bg-transparent",children:Me})]}),(0,f.jsx)("div",{"data-testid":"first-description-container",className:"w-[100%] rounded-none border-[#e6e6e6] border-r-quarterpulse border-l-quarterpulse bg-[#FFF] pt-twopulse pr-sixpulse pb-twopulse pl-sixpulse",children:v==null?void 0:v.slice(0,1)}),Re,(0,f.jsx)("div",{"data-testid":"second-description-container",className:"w-[100%] rounded-none border-[#e6e6e6] border-r-quarterpulse border-l-quarterpulse bg-[#FFF] pt-twopulse pr-sixpulse pb-twopulse pl-sixpulse",children:v==null?void 0:v.slice(1,2)}),Ce]}))]})}):null});he.displayName=Y;var[Oe]=(0,ge.createContextScope)(Y),[_e,lo]=Oe(Y),Be={Root:he,HeaderIcon:G,HeaderTitle:U,HeaderClosableButton:A,Description:D,Body:V,Footer:K,PrimaryButton:S,SecondaryButton:N};0&&(module.exports={Modal}); //# sourceMappingURL=index.cjs.map