UNPKG

@undp/design-system-react

Version:

React based design system for UNDP

1 lines 2.65 kB
{"version":3,"file":"Marker.cjs","names":[],"sources":["../src/components/ui/marker.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport type * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst markerVariants = cva(\n \"group/marker relative flex min-h-4 w-full items-center gap-2 text-left text-sm text-content-tertiary [&_svg:not([class*='size-'])]:size-4 [a]:underline [a]:underline-offset-3 [a]:hover:text-foreground\",\n {\n variants: {\n variant: {\n default: '',\n separator:\n 'before:mr-1 before:h-px before:min-w-0 before:flex-1 before:bg-stroke after:ml-1 after:h-px after:min-w-0 after:flex-1 after:bg-stroke',\n border: 'border-b border-stroke pb-2',\n },\n },\n },\n);\n\nfunction Marker({\n className,\n variant = 'default',\n asChild = false,\n ...props\n}: React.ComponentProps<'div'> &\n VariantProps<typeof markerVariants> & {\n asChild?: boolean;\n }) {\n const Comp = asChild ? Slot.Root : 'div';\n\n return (\n <Comp\n data-slot='marker'\n data-variant={variant}\n className={cn(markerVariants({ variant, className }))}\n {...props}\n />\n );\n}\n\nfunction MarkerIcon({ className, ...props }: React.ComponentProps<'span'>) {\n return (\n <span\n data-slot='marker-icon'\n aria-hidden='true'\n className={cn(\"size-4 shrink-0 [&_svg:not([class*='size-'])]:size-4\", className)}\n {...props}\n />\n );\n}\n\nfunction MarkerContent({ className, ...props }: React.ComponentProps<'span'>) {\n return (\n <span\n data-slot='marker-content'\n className={cn(\n 'wrap-break-word min-w-0 group-data-[variant=separator]/marker:flex-none group-data-[variant=separator]/marker:text-center *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground',\n className,\n )}\n {...props}\n />\n );\n}\n\nexport { Marker, MarkerContent, MarkerIcon, markerVariants };\n"],"mappings":"gNAMA,IAAM,EAAiB,EAAA,EACrB,2MACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,GACT,UACE,yIACF,OAAQ,6BACV,CACF,CACF,CACF,EAEA,SAAS,EAAO,CACd,YACA,UAAU,UACV,UAAU,GACV,GAAG,GAIA,CAGH,OACE,EAAA,EAAA,IAAA,CAHW,EAAA,EAAA,EAAsB,MAGjC,CACE,YAAU,SACV,eAAc,EACd,UAAW,EAAA,EAAG,EAAe,CAAE,UAAS,WAAU,CAAC,CAAC,EACpD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAuC,CACzE,OACE,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,YAAU,cACV,cAAY,OACZ,UAAW,EAAA,EAAG,uDAAwD,CAAS,EAC/E,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAc,CAAE,YAAW,GAAG,GAAuC,CAC5E,OACE,EAAA,EAAA,IAAA,CAAC,OAAD,CACE,YAAU,iBACV,UAAW,EAAA,EACT,iMACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}