@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.
130 lines (127 loc) • 4.59 kB
TypeScript
import * as React$1 from 'react';
import * as tailwind_variants from 'tailwind-variants';
import { VariantProps } from 'tailwind-variants';
import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
type Steps = 1 | 2 | 3 | 4 | 5 | 6 | 7;
type StepperProps = React.ComponentPropsWithoutRef<'div'> & VariantProps<typeof stepperStyles> & {
/**
* Representa o progresso dos Steps
*/
steps: Steps;
/**
* Representa o passo atual
*/
completed?: number;
/**
* Texto que será exibido acima do Stepper
*/
label?: boolean;
};
declare const stepperStyles: tailwind_variants.TVReturnType<{
size: {
nano: string;
pico: string;
};
}, undefined, "\n flex min-h-8 w-full max-w-[1280px] min-w-80 flex-col overflow-hidden p-none\n font-semibold bg-[var(--color-fill-neutral-default)] border-[var(--color-none)]\n py-2 px-4 rounded-[var(--border-radius-none)] text-text-neutral-placeholder\n text-threepulse leading-[150%] tracking-none\n ", {
responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
} | undefined;
} & tailwind_variants_dist_config_js.TWMConfig & {
twMerge: true;
twMergeConfig: {
extend: {
classGroups: {
'font-size': {
text: string[];
}[];
'border-width': {
border: string[];
}[];
'--tw-ring-inset': {
ring: string[];
}[];
};
};
};
}, {
size: {
nano: string;
pico: string;
};
}, undefined, tailwind_variants.TVReturnType<{
size: {
nano: string;
pico: string;
};
}, undefined, "\n flex min-h-8 w-full max-w-[1280px] min-w-80 flex-col overflow-hidden p-none\n font-semibold bg-[var(--color-fill-neutral-default)] border-[var(--color-none)]\n py-2 px-4 rounded-[var(--border-radius-none)] text-text-neutral-placeholder\n text-threepulse leading-[150%] tracking-none\n ", tailwind_variants_dist_config_js.TVConfig<{
size: {
nano: string;
pico: string;
};
}, {
size: {
nano: string;
pico: string;
};
}>, unknown, unknown, undefined>>;
declare const Stepper: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
size: {
nano: string;
pico: string;
};
}, undefined, "\n flex min-h-8 w-full max-w-[1280px] min-w-80 flex-col overflow-hidden p-none\n font-semibold bg-[var(--color-fill-neutral-default)] border-[var(--color-none)]\n py-2 px-4 rounded-[var(--border-radius-none)] text-text-neutral-placeholder\n text-threepulse leading-[150%] tracking-none\n ", {
responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
size?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
} | undefined;
} & tailwind_variants_dist_config_js.TWMConfig & {
twMerge: true;
twMergeConfig: {
extend: {
classGroups: {
'font-size': {
text: string[];
}[];
'border-width': {
border: string[];
}[];
'--tw-ring-inset': {
ring: string[];
}[];
};
};
};
}, {
size: {
nano: string;
pico: string;
};
}, undefined, tailwind_variants.TVReturnType<{
size: {
nano: string;
pico: string;
};
}, undefined, "\n flex min-h-8 w-full max-w-[1280px] min-w-80 flex-col overflow-hidden p-none\n font-semibold bg-[var(--color-fill-neutral-default)] border-[var(--color-none)]\n py-2 px-4 rounded-[var(--border-radius-none)] text-text-neutral-placeholder\n text-threepulse leading-[150%] tracking-none\n ", tailwind_variants_dist_config_js.TVConfig<{
size: {
nano: string;
pico: string;
};
}, {
size: {
nano: string;
pico: string;
};
}>, unknown, unknown, undefined>>> & {
/**
* Representa o progresso dos Steps
*/
steps: Steps;
/**
* Representa o passo atual
*/
completed?: number;
/**
* Texto que será exibido acima do Stepper
*/
label?: boolean;
} & React$1.RefAttributes<HTMLDivElement>>;
export { Stepper, type StepperProps };