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

Official React components built for Flowbite and Tailwind CSS

{"version":3,"file":"theme.cjs","sources":["../../../src/components/Badge/theme.ts"],"sourcesContent":["import { createTheme } from \"../../helpers/create-theme\";\nimport type { BadgeTheme } from \"./Badge\";\n\nexport const badgeTheme = createTheme<BadgeTheme>({\n  root: {\n    base: \"flex h-fit items-center gap-1 font-semibold\",\n    color: {\n      info: \"bg-cyan-100 text-cyan-800 hover:bg-cyan-200 dark:bg-cyan-200 dark:text-cyan-800 dark:hover:bg-cyan-300\",\n      gray: \"bg-gray-100 text-gray-800 hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-gray-600\",\n      failure: \"bg-red-100 text-red-800 hover:bg-red-200 dark:bg-red-200 dark:text-red-900 dark:hover:bg-red-300\",\n      success:\n        \"bg-green-100 text-green-800 hover:bg-green-200 dark:bg-green-200 dark:text-green-900 dark:hover:bg-green-300\",\n      warning:\n        \"bg-yellow-100 text-yellow-800 hover:bg-yellow-200 dark:bg-yellow-200 dark:text-yellow-900 dark:hover:bg-yellow-300\",\n      indigo:\n        \"bg-indigo-100 text-indigo-800 hover:bg-indigo-200 dark:bg-indigo-200 dark:text-indigo-900 dark:hover:bg-indigo-300\",\n      purple:\n        \"bg-purple-100 text-purple-800 hover:bg-purple-200 dark:bg-purple-200 dark:text-purple-900 dark:hover:bg-purple-300\",\n      pink: \"bg-pink-100 text-pink-800 hover:bg-pink-200 dark:bg-pink-200 dark:text-pink-900 dark:hover:bg-pink-300\",\n      blue: \"bg-blue-100 text-blue-800 hover:bg-blue-200 dark:bg-blue-200 dark:text-blue-900 dark:hover:bg-blue-300\",\n      cyan: \"bg-cyan-100 text-cyan-800 hover:bg-cyan-200 dark:bg-cyan-200 dark:text-cyan-900 dark:hover:bg-cyan-300\",\n      dark: \"bg-gray-600 text-gray-100 hover:bg-gray-500 dark:bg-gray-900 dark:text-gray-200 dark:hover:bg-gray-700\",\n      light: \"bg-gray-200 text-gray-800 hover:bg-gray-300 dark:bg-gray-400 dark:text-gray-900 dark:hover:bg-gray-500\",\n      green:\n        \"bg-green-100 text-green-800 hover:bg-green-200 dark:bg-green-200 dark:text-green-900 dark:hover:bg-green-300\",\n      lime: \"bg-lime-100 text-lime-800 hover:bg-lime-200 dark:bg-lime-200 dark:text-lime-900 dark:hover:bg-lime-300\",\n      red: \"bg-red-100 text-red-800 hover:bg-red-200 dark:bg-red-200 dark:text-red-900 dark:hover:bg-red-300\",\n      teal: \"bg-teal-100 text-teal-800 hover:bg-teal-200 dark:bg-teal-200 dark:text-teal-900 dark:hover:bg-teal-300\",\n      yellow:\n        \"bg-yellow-100 text-yellow-800 hover:bg-yellow-200 dark:bg-yellow-200 dark:text-yellow-900 dark:hover:bg-yellow-300\",\n    },\n    size: {\n      xs: \"p-1 text-xs\",\n      sm: \"p-1.5 text-sm\",\n    },\n  },\n  icon: {\n    off: \"rounded px-2 py-0.5\",\n    on: \"rounded-full p-1.5\",\n    size: {\n      xs: \"h-3 w-3\",\n      sm: \"h-3.5 w-3.5\",\n    },\n  },\n});\n"],"names":["createTheme"],"mappings":";;;;AAEY,MAAC,UAAU,GAAGA,uBAAW,CAAC;AACtC,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,6CAA6C;AACvD,IAAI,KAAK,EAAE;AACX,MAAM,IAAI,EAAE,wGAAwG;AACpH,MAAM,IAAI,EAAE,wGAAwG;AACpH,MAAM,OAAO,EAAE,kGAAkG;AACjH,MAAM,OAAO,EAAE,8GAA8G;AAC7H,MAAM,OAAO,EAAE,oHAAoH;AACnI,MAAM,MAAM,EAAE,oHAAoH;AAClI,MAAM,MAAM,EAAE,oHAAoH;AAClI,MAAM,IAAI,EAAE,wGAAwG;AACpH,MAAM,IAAI,EAAE,wGAAwG;AACpH,MAAM,IAAI,EAAE,wGAAwG;AACpH,MAAM,IAAI,EAAE,wGAAwG;AACpH,MAAM,KAAK,EAAE,wGAAwG;AACrH,MAAM,KAAK,EAAE,8GAA8G;AAC3H,MAAM,IAAI,EAAE,wGAAwG;AACpH,MAAM,GAAG,EAAE,kGAAkG;AAC7G,MAAM,IAAI,EAAE,wGAAwG;AACpH,MAAM,MAAM,EAAE;AACd,KAAK;AACL,IAAI,IAAI,EAAE;AACV,MAAM,EAAE,EAAE,aAAa;AACvB,MAAM,EAAE,EAAE;AACV;AACA,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,GAAG,EAAE,qBAAqB;AAC9B,IAAI,EAAE,EAAE,oBAAoB;AAC5B,IAAI,IAAI,EAAE;AACV,MAAM,EAAE,EAAE,SAAS;AACnB,MAAM,EAAE,EAAE;AACV;AACA;AACA,CAAC;;;;"}