UNPKG

@transkripid/flowbite-react

Version:

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

1 lines 3.04 kB
{"version":3,"file":"theme.mjs","sources":["../../../src/components/Select/theme.ts"],"sourcesContent":["import type { FlowbiteSelectTheme } from './Select';\n\nexport const selectTheme: FlowbiteSelectTheme = {\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 select: {\n base: 'block w-full border disabled:cursor-not-allowed disabled:opacity-50',\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 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 },\n },\n};\n"],"names":["selectTheme","base","addon","field","icon","svg","select","withIcon","on","off","withAddon","withShadow","sizes","sm","md","lg","colors","gray","info","failure","warning","success"],"mappings":"AAEO,MAAMA,IAAmC;AAAA,EAC9CC,MAAM;AAAA,EACNC,OACE;AAAA,EACFC,OAAO;AAAA,IACLF,MAAM;AAAA,IACNG,MAAM;AAAA,MACJH,MAAM;AAAA,MACNI,KAAK;AAAA,IACP;AAAA,IACAC,QAAQ;AAAA,MACNL,MAAM;AAAA,MACNM,UAAU;AAAA,QACRC,IAAI;AAAA,QACJC,KAAK;AAAA,MACP;AAAA,MACAC,WAAW;AAAA,QACTF,IAAI;AAAA,QACJC,KAAK;AAAA,MACP;AAAA,MACAE,YAAY;AAAA,QACVH,IAAI;AAAA,QACJC,KAAK;AAAA,MACP;AAAA,MACAG,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,IACF;AAAA,EACF;AACF;"}