UNPKG

@undp/design-system-react

Version:

React based design system for UNDP

1 lines 1.62 kB
{"version":3,"file":"List.cjs","names":[],"sources":["../src/components/ui/list.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst Ol = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<'ol'>>(\n ({ className, ...props }, ref) => (\n <ol\n ref={ref}\n aria-label='list'\n {...props}\n className={cn('pl-6 rtl:pr-6 rtl:pl-0', className)}\n />\n ),\n);\nOl.displayName = 'Ol';\n\nconst Ul = React.forwardRef<HTMLUListElement, React.ComponentPropsWithoutRef<'ul'>>(\n ({ className, ...props }, ref) => (\n <ul\n ref={ref}\n aria-label='list'\n {...props}\n className={cn('pl-6 rtl:pr-6 rtl:pl-0', className)}\n />\n ),\n);\nUl.displayName = 'Ul';\n\nconst Li = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<'li'>>(\n ({ className, ...props }, ref) => (\n <li\n {...props}\n ref={ref}\n className={cn('mb-6 pl-3 text-p-xs md:text-p-sm lg:text-p-md rtl:pr-3 rtl:pl-0', className)}\n />\n ),\n);\nLi.displayName = 'li';\n\nexport { Li, Ol, Ul };\n"],"mappings":"6NAIA,IAAM,EAAK,EAAA,QAAM,YACd,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,IAAA,CAAC,KAAD,CACO,MACL,aAAW,OACX,GAAI,EACJ,UAAW,EAAA,EAAG,yBAA0B,CAAS,CAClD,CAAA,CAEL,EACA,EAAG,YAAc,KAEjB,IAAM,EAAK,EAAA,QAAM,YACd,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,IAAA,CAAC,KAAD,CACO,MACL,aAAW,OACX,GAAI,EACJ,UAAW,EAAA,EAAG,yBAA0B,CAAS,CAClD,CAAA,CAEL,EACA,EAAG,YAAc,KAEjB,IAAM,EAAK,EAAA,QAAM,YACd,CAAE,YAAW,GAAG,GAAS,KACxB,EAAA,EAAA,IAAA,CAAC,KAAD,CACE,GAAI,EACC,MACL,UAAW,EAAA,EAAG,kEAAmE,CAAS,CAC3F,CAAA,CAEL,EACA,EAAG,YAAc"}