@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.
2 lines • 4.26 kB
JavaScript
import{a as h}from"./chunk-GYY67DTD.js";import{a as I}from"./chunk-WIIOJEAM.js";import{a as x}from"./chunk-JOWCR2VE.js";import{a as y}from"./chunk-F3QZNV6U.js";import{a as d,b as v,c as f,d as C,f as g}from"./chunk-VXGPURSP.js";var p={};C(p,{Icon:()=>a,Root:()=>u});import*as o from"react";import{ark as T}from"@ark-ui/react/factory";import{jsx as k}from"react/jsx-runtime";function a({variant:r,size:l,disabled:t,symbol:n}){let e={md:"extra-small",ml:"small",lg:"small",xl:"small"},i=t?"colorTextNeutralDisabled":{"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"}[r],s=e[l];return k(y,{color:i,size:s,symbol:n})}a.displayName="ButtonIcon";var O=g({slots:{root:["inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap","gap-x-[var(--spacing-inline-twopulse)] rounded-full","outline-[var(--color-action-border-focused)] outline-offset-2","font-bold font-sans tracking-[var(--letter-spacing-default)]","focus-visible:outline-2","disabled:cursor-not-allowed disabled:text-[var(--color-text-neutral-disabled)]"]},variants:{variant:{"brand-primary":{root:["bg-[var(--color-action-fill-brand-primary-enabled)]","text-[var(--color-text-neutral-inverse)]","enabled:hover:bg-[var(--color-action-fill-brand-primary-hovered)]","active:bg-[var(--color-action-fill-brand-primary-pressed)]","disabled:bg-[var(--color-action-fill-brand-primary-disabled)]"]},"neutral-secondary":{root:["ring-[var(--color-action-border-neutral-secondary-enabled)]","ring-[length:var(--border-width-quarterpulse)]","bg-[var(--color-action-fill-neutral-secondary-enabled)]","text-[var(--color-text-neutral-default)]","enabled:hover:ring-[var(--color-action-border-neutral-secondary-hovered)]","enabled:hover:bg-[var(--color-action-fill-neutral-secondary-hovered)]","active:ring-[var(--color-action-border-neutral-secondary-pressed)]","active:bg-[var(--color-action-fill-neutral-secondary-pressed)]","disabled:ring-[var(--color-action-border-neutral-secondary-disabled)]","disabled:bg-[var(--color-action-fill-neutral-secondary-disabled)]"]},"neutral-tertiary":{root:["ring-[var(--color-action-border-neutral-tertiary-enabled)]","ring-[length:var(--border-width-quarterpulse)]","bg-[var(--color-action-fill-neutral-tertiary-enabled)]","enabled:hover:ring-[var(--color-action-border-neutral-tertiary-hovered)]","enabled:hover:bg-[var(--color-action-fill-neutral-tertiary-hovered)]","active:ring-[var(--color-action-border-neutral-tertiary-pressed)]","active:bg-[var(--color-action-fill-neutral-tertiary-pressed)]","disabled:ring-[var(--color-action-border-neutral-tertiary-disabled)]","disabled:bg-[var(--color-action-fill-neutral-tertiary-disabled)]"]}},size:{md:{root:["h-[var(--sizing-medium)] min-w-8 px-[var(--padding-inset-fourpulse)]","text-[length:var(--font-size-threepulse)]","leading-[var(--line-height-medium)]"]},ml:{root:["h-[var(--sizing-mediumlarge)] min-w-10 px-[var(--padding-inset-fourpulse)]"]},lg:{root:["h-[var(--sizing-large)] min-w-12 px-[var(--padding-inset-fivepulse)]"]},xl:{root:["h-[var(--sizing-extralarge)] min-h-14 px-[var(--padding-inset-sixpulse)]"]}},asIconOnly:{true:{root:"aspect-square px-0"}}},compoundVariants:[{size:["ml","lg"],class:{root:["text-[length:var(--font-size-threeandhalfpulse)]","leading-[var(--line-height-small)]"]}}],defaultVariants:{variant:"brand-primary",size:"ml",asIconOnly:!1}}),{root:B}=O();import{jsx as P}from"react/jsx-runtime";function u(V){var m=V,{children:r,className:l,variant:t="brand-primary",size:n,disabled:e,loading:b,asChild:i,full:s}=m,R=f(m,["children","className","variant","size","disabled","loading","asChild","full"]);let z=h(r,{targets:["ButtonIcon"],props:{variant:t,size:n,disabled:e},asChild:i}),c=!e&&b,S={"brand-primary":"white","neutral-secondary":"black","neutral-tertiary":"black"},w={"aria-live":"polite","aria-busy":!0},N=o.useCallback(()=>o.Children.count(r)===1&&o.isValidElement(r)?r.type===a:!1,[r]);return P(T.button,v(d(d({},R),c&&w),{className:x(B({variant:t,size:n,asIconOnly:N(),className:c&&"pointer-events-none"}),s&&"w-full",l),disabled:e,"data-scope":"button",children:c?P(I,{color:S[t]}):z}))}u.displayName="ButtonRoot";export{p as a};
//# sourceMappingURL=chunk-O66FWGAF.js.map