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

React based design system for UNDP

{"version":3,"file":"Textarea.cjs","names":[],"sources":["../src/components/ui/textarea.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst inputVariants = cva(\n  'flex w-full min-h-[60px] text-normal text-base bg-background text-content-primary p-2.5 text-base transition-colors file:border-0 file:bg-transparent file:font-medium file:text-content-primary focus-visible:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-disabled placeholder:text-content-placeholder',\n  {\n    variants: {\n      variant: {\n        light: 'border border-stroke',\n        normal: 'border-2 border-foreground',\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    },\n    defaultVariants: { variant: 'normal', rounded: 'base' },\n  },\n);\nconst Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.TextareaHTMLAttributes<HTMLTextAreaElement> & VariantProps<typeof inputVariants>\n>(({ className, variant, placeholder, ...props }, ref) => {\n  return (\n    <textarea\n      {...props}\n      placeholder={placeholder || 'Text here...'}\n      className={cn(inputVariants({ variant }), className)}\n      ref={ref}\n    />\n  );\n});\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"mappings":"8PAKA,IAAM,EAAgB,EAAA,EACpB,gVACA,CACE,SAAU,CACR,QAAS,CACP,MAAO,uBACP,OAAQ,4BACV,EACA,QAAS,CACP,KAAM,UACN,GAAI,aACJ,GAAI,aACJ,GAAI,aACJ,GAAI,aACJ,MAAO,cACP,KAAM,cACR,CACF,EACA,gBAAiB,CAAE,QAAS,SAAU,QAAS,MAAO,CACxD,CACF,EACM,EAAW,EAAA,QAAM,YAGpB,CAAE,YAAW,UAAS,cAAa,GAAG,GAAS,KAE9C,EAAA,EAAA,IAAA,CAAC,WAAD,CACE,GAAI,EACJ,YAAa,GAAe,eAC5B,UAAW,EAAA,EAAG,EAAc,CAAE,SAAQ,CAAC,EAAG,CAAS,EAC9C,KACN,CAAA,CAEJ,EACD,EAAS,YAAc"}