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

React based design system for UNDP

{"version":3,"file":"Container.cjs","names":[],"sources":["../src/components/ui/container.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst containerVariants = cva('box-border', {\n  variants: {\n    backgroundColor: {\n      transparent: 'bg-transparent text-content-primary',\n      background: 'bg-background text-content-primary',\n      'background-soft': 'bg-background-soft text-content-primary',\n      foreground: 'bg-foreground text-content-reverse',\n      'foreground-soft': 'bg-foreground-soft text-content-reverse',\n      primary: 'bg-primary text-content-reverse',\n      secondary: 'bg-secondary text-content-reverse',\n      tertiary: 'bg-tertiary text-content-reverse',\n      quaternary: 'bg-quaternary text-content-primary',\n      success: 'bg-success text-content-reverse',\n      warning: 'bg-warning text-content-primary',\n      info: 'bg-info text-content-reverse',\n      error: 'bg-error text-content-reverse',\n      'surface': 'bg-surface text-content-primary',\n      'surface-2xs': 'bg-surface-2xs text-content-primary',\n      'surface-xs': 'bg-surface-xs text-content-primary',\n      'surface-sm': 'bg-surface-sm text-content-primary',\n      'surface-md': 'bg-surface-md text-content-primary',\n      'surface-lg': 'bg-surface-lg text-content-primary',\n      'surface-xl': 'bg-surface-xl text-content-reverse',\n      'surface-2xl': 'bg-surface-2xl text-content-reverse',\n      'surface-3xl': 'bg-surface-3xl text-content-reverse',\n      'surface-4xl': 'bg-surface-4xl text-content-reverse',\n      'sgd-1': 'bg-sdg-1 text-content-reverse',\n      'sgd-2': 'bg-sdg-2 text-content-reverse',\n      'sgd-3': 'bg-sdg-3 text-content-reverse',\n      'sgd-4': 'bg-sdg-4 text-content-reverse',\n      'sgd-5': 'bg-sdg-5 text-content-reverse',\n      'sgd-6': 'bg-sdg-6 text-content-reverse',\n      'sgd-7': 'bg-sdg-7 text-content-reverse',\n      'sgd-8': 'bg-sdg-8 text-content-reverse',\n      'sgd-9': 'bg-sdg-9 text-content-reverse',\n      'sgd-10': 'bg-sdg-10 text-content-reverse',\n      'sgd-11': 'bg-sdg-11 text-content-reverse',\n      'sgd-12': 'bg-sdg-12 text-content-reverse',\n      'sgd-13': 'bg-sdg-13 text-content-reverse',\n      'sgd-14': 'bg-sdg-14 text-content-reverse',\n      'sgd-15': 'bg-sdg-15 text-content-reverse',\n      'sgd-16': 'bg-sdg-16 text-content-reverse',\n      'sgd-17': 'bg-sdg-17 text-content-reverse',\n    },\n    layout: {\n      flex: 'flex flex-row items-stretch flex-wrap',\n      default: '',\n    },\n    width: {\n      xs: 'w-1/4',\n      sm: 'w-1/3',\n      base: 'w-1/2',\n      lg: 'w-2/3',\n      xl: 'w-3/4',\n      full: 'w-full',\n    },\n    padding: {\n      none: 'p-0',\n      '2xs': 'p-1',\n      xs: 'p-2',\n      sm: 'p-3',\n      base: 'p-4',\n      lg: 'p-5',\n      xl: 'p-6',\n      '2xl': 'p-7',\n      '3xl': 'p-8',\n    },\n    gap: {\n      none: 'gap-0',\n      '2xs': 'gap-1',\n      xs: 'gap-2',\n      sm: 'gap-3',\n      base: 'gap-4',\n      lg: 'gap-5',\n      xl: 'gap-6',\n      '2xl': 'gap-7',\n      '3xl': 'gap-8',\n    },\n  },\n  defaultVariants: {\n    backgroundColor: 'transparent',\n    layout: 'default',\n    padding: 'base',\n    gap: 'none',\n    width: 'full',\n  },\n});\n\nconst Container = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof containerVariants>\n>(({ className, backgroundColor, layout, width, padding, gap, ...props }, ref) => {\n  return (\n    <div\n      {...props}\n      className={cn(\n        containerVariants({\n          backgroundColor,\n          layout,\n          width,\n          padding,\n          gap,\n        }),\n        className,\n      )}\n      ref={ref}\n    />\n  );\n});\nContainer.displayName = 'Container';\n\nexport { Container };\n"],"mappings":"8PAKA,IAAM,EAAoB,EAAA,EAAI,aAAc,CAC1C,SAAU,CACR,gBAAiB,CACf,YAAa,sCACb,WAAY,qCACZ,kBAAmB,0CACnB,WAAY,qCACZ,kBAAmB,0CACnB,QAAS,kCACT,UAAW,oCACX,SAAU,mCACV,WAAY,qCACZ,QAAS,kCACT,QAAS,kCACT,KAAM,+BACN,MAAO,gCACP,QAAW,kCACX,cAAe,sCACf,aAAc,qCACd,aAAc,qCACd,aAAc,qCACd,aAAc,qCACd,aAAc,qCACd,cAAe,sCACf,cAAe,sCACf,cAAe,sCACf,QAAS,gCACT,QAAS,gCACT,QAAS,gCACT,QAAS,gCACT,QAAS,gCACT,QAAS,gCACT,QAAS,gCACT,QAAS,gCACT,QAAS,gCACT,SAAU,iCACV,SAAU,iCACV,SAAU,iCACV,SAAU,iCACV,SAAU,iCACV,SAAU,iCACV,SAAU,iCACV,SAAU,gCACZ,EACA,OAAQ,CACN,KAAM,wCACN,QAAS,EACX,EACA,MAAO,CACL,GAAI,QACJ,GAAI,QACJ,KAAM,QACN,GAAI,QACJ,GAAI,QACJ,KAAM,QACR,EACA,QAAS,CACP,KAAM,MACN,MAAO,MACP,GAAI,MACJ,GAAI,MACJ,KAAM,MACN,GAAI,MACJ,GAAI,MACJ,MAAO,MACP,MAAO,KACT,EACA,IAAK,CACH,KAAM,QACN,MAAO,QACP,GAAI,QACJ,GAAI,QACJ,KAAM,QACN,GAAI,QACJ,GAAI,QACJ,MAAO,QACP,MAAO,OACT,CACF,EACA,gBAAiB,CACf,gBAAiB,cACjB,OAAQ,UACR,QAAS,OACT,IAAK,OACL,MAAO,MACT,CACF,CAAC,EAEK,EAAY,EAAA,QAAM,YAGrB,CAAE,YAAW,kBAAiB,SAAQ,QAAO,UAAS,MAAK,GAAG,GAAS,KAEtE,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,GAAI,EACJ,UAAW,EAAA,EACT,EAAkB,CAChB,kBACA,SACA,QACA,UACA,KACF,CAAC,EACD,CACF,EACK,KACN,CAAA,CAEJ,EACD,EAAU,YAAc"}