flowbite-react/dist/components/Tabs/theme.cjs.map

Official React components built for Flowbite and Tailwind CSS

{"version":3,"file":"theme.cjs","sources":["../../../src/components/Tabs/theme.ts"],"sourcesContent":["import { createTheme } from \"../../helpers/create-theme\";\nimport type { TabsTheme } from \"./Tabs\";\n\nexport const tabsTheme = createTheme<TabsTheme>({\n  base: \"flex flex-col gap-2\",\n  tablist: {\n    base: \"flex text-center\",\n    variant: {\n      default: \"flex-wrap border-b border-gray-200 dark:border-gray-700\",\n      underline: \"-mb-px flex-wrap border-b border-gray-200 dark:border-gray-700\",\n      pills: \"flex-wrap space-x-2 text-sm font-medium text-gray-500 dark:text-gray-400\",\n      fullWidth:\n        \"grid w-full grid-flow-col divide-x divide-gray-200 rounded-none text-sm font-medium shadow dark:divide-gray-700 dark:text-gray-400\",\n    },\n    tabitem: {\n      base: \"flex items-center justify-center rounded-t-lg p-4 text-sm font-medium first:ml-0 focus:outline-none disabled:cursor-not-allowed disabled:text-gray-400 disabled:dark:text-gray-500\",\n      variant: {\n        default: {\n          base: \"rounded-t-lg\",\n          active: {\n            on: \"bg-gray-100 text-primary-600 dark:bg-gray-800 dark:text-primary-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: \"rounded-t-lg border-b-2 border-primary-600 text-primary-600 dark:border-primary-500 dark:text-primary-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-primary-600 text-white\",\n            off: \"rounded-lg hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-white\",\n          },\n        },\n        fullWidth: {\n          base: \"ml-0 flex w-full rounded-none first:ml-0\",\n          active: {\n            on: \"rounded-none bg-gray-100 p-4 text-gray-900 dark:bg-gray-700 dark:text-white\",\n            off: \"rounded-none bg-white hover:bg-gray-50 hover:text-gray-700 dark:bg-gray-800 dark:hover:bg-gray-700 dark:hover:text-white\",\n          },\n        },\n      },\n      icon: \"mr-2 h-5 w-5\",\n    },\n  },\n  tabitemcontainer: {\n    base: \"\",\n    variant: {\n      default: \"\",\n      underline: \"\",\n      pills: \"\",\n      fullWidth: \"\",\n    },\n  },\n  tabpanel: \"py-3\",\n});\n"],"names":["createTheme"],"mappings":";;;;AAEY,MAAC,SAAS,GAAGA,uBAAW,CAAC;AACrC,EAAE,IAAI,EAAE,qBAAqB;AAC7B,EAAE,OAAO,EAAE;AACX,IAAI,IAAI,EAAE,kBAAkB;AAC5B,IAAI,OAAO,EAAE;AACb,MAAM,OAAO,EAAE,yDAAyD;AACxE,MAAM,SAAS,EAAE,gEAAgE;AACjF,MAAM,KAAK,EAAE,0EAA0E;AACvF,MAAM,SAAS,EAAE;AACjB,KAAK;AACL,IAAI,OAAO,EAAE;AACb,MAAM,IAAI,EAAE,oLAAoL;AAChM,MAAM,OAAO,EAAE;AACf,QAAQ,OAAO,EAAE;AACjB,UAAU,IAAI,EAAE,cAAc;AAC9B,UAAU,MAAM,EAAE;AAClB,YAAY,EAAE,EAAE,qEAAqE;AACrF,YAAY,GAAG,EAAE;AACjB;AACA,SAAS;AACT,QAAQ,SAAS,EAAE;AACnB,UAAU,IAAI,EAAE,cAAc;AAC9B,UAAU,MAAM,EAAE;AAClB,YAAY,EAAE,EAAE,2GAA2G;AAC3H,YAAY,GAAG,EAAE;AACjB;AACA,SAAS;AACT,QAAQ,KAAK,EAAE;AACf,UAAU,IAAI,EAAE,EAAE;AAClB,UAAU,MAAM,EAAE;AAClB,YAAY,EAAE,EAAE,sCAAsC;AACtD,YAAY,GAAG,EAAE;AACjB;AACA,SAAS;AACT,QAAQ,SAAS,EAAE;AACnB,UAAU,IAAI,EAAE,0CAA0C;AAC1D,UAAU,MAAM,EAAE;AAClB,YAAY,EAAE,EAAE,6EAA6E;AAC7F,YAAY,GAAG,EAAE;AACjB;AACA;AACA,OAAO;AACP,MAAM,IAAI,EAAE;AACZ;AACA,GAAG;AACH,EAAE,gBAAgB,EAAE;AACpB,IAAI,IAAI,EAAE,EAAE;AACZ,IAAI,OAAO,EAAE;AACb,MAAM,OAAO,EAAE,EAAE;AACjB,MAAM,SAAS,EAAE,EAAE;AACnB,MAAM,KAAK,EAAE,EAAE;AACf,MAAM,SAAS,EAAE;AACjB;AACA,GAAG;AACH,EAAE,QAAQ,EAAE;AACZ,CAAC;;;;"}