@transkripid/flowbite-react/lib/components/TextInput/theme.mjs.map

Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork

{"version":3,"file":"theme.mjs","sources":["../../../src/components/TextInput/theme.ts"],"sourcesContent":["import type { FlowbiteTextInputTheme } from './TextInput';\n\nexport const textInputTheme: FlowbiteTextInputTheme = {\n  base: 'flex',\n  addon:\n    'inline-flex items-center rounded-l-md border border-r-0 border-gray-300 bg-gray-200 px-3 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-600 dark:text-gray-400',\n  field: {\n    base: 'relative w-full',\n    icon: {\n      base: 'pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3',\n      svg: 'h-5 w-5 text-gray-500 dark:text-gray-400',\n    },\n    rightIcon: {\n      base: 'pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3',\n      svg: 'h-5 w-5 text-gray-500 dark:text-gray-400',\n    },\n    input: {\n      base: 'block w-full border disabled:cursor-not-allowed disabled:opacity-50',\n      sizes: {\n        sm: 'p-2 sm:text-xs',\n        md: 'p-2.5 text-sm',\n        lg: 'sm:text-md p-4',\n      },\n      colors: {\n        gray: 'bg-gray-50 border-gray-300 text-gray-900 focus:border-cyan-500 focus:ring-cyan-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-cyan-500 dark:focus:ring-cyan-500',\n        info: 'border-cyan-500 bg-cyan-50 text-cyan-900 placeholder-cyan-700 focus:border-cyan-500 focus:ring-cyan-500 dark:border-cyan-400 dark:bg-cyan-100 dark:focus:border-cyan-500 dark:focus:ring-cyan-500',\n        failure:\n          'border-red-500 bg-red-50 text-red-900 placeholder-red-700 focus:border-red-500 focus:ring-red-500 dark:border-red-400 dark:bg-red-100 dark:focus:border-red-500 dark:focus:ring-red-500',\n        warning:\n          'border-yellow-500 bg-yellow-50 text-yellow-900 placeholder-yellow-700 focus:border-yellow-500 focus:ring-yellow-500 dark:border-yellow-400 dark:bg-yellow-100 dark:focus:border-yellow-500 dark:focus:ring-yellow-500',\n        success:\n          'border-green-500 bg-green-50 text-green-900 placeholder-green-700 focus:border-green-500 focus:ring-green-500 dark:border-green-400 dark:bg-green-100 dark:focus:border-green-500 dark:focus:ring-green-500',\n      },\n      withRightIcon: {\n        on: 'pr-10',\n        off: '',\n      },\n      withIcon: {\n        on: 'pl-10',\n        off: '',\n      },\n      withAddon: {\n        on: 'rounded-r-lg',\n        off: 'rounded-lg',\n      },\n      withShadow: {\n        on: 'shadow-sm dark:shadow-sm-light',\n        off: '',\n      },\n    },\n  },\n};\n"],"names":["textInputTheme","base","addon","field","icon","svg","rightIcon","input","sizes","sm","md","lg","colors","gray","info","failure","warning","success","withRightIcon","on","off","withIcon","withAddon","withShadow"],"mappings":"AAEO,MAAMA,IAAyC;AAAA,EACpDC,MAAM;AAAA,EACNC,OACE;AAAA,EACFC,OAAO;AAAA,IACLF,MAAM;AAAA,IACNG,MAAM;AAAA,MACJH,MAAM;AAAA,MACNI,KAAK;AAAA,IACP;AAAA,IACAC,WAAW;AAAA,MACTL,MAAM;AAAA,MACNI,KAAK;AAAA,IACP;AAAA,IACAE,OAAO;AAAA,MACLN,MAAM;AAAA,MACNO,OAAO;AAAA,QACLC,IAAI;AAAA,QACJC,IAAI;AAAA,QACJC,IAAI;AAAA,MACN;AAAA,MACAC,QAAQ;AAAA,QACNC,MAAM;AAAA,QACNC,MAAM;AAAA,QACNC,SACE;AAAA,QACFC,SACE;AAAA,QACFC,SACE;AAAA,MACJ;AAAA,MACAC,eAAe;AAAA,QACbC,IAAI;AAAA,QACJC,KAAK;AAAA,MACP;AAAA,MACAC,UAAU;AAAA,QACRF,IAAI;AAAA,QACJC,KAAK;AAAA,MACP;AAAA,MACAE,WAAW;AAAA,QACTH,IAAI;AAAA,QACJC,KAAK;AAAA,MACP;AAAA,MACAG,YAAY;AAAA,QACVJ,IAAI;AAAA,QACJC,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF;"}