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.

2 lines 4.74 kB
import{a as C}from"./chunk-GA6D3G6F.js";import{a as P}from"./chunk-JOWCR2VE.js";import{a as B,b as R}from"./chunk-ILR5LMQU.js";import{a as I}from"./chunk-UIRO4VLM.js";import{a as x}from"./chunk-V5IX4U5J.js";import{a as l,b as i,c as s,d as V}from"./chunk-UABQX4UA.js";var y={};V(y,{Icon:()=>m,IconDualColor:()=>b,Root:()=>p});import*as a from"react";import{ark as q}from"@ark-ui/react/factory";var A=x({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)]","text-[var(--color-text-neutral-default)]","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:z}=A();import{jsx as N}from"react/jsx-runtime";function p(F){var f=F,{children:o,className:n,variant:e="brand-primary",size:r,disabled:t,loading:v,asChild:c,full:u}=f,S=s(f,["children","className","variant","size","disabled","loading","asChild","full"]);let D=B(o,{targets:["ButtonIcon","ButtonIconDualColor"],props:{variant:e,size:r,disabled:t},asChild:c}),d=!t&&v,w={"brand-primary":"white","neutral-secondary":"black","neutral-tertiary":"black"},k={"aria-live":"polite","aria-busy":!0},O=a.useCallback(()=>{var g,h;if(a.Children.count(o)===1&&a.isValidElement(o)){let T=(h=(g=o.type)==null?void 0:g.displayName)!=null?h:"";return["ButtonIcon","ButtonIconDualColor"].includes(T)}return!1},[o]);return N(q.button,i(l(l({},S),d&&k),{className:P(z({variant:e,size:r,asIconOnly:O(),className:d&&"pointer-events-none"}),u&&"w-full",n),disabled:t,"data-scope":"button",children:d?N(C,{color:w[e]}):D}))}p.displayName="ButtonRoot";import{jsx as E}from"react/jsx-runtime";function m({variant:o,size:n,disabled:e,symbol:r}){let t={md:"extra-small",ml:"small",lg:"small",xl:"small"},c=e?"colorTextNeutralDisabled":{"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"}[o],u=t[n];return E(I,{color:c,size:u,symbol:r})}m.displayName="ButtonIcon";import{jsx as W}from"react/jsx-runtime";function b(e){var r=e,{size:o="ml"}=r,n=s(r,["size"]);let t={md:"extra-small",ml:"small",lg:"small",xl:"small"};return W(R.Root,i(l({},n),{size:t[o]}))}b.displayName="ButtonIconDualColor";export{y as a}; //# sourceMappingURL=chunk-7MIY4GHX.js.map