UNPKG

@payfit/unity-components

Version:

252 lines (251 loc) 8.04 kB
import { VariantProps } from '@payfit/unity-themes'; declare const buttonBase: import('tailwind-variants').TVReturnType<{ isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined, string[], { isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined, import('tailwind-variants').TVReturnTypeLike<{ isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined>>; export declare const buttonFilled: import('tailwind-variants').TVReturnType<{ color: { primary: string[]; warning: string[]; danger: string[]; neutral: string[]; inverted: string[]; 'inverted.low': string[]; }; isDisabled: { true: "uy:disabled:bg-surface-neutral-disabled uy:disabled:text-content-neutral-disabled"; false: ""; }; isLoading: { true: "uy:data-[loading]:bg-surface-neutral-disabled uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; }, undefined, undefined, { isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined, import('tailwind-variants').TVReturnType<{ isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined, string[], { isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined, import('tailwind-variants').TVReturnTypeLike<{ isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined>>>; export declare const buttonOutlined: import('tailwind-variants').TVReturnType<{ color: { primary: string[]; inverted: string[]; }; isDisabled: { true: "uy:disabled:text-content-neutral-disabled uy:disabled:border-border-neutral-disabled uy:data-[disabled]:border-border-neutral-disabled"; false: ""; }; isLoading: { true: "uy:data-[loading]:text-content-neutral-disabled uy:data-[loading]:border-border-neutral-disabled"; }; }, undefined, "uy:border uy:border-solid uy:bg-transparent", { isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined, import('tailwind-variants').TVReturnType<{ isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined, string[], { isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined, import('tailwind-variants').TVReturnTypeLike<{ isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined>>>; export declare const buttonGhost: import('tailwind-variants').TVReturnType<{ color: { primary: string[]; warning: string[]; danger: string[]; neutral: string[]; 'neutral.lowest': string[]; inverted: string[]; }; isDisabled: { true: "uy:disabled:text-content-neutral-disabled uy:disabled:bg-transparent"; false: ""; }; isLoading: { true: "uy:data-[loading]:text-content-neutral-disabled uy:data-[loading]:bg-transparent"; false: ""; }; }, undefined, undefined, { isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined, import('tailwind-variants').TVReturnType<{ isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined, string[], { isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined, import('tailwind-variants').TVReturnTypeLike<{ isDisabled: { true: "uy:disabled:cursor-not-allowed"; false: ""; }; isLoading: { true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled"; false: ""; }; size: { default: "uy:w-auto uy:grow-0 uy:basis-auto"; full: "uy:grow-1 uy:w-full uy:basis-full"; }; }, undefined>>>; export type ButtonBase = VariantProps<typeof buttonBase>; export type ButtonFilled = VariantProps<typeof buttonFilled>; export type ButtonOutlined = VariantProps<typeof buttonOutlined>; export type ButtonGhost = VariantProps<typeof buttonGhost>; export {};