UNPKG

@nextui-org/theme

Version:

The default theme for NextUI components

485 lines (482 loc) • 8.51 kB
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 };