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

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

{"version":3,"file":"theme.mjs","sources":["../../../src/components/Tabs/theme.ts"],"sourcesContent":["import type { FlowbiteTabsTheme } from './Tabs';\n\nexport const tabTheme: FlowbiteTabsTheme = {\n  base: 'flex flex-col gap-2',\n  tablist: {\n    base: 'flex text-center',\n    styles: {\n      default: 'flex-wrap border-b border-gray-200 dark:border-gray-700',\n      underline: 'flex-wrap -mb-px border-b border-gray-200 dark:border-gray-700',\n      pills: 'flex-wrap font-medium text-sm text-gray-500 dark:text-gray-400 space-x-2',\n      fullWidth:\n        'w-full text-sm font-medium divide-x divide-gray-200 shadow grid grid-flow-col dark:divide-gray-700 dark:text-gray-400 rounded-none',\n    },\n    tabitem: {\n      base: 'flex items-center justify-center p-4 rounded-t-lg text-sm font-medium first:ml-0 disabled:cursor-not-allowed disabled:text-gray-400 disabled:dark:text-gray-500 focus:ring-4 focus:ring-cyan-300 focus:outline-none',\n      styles: {\n        default: {\n          base: 'rounded-t-lg',\n          active: {\n            on: 'bg-gray-100 text-cyan-600 dark:bg-gray-800 dark:text-cyan-500',\n            off: 'text-gray-500 hover:bg-gray-50 hover:text-gray-600 dark:text-gray-400 dark:hover:bg-gray-800  dark:hover:text-gray-300',\n          },\n        },\n        underline: {\n          base: 'rounded-t-lg',\n          active: {\n            on: 'text-cyan-600 rounded-t-lg border-b-2 border-cyan-600 active dark:text-cyan-500 dark:border-cyan-500',\n            off: 'border-b-2 border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300',\n          },\n        },\n        pills: {\n          base: '',\n          active: {\n            on: 'rounded-lg bg-cyan-600 text-white',\n            off: 'rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-white',\n          },\n        },\n        fullWidth: {\n          base: 'ml-0 first:ml-0 w-full rounded-none flex',\n          active: {\n            on: 'p-4 text-gray-900 bg-gray-100 active dark:bg-gray-700 dark:text-white rounded-none',\n            off: 'bg-white hover:text-gray-700 hover:bg-gray-50 dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700 rounded-none',\n          },\n        },\n      },\n      icon: 'mr-2 h-5 w-5',\n    },\n  },\n  tabitemcontainer: {\n    base: '',\n    styles: {\n      default: '',\n      underline: '',\n      pills: '',\n      fullWidth: '',\n    },\n  },\n  tabpanel: 'py-3',\n};\n"],"names":["tabTheme","base","tablist","styles","default","underline","pills","fullWidth","tabitem","active","on","off","icon","tabitemcontainer","tabpanel"],"mappings":"AAEO,MAAMA,IAA8B;AAAA,EACzCC,MAAM;AAAA,EACNC,SAAS;AAAA,IACPD,MAAM;AAAA,IACNE,QAAQ;AAAA,MACNC,SAAS;AAAA,MACTC,WAAW;AAAA,MACXC,OAAO;AAAA,MACPC,WACE;AAAA,IACJ;AAAA,IACAC,SAAS;AAAA,MACPP,MAAM;AAAA,MACNE,QAAQ;AAAA,QACNC,SAAS;AAAA,UACPH,MAAM;AAAA,UACNQ,QAAQ;AAAA,YACNC,IAAI;AAAA,YACJC,KAAK;AAAA,UACP;AAAA,QACF;AAAA,QACAN,WAAW;AAAA,UACTJ,MAAM;AAAA,UACNQ,QAAQ;AAAA,YACNC,IAAI;AAAA,YACJC,KAAK;AAAA,UACP;AAAA,QACF;AAAA,QACAL,OAAO;AAAA,UACLL,MAAM;AAAA,UACNQ,QAAQ;AAAA,YACNC,IAAI;AAAA,YACJC,KAAK;AAAA,UACP;AAAA,QACF;AAAA,QACAJ,WAAW;AAAA,UACTN,MAAM;AAAA,UACNQ,QAAQ;AAAA,YACNC,IAAI;AAAA,YACJC,KAAK;AAAA,UACP;AAAA,QACF;AAAA,MACF;AAAA,MACAC,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACAC,kBAAkB;AAAA,IAChBZ,MAAM;AAAA,IACNE,QAAQ;AAAA,MACNC,SAAS;AAAA,MACTC,WAAW;AAAA,MACXC,OAAO;AAAA,MACPC,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EACAO,UAAU;AACZ;"}