485 lines
8.3 KiB
Plaintext
485 lines
8.3 KiB
Plaintext
import * as tailwind_variants from 'tailwind-variants';
|
|
import { VariantProps } from 'tailwind-variants';
|
|
import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
|
|
|
|
/**
|
|
* Badge wrapper **Tailwind Variants** component
|
|
*
|
|
* const {base, badge} = badge({...})
|
|
*
|
|
* @example
|
|
* <div className={base())}>
|
|
* // children
|
|
* <span className={badge()}>5+</span>
|
|
* </div>
|
|
*/
|
|
declare const badge: tailwind_variants.TVReturnType<{
|
|
variant: {
|
|
solid: {};
|
|
flat: {};
|
|
faded: {
|
|
badge: string;
|
|
};
|
|
shadow: {};
|
|
};
|
|
color: {
|
|
default: {};
|
|
primary: {};
|
|
secondary: {};
|
|
success: {};
|
|
warning: {};
|
|
danger: {};
|
|
};
|
|
size: {
|
|
sm: {
|
|
badge: string;
|
|
};
|
|
md: {
|
|
badge: string;
|
|
};
|
|
lg: {
|
|
badge: string;
|
|
};
|
|
};
|
|
placement: {
|
|
"top-right": {};
|
|
"top-left": {};
|
|
"bottom-right": {};
|
|
"bottom-left": {};
|
|
};
|
|
shape: {
|
|
circle: {};
|
|
rectangle: {};
|
|
};
|
|
isInvisible: {
|
|
true: {};
|
|
};
|
|
isOneChar: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
};
|
|
isDot: {
|
|
true: {};
|
|
};
|
|
disableAnimation: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
false: {
|
|
badge: string;
|
|
};
|
|
};
|
|
showOutline: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
false: {
|
|
badge: string;
|
|
};
|
|
};
|
|
}, {
|
|
base: string[];
|
|
badge: string[];
|
|
}, undefined, tailwind_variants_dist_config.TVConfig<{
|
|
variant: {
|
|
solid: {};
|
|
flat: {};
|
|
faded: {
|
|
badge: string;
|
|
};
|
|
shadow: {};
|
|
};
|
|
color: {
|
|
default: {};
|
|
primary: {};
|
|
secondary: {};
|
|
success: {};
|
|
warning: {};
|
|
danger: {};
|
|
};
|
|
size: {
|
|
sm: {
|
|
badge: string;
|
|
};
|
|
md: {
|
|
badge: string;
|
|
};
|
|
lg: {
|
|
badge: string;
|
|
};
|
|
};
|
|
placement: {
|
|
"top-right": {};
|
|
"top-left": {};
|
|
"bottom-right": {};
|
|
"bottom-left": {};
|
|
};
|
|
shape: {
|
|
circle: {};
|
|
rectangle: {};
|
|
};
|
|
isInvisible: {
|
|
true: {};
|
|
};
|
|
isOneChar: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
};
|
|
isDot: {
|
|
true: {};
|
|
};
|
|
disableAnimation: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
false: {
|
|
badge: string;
|
|
};
|
|
};
|
|
showOutline: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
false: {
|
|
badge: string;
|
|
};
|
|
};
|
|
}, {
|
|
variant: {
|
|
solid: {};
|
|
flat: {};
|
|
faded: {
|
|
badge: string;
|
|
};
|
|
shadow: {};
|
|
};
|
|
color: {
|
|
default: {};
|
|
primary: {};
|
|
secondary: {};
|
|
success: {};
|
|
warning: {};
|
|
danger: {};
|
|
};
|
|
size: {
|
|
sm: {
|
|
badge: string;
|
|
};
|
|
md: {
|
|
badge: string;
|
|
};
|
|
lg: {
|
|
badge: string;
|
|
};
|
|
};
|
|
placement: {
|
|
"top-right": {};
|
|
"top-left": {};
|
|
"bottom-right": {};
|
|
"bottom-left": {};
|
|
};
|
|
shape: {
|
|
circle: {};
|
|
rectangle: {};
|
|
};
|
|
isInvisible: {
|
|
true: {};
|
|
};
|
|
isOneChar: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
};
|
|
isDot: {
|
|
true: {};
|
|
};
|
|
disableAnimation: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
false: {
|
|
badge: string;
|
|
};
|
|
};
|
|
showOutline: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
false: {
|
|
badge: string;
|
|
};
|
|
};
|
|
}>, {
|
|
variant: {
|
|
solid: {};
|
|
flat: {};
|
|
faded: {
|
|
badge: string;
|
|
};
|
|
shadow: {};
|
|
};
|
|
color: {
|
|
default: {};
|
|
primary: {};
|
|
secondary: {};
|
|
success: {};
|
|
warning: {};
|
|
danger: {};
|
|
};
|
|
size: {
|
|
sm: {
|
|
badge: string;
|
|
};
|
|
md: {
|
|
badge: string;
|
|
};
|
|
lg: {
|
|
badge: string;
|
|
};
|
|
};
|
|
placement: {
|
|
"top-right": {};
|
|
"top-left": {};
|
|
"bottom-right": {};
|
|
"bottom-left": {};
|
|
};
|
|
shape: {
|
|
circle: {};
|
|
rectangle: {};
|
|
};
|
|
isInvisible: {
|
|
true: {};
|
|
};
|
|
isOneChar: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
};
|
|
isDot: {
|
|
true: {};
|
|
};
|
|
disableAnimation: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
false: {
|
|
badge: string;
|
|
};
|
|
};
|
|
showOutline: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
false: {
|
|
badge: string;
|
|
};
|
|
};
|
|
}, {
|
|
base: string[];
|
|
badge: string[];
|
|
}, tailwind_variants.TVReturnType<{
|
|
variant: {
|
|
solid: {};
|
|
flat: {};
|
|
faded: {
|
|
badge: string;
|
|
};
|
|
shadow: {};
|
|
};
|
|
color: {
|
|
default: {};
|
|
primary: {};
|
|
secondary: {};
|
|
success: {};
|
|
warning: {};
|
|
danger: {};
|
|
};
|
|
size: {
|
|
sm: {
|
|
badge: string;
|
|
};
|
|
md: {
|
|
badge: string;
|
|
};
|
|
lg: {
|
|
badge: string;
|
|
};
|
|
};
|
|
placement: {
|
|
"top-right": {};
|
|
"top-left": {};
|
|
"bottom-right": {};
|
|
"bottom-left": {};
|
|
};
|
|
shape: {
|
|
circle: {};
|
|
rectangle: {};
|
|
};
|
|
isInvisible: {
|
|
true: {};
|
|
};
|
|
isOneChar: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
};
|
|
isDot: {
|
|
true: {};
|
|
};
|
|
disableAnimation: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
false: {
|
|
badge: string;
|
|
};
|
|
};
|
|
showOutline: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
false: {
|
|
badge: string;
|
|
};
|
|
};
|
|
}, {
|
|
base: string[];
|
|
badge: string[];
|
|
}, undefined, tailwind_variants_dist_config.TVConfig<{
|
|
variant: {
|
|
solid: {};
|
|
flat: {};
|
|
faded: {
|
|
badge: string;
|
|
};
|
|
shadow: {};
|
|
};
|
|
color: {
|
|
default: {};
|
|
primary: {};
|
|
secondary: {};
|
|
success: {};
|
|
warning: {};
|
|
danger: {};
|
|
};
|
|
size: {
|
|
sm: {
|
|
badge: string;
|
|
};
|
|
md: {
|
|
badge: string;
|
|
};
|
|
lg: {
|
|
badge: string;
|
|
};
|
|
};
|
|
placement: {
|
|
"top-right": {};
|
|
"top-left": {};
|
|
"bottom-right": {};
|
|
"bottom-left": {};
|
|
};
|
|
shape: {
|
|
circle: {};
|
|
rectangle: {};
|
|
};
|
|
isInvisible: {
|
|
true: {};
|
|
};
|
|
isOneChar: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
};
|
|
isDot: {
|
|
true: {};
|
|
};
|
|
disableAnimation: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
false: {
|
|
badge: string;
|
|
};
|
|
};
|
|
showOutline: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
false: {
|
|
badge: string;
|
|
};
|
|
};
|
|
}, {
|
|
variant: {
|
|
solid: {};
|
|
flat: {};
|
|
faded: {
|
|
badge: string;
|
|
};
|
|
shadow: {};
|
|
};
|
|
color: {
|
|
default: {};
|
|
primary: {};
|
|
secondary: {};
|
|
success: {};
|
|
warning: {};
|
|
danger: {};
|
|
};
|
|
size: {
|
|
sm: {
|
|
badge: string;
|
|
};
|
|
md: {
|
|
badge: string;
|
|
};
|
|
lg: {
|
|
badge: string;
|
|
};
|
|
};
|
|
placement: {
|
|
"top-right": {};
|
|
"top-left": {};
|
|
"bottom-right": {};
|
|
"bottom-left": {};
|
|
};
|
|
shape: {
|
|
circle: {};
|
|
rectangle: {};
|
|
};
|
|
isInvisible: {
|
|
true: {};
|
|
};
|
|
isOneChar: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
};
|
|
isDot: {
|
|
true: {};
|
|
};
|
|
disableAnimation: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
false: {
|
|
badge: string;
|
|
};
|
|
};
|
|
showOutline: {
|
|
true: {
|
|
badge: string;
|
|
};
|
|
false: {
|
|
badge: string;
|
|
};
|
|
};
|
|
}>, unknown, unknown, undefined>>;
|
|
type BadgeVariantProps = VariantProps<typeof badge>;
|
|
type BadgeSlots = keyof ReturnType<typeof badge>;
|
|
|
|
export { BadgeSlots, BadgeVariantProps, badge };
|