@rdsaude/pulso-react-components/dist/components/button/index.cjs

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.

"use strict";var Q=Object.create;var d=Object.defineProperty,W=Object.defineProperties,X=Object.getOwnPropertyDescriptor,Z=Object.getOwnPropertyDescriptors,$=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,j=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var S=(e,t,r)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,i=(e,t)=>{for(var r in t||(t={}))P.call(t,r)&&S(e,r,t[r]);if(f)for(var r of f(t))C.call(t,r)&&S(e,r,t[r]);return e},c=(e,t)=>W(e,Z(t));var p=(e,t)=>{var r={};for(var o in e)P.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&f)for(var o of f(e))t.indexOf(o)<0&&C.call(e,o)&&(r[o]=e[o]);return r};var ee=(e,t)=>{for(var r in t)d(e,r,{get:t[r],enumerable:!0})},N=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of $(t))!P.call(e,n)&&n!==r&&d(e,n,{get:()=>t[n],enumerable:!(o=X(t,n))||o.enumerable});return e};var te=(e,t,r)=>(r=e!=null?Q(j(e)):{},N(t||!e||!e.__esModule?d(r,"default",{value:e,enumerable:!0}):r,e)),re=e=>N(d({},"__esModule",{value:!0}),e);var se={};ee(se,{Button:()=>U});module.exports=re(se);var G=require("react"),F=require("@radix-ui/react-context");var z=require("tailwind-variants"),E=(0,z.createTV)({twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var _=E({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 s=require("@raiadrogasil/pulso-design-tokens"),w=require("react");var g=require("react"),oe=require("react/jsx-runtime"),k=(0,g.createContext)({});function b(){let{currentTheme:e}=(0,w.useContext)(k);return i(i({},{rdsaudesistemas:s.RDSAUDESISTEMAS_TOKENS,drogasil:s.DROGASIL_TOKENS,raia:s.RAIA_TOKENS,subscription:s.SUBSCRIPTION_TOKENS,prime:s.PRIME_TOKENS}[e]),s.GLOBALS_TOKENS)}function O(e){let t=b();return Object.keys(t).reduce((n,a)=>{if(a.includes("color")){let l=a;n[l]=t[l]}return n},{})[e]}var V={tiny:"var(--sizing-tiny)","extra-small":"var(--sizing-extrasmall)",small:"var(--sizing-small)",medium:"var(--sizing-medium)"};var D=require("react/jsx-runtime");function v(n){var a=n,{symbol:e="rdicon-default",size:t="small",color:r="colorActionFillBrandPrimaryEnabled"}=a,o=p(a,["symbol","size","color"]);let l=e.replace("rdicon","").trim();return(0,D.jsx)("i",c(i({},o),{title:l,className:e,style:{fontSize:V[t],color:O(r)}}))}var A=require("react/jsx-runtime");function y(e){let m=e,{__scopeButton:t}=m,r=p(m,["__scopeButton"]),{variant:o,size:n,disabled:a}=x("ButtonIcon",t),l={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},T={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,A.jsx)(v,c(i({},r),{color:a?"colorTextNeutralDisabled":l[o],size:T[n]}))}function M(e){let t=b();return{brand:t.colorActionFillBrandPrimaryEnabled,neutral:t.colorTextNeutralReadonly,black:t.colorTextNeutralDefault,white:t.colorTextNeutralInverse}[e]}var u=require("react/jsx-runtime");function B({color:e="brand",srText:t}){return(0,u.jsx)("div",{role:"status",className:"grid size-eightpulse place-items-center","aria-label":t,children:(0,u.jsxs)("svg",{className:"size-sixpulse animate-spin fill-none",viewBox:"0 0 24 24",children:[(0,u.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:M(e)}),(0,u.jsx)("title",{children:t})]})})}var K=require("react/jsx-runtime");function L(e){let a=e,{__scopeButton:t}=a,r=p(a,["__scopeButton"]),{variant:o}=x("ButtonRefresh",t),n={"brand-primary":"white","neutral-secondary":"neutral","neutral-tertiary":"black"};return(0,K.jsx)(B,c(i({},r),{color:n[o]}))}var I=te(require("react"),1);function q(e){return I.default.Children.count(e)===1&&I.default.isValidElement(e)?e.type===y:!1}var h=require("react/jsx-runtime"),R="Button",H=(0,G.forwardRef)((e,t)=>{let{children:r,variant:o="brand-primary",size:n="ml",loading:a=!1,disabled:l=!1,full:T,className:m,__scopeButton:Y}=e,J=a||l;return(0,h.jsx)(ae,{scope:Y,variant:o,size:n,disabled:l,children:(0,h.jsx)("button",c(i({},e),{ref:t,className:_({variant:o,size:n,disabled:l,full:T,className:m,asIconOnly:q(r)}),disabled:J,"aria-disabled":l,children:a?(0,h.jsx)(L,{}):r}))})});H.displayName=R;var[ne]=(0,F.createContextScope)(R),[ae,x]=ne(R),U={Root:H,Icon:y};0&&(module.exports={Button});
//# sourceMappingURL=index.cjs.map