UNPKG

@undp/design-system-react

Version:

React based design system for UNDP

1 lines 1.41 kB
{"version":3,"file":"Spacer.cjs","names":[],"sources":["../src/components/ui/spacer.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst spacerVariants = cva('h-0 w-full', {\n variants: {\n size: {\n xs: 'py-px',\n sm: 'py-[2px]',\n base: 'py-1',\n lg: 'py-1.5',\n xl: 'py-2',\n '2xl': 'py-3',\n '3xl': 'py-4',\n '4xl': 'py-5',\n '5xl': 'py-6',\n '6xl': 'py-8',\n '7xl': 'py-10',\n '8xl': 'py-12',\n '9xl': 'py-20',\n },\n },\n defaultVariants: { size: 'base' },\n});\n\nconst Spacer = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof spacerVariants>\n>(({ className, size, ...props }, ref) => {\n return <div {...props} className={cn(spacerVariants({ size }), className)} ref={ref} />;\n});\nSpacer.displayName = 'Spacer';\n\nexport { Spacer };\n"],"mappings":"8PAKA,IAAM,EAAiB,EAAA,EAAI,aAAc,CACvC,SAAU,CACR,KAAM,CACJ,GAAI,QACJ,GAAI,WACJ,KAAM,OACN,GAAI,SACJ,GAAI,OACJ,MAAO,OACP,MAAO,OACP,MAAO,OACP,MAAO,OACP,MAAO,OACP,MAAO,QACP,MAAO,QACP,MAAO,OACT,CACF,EACA,gBAAiB,CAAE,KAAM,MAAO,CAClC,CAAC,EAEK,EAAS,EAAA,QAAM,YAGlB,CAAE,YAAW,OAAM,GAAG,GAAS,KACzB,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,GAAI,EAAO,UAAW,EAAA,EAAG,EAAe,CAAE,MAAK,CAAC,EAAG,CAAS,EAAQ,KAAM,CAAA,CACvF,EACD,EAAO,YAAc"}