@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 • 3.49 kB
JavaScript
import{a as x}from"./chunk-BTPM7Y3Y.js";import{a as B}from"./chunk-2MB3Y6WI.js";import{a as y}from"./chunk-DQ6V5CGR.js";import{a as l,b as s,c as d}from"./chunk-DDCCLFYC.js";import{forwardRef as z}from"react";import{createContextScope as N}from"@radix-ui/react-context";var P=B({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"}});import{jsx as T}from"react/jsx-runtime";function p(t){let u=t,{__scopeButton:i}=u,r=d(u,["__scopeButton"]),{variant:o,size:n,disabled:e}=c("ButtonIcon",i),a={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},b={md:"extra-small",ml:"small",lg:"small",xl:"small"};return T(y,s(l({},r),{color:e?"colorTextNeutralDisabled":a[o],size:b[n]}))}import{jsx as C}from"react/jsx-runtime";function v(t){let e=t,{__scopeButton:i}=e,r=d(e,["__scopeButton"]),{variant:o}=c("ButtonRefresh",i),n={"brand-primary":"white","neutral-secondary":"neutral","neutral-tertiary":"black"};return C(x,s(l({},r),{color:n[o]}))}import g from"react";function h(t){return g.Children.count(t)===1&&g.isValidElement(t)?t.type===p:!1}import{jsx as m}from"react/jsx-runtime";var f="Button",I=z((t,i)=>{let{children:r,variant:o="brand-primary",size:n="ml",loading:e=!1,disabled:a=!1,full:b,className:u,__scopeButton:R}=t,S=e||a;return m(V,{scope:R,variant:o,size:n,disabled:a,children:m("button",s(l({},t),{ref:i,className:P({variant:o,size:n,disabled:a,full:b,className:u,asIconOnly:h(r)}),disabled:S,"aria-disabled":a,children:e?m(v,{}):r}))})});I.displayName=f;var[w]=N(f),[V,c]=w(f),_={Root:I,Icon:p};export{_ as a};
//# sourceMappingURL=chunk-3E7C3ACH.js.map