@payfit/unity-components
Version:
252 lines (251 loc) • 8.04 kB
TypeScript
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 {};