@undp/design-system-react/dist/Badge.cjs.map

React based design system for UNDP

{"version":3,"file":"Badge.cjs","names":[],"sources":["../src/components/ui/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst badgeVariants = cva(\n  'inline-flex items-center border-1 px-2.5 py-0.5 font-normal transition-colors focus:outline-hidden',\n  {\n    variants: {\n      variant: {\n        'surface-sm': 'border-transparent bg-surface-sm text-content-primary',\n        surface: 'border-transparent bg-surface-md text-content-primary',\n        'surface-xl': 'border-transparent bg-surface-xl text-content-reverse',\n        primary: 'border-transparent bg-primary-light text-content-primary',\n        secondary: 'border-transparent bg-secondary-light text-content-primary',\n        tertiary: 'border-transparent bg-tertiary-light text-content-primary',\n        quaternary: 'border-transparent bg-quaternary-light text-content-primary',\n        warning: 'border-transparent bg-warning-light text-content-primary',\n        success: 'border-transparent bg-success-light text-content-primary',\n        error: 'border-transparent bg-error-light text-content-primary',\n        info: 'border-transparent bg-info-light text-content-primary',\n        outline: 'border-stroke text-content-secondary',\n      },\n      rounded: {\n        base: 'rounded',\n        sm: 'rounded-sm',\n        md: 'rounded-md',\n        lg: 'rounded-lg',\n        xl: 'rounded-xl',\n        '2xl': 'rounded-2xl',\n        full: 'rounded-full',\n      },\n      size: {\n        base: 'text-base',\n        sm: 'text-sm',\n        xs: 'text-xs',\n        lg: 'text-lg',\n        xl: 'text-xl',\n      },\n    },\n    defaultVariants: {\n      variant: 'surface-sm',\n      size: 'base',\n      rounded: 'full',\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  rounded,\n  variant,\n  size,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof badgeVariants>) {\n  return <div {...props} className={cn(badgeVariants({ variant, rounded, size }), className)} />;\n}\n\nexport { Badge };\n"],"mappings":"+KAKA,IAAM,EAAgB,EAAA,EACpB,qGACA,CACE,SAAU,CACR,QAAS,CACP,aAAc,wDACd,QAAS,wDACT,aAAc,wDACd,QAAS,2DACT,UAAW,6DACX,SAAU,4DACV,WAAY,8DACZ,QAAS,2DACT,QAAS,2DACT,MAAO,yDACP,KAAM,wDACN,QAAS,sCACX,EACA,QAAS,CACP,KAAM,UACN,GAAI,aACJ,GAAI,aACJ,GAAI,aACJ,GAAI,aACJ,MAAO,cACP,KAAM,cACR,EACA,KAAM,CACJ,KAAM,YACN,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,SACN,CACF,EACA,gBAAiB,CACf,QAAS,aACT,KAAM,OACN,QAAS,MACX,CACF,CACF,EAEA,SAAS,EAAM,CACb,YACA,UACA,UACA,OACA,GAAG,GACyE,CAC5E,OAAO,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,EAAO,UAAW,EAAA,EAAG,EAAc,CAAE,UAAS,UAAS,MAAK,CAAC,EAAG,CAAS,CAAI,CAAA,CAC/F"}