@payfit/unity-components
Version:
192 lines (191 loc) • 6.23 kB
TypeScript
import { VariantProps } from '@payfit/unity-themes';
declare const iconButtonBase: 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: "";
};
}, 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: "";
};
}, 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: "";
};
}, undefined>>;
export declare const iconButtonFilled: 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: "";
};
}, 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: "";
};
}, 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: "";
};
}, 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: "";
};
}, undefined>>>;
export declare const iconButtonOutlined: 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: "";
};
}, 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: "";
};
}, 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: "";
};
}, 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: "";
};
}, undefined>>>;
export declare const iconButtonGhost: 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: "";
};
}, 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: "";
};
}, 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: "";
};
}, 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: "";
};
}, undefined>>>;
export type IconButtonBase = VariantProps<typeof iconButtonBase>;
export type IconButtonFilled = VariantProps<typeof iconButtonFilled>;
export type IconButtonOutlined = VariantProps<typeof iconButtonOutlined>;
export type IconButtonGhost = VariantProps<typeof iconButtonGhost>;
export {};