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

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

{"version":3,"file":"theme.mjs","sources":["../../../src/components/Alert/theme.ts"],"sourcesContent":["import type { FlowbiteAlertTheme } from './Alert';\n\nexport const alertTheme: FlowbiteAlertTheme = {\n  base: 'flex flex-col gap-2 p-4 text-sm',\n  borderAccent: 'border-t-4',\n  closeButton: {\n    base: '-mx-1.5 -my-1.5 ml-auto inline-flex h-8 w-8 rounded-lg p-1.5 focus:ring-2',\n    icon: 'w-5 h-5',\n    color: {\n      info: 'bg-cyan-100 text-cyan-500 hover:bg-cyan-200 focus:ring-cyan-400 dark:bg-cyan-200 dark:text-cyan-600 dark:hover:bg-cyan-300',\n      gray: 'bg-gray-100 text-gray-500 hover:bg-gray-200 focus:ring-gray-400 dark:bg-gray-700 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-white',\n      failure:\n        'bg-red-100 text-red-500 hover:bg-red-200 focus:ring-red-400 dark:bg-red-200 dark:text-red-600 dark:hover:bg-red-300',\n      success:\n        'bg-green-100 text-green-500 hover:bg-green-200 focus:ring-green-400 dark:bg-green-200 dark:text-green-600 dark:hover:bg-green-300',\n      warning:\n        'bg-yellow-100 text-yellow-500 hover:bg-yellow-200 focus:ring-yellow-400 dark:bg-yellow-200 dark:text-yellow-600 dark:hover:bg-yellow-300',\n      red: 'bg-red-100 text-red-500 hover:bg-red-200 focus:ring-red-400 dark:bg-red-200 dark:text-red-600 dark:hover:bg-red-300',\n      green:\n        'bg-green-100 text-green-500 hover:bg-green-200 focus:ring-green-400 dark:bg-green-200 dark:text-green-600 dark:hover:bg-green-300',\n      yellow:\n        'bg-yellow-100 text-yellow-500 hover:bg-yellow-200 focus:ring-yellow-400 dark:bg-yellow-200 dark:text-yellow-600 dark:hover:bg-yellow-300',\n      blue: 'bg-blue-100 text-blue-500 hover:bg-blue-200 focus:ring-blue-400 dark:bg-blue-200 dark:text-blue-600 dark:hover:bg-blue-300',\n      cyan: 'bg-cyan-100 text-cyan-500 hover:bg-cyan-200 focus:ring-cyan-400 dark:bg-cyan-200 dark:text-cyan-600 dark:hover:bg-cyan-300',\n      pink: 'bg-pink-100 text-pink-500 hover:bg-pink-200 focus:ring-pink-400 dark:bg-pink-200 dark:text-pink-600 dark:hover:bg-pink-300',\n      lime: 'bg-lime-100 text-lime-500 hover:bg-lime-200 focus:ring-lime-400 dark:bg-lime-200 dark:text-lime-600 dark:hover:bg-lime-300',\n      dark: 'bg-gray-100 text-gray-500 hover:bg-gray-200 focus:ring-gray-400 dark:bg-gray-200 dark:text-gray-600 dark:hover:bg-gray-300',\n      indigo:\n        'bg-indigo-100 text-indigo-500 hover:bg-indigo-200 focus:ring-indigo-400 dark:bg-indigo-200 dark:text-indigo-600 dark:hover:bg-indigo-300',\n      purple:\n        'bg-purple-100 text-purple-500 hover:bg-purple-200 focus:ring-purple-400 dark:bg-purple-200 dark:text-purple-600 dark:hover:bg-purple-300',\n      teal: 'bg-teal-100 text-teal-500 hover:bg-teal-200 focus:ring-teal-400 dark:bg-teal-200 dark:text-teal-600 dark:hover:bg-teal-300',\n      light:\n        'bg-gray-50 text-gray-500 hover:bg-gray-100 focus:ring-gray-200 dark:bg-gray-600 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:text-white',\n    },\n  },\n  color: {\n    info: 'text-cyan-700 bg-cyan-100 border-cyan-500 dark:bg-cyan-200 dark:text-cyan-800',\n    gray: 'text-gray-700 bg-gray-100 border-gray-500 dark:bg-gray-700 dark:text-gray-300',\n    failure: 'text-red-700 bg-red-100 border-red-500 dark:bg-red-200 dark:text-red-800',\n    success: 'text-green-700 bg-green-100 border-green-500 dark:bg-green-200 dark:text-green-800',\n    warning: 'text-yellow-700 bg-yellow-100 border-yellow-500 dark:bg-yellow-200 dark:text-yellow-800',\n    red: 'text-red-700 bg-red-100 border-red-500 dark:bg-red-200 dark:text-red-800',\n    green: 'text-green-700 bg-green-100 border-green-500 dark:bg-green-200 dark:text-green-800',\n    yellow: 'text-yellow-700 bg-yellow-100 border-yellow-500 dark:bg-yellow-200 dark:text-yellow-800',\n    blue: 'text-blue-700 bg-blue-100 border-blue-500 dark:bg-blue-200 dark:text-blue-800',\n    cyan: 'text-cyan-700 bg-cyan-100 border-cyan-500 dark:bg-cyan-200 dark:text-cyan-800',\n    pink: 'text-pink-700 bg-pink-100 border-pink-500 dark:bg-pink-200 dark:text-pink-800',\n    lime: 'text-lime-700 bg-lime-100 border-lime-500 dark:bg-lime-200 dark:text-lime-800',\n    dark: 'text-gray-200 bg-gray-800 border-gray-600 dark:bg-gray-900 dark:text-gray-300',\n    indigo: 'text-indigo-700 bg-indigo-100 border-indigo-500 dark:bg-indigo-200 dark:text-indigo-800',\n    purple: 'text-purple-700 bg-purple-100 border-purple-500 dark:bg-purple-200 dark:text-purple-800',\n    teal: 'text-teal-700 bg-teal-100 border-teal-500 dark:bg-teal-200 dark:text-teal-800',\n    light: 'text-gray-600 bg-gray-50 border-gray-400 dark:bg-gray-500 dark:text-gray-200',\n  },\n  icon: 'mr-3 inline h-5 w-5 flex-shrink-0',\n  rounded: 'rounded-lg',\n  wrapper: 'flex items-center',\n};\n"],"names":["alertTheme","base","borderAccent","closeButton","icon","color","info","gray","failure","success","warning","red","green","yellow","blue","cyan","pink","lime","dark","indigo","purple","teal","light","rounded","wrapper"],"mappings":"AAEO,MAAMA,IAAiC;AAAA,EAC5CC,MAAM;AAAA,EACNC,cAAc;AAAA,EACdC,aAAa;AAAA,IACXF,MAAM;AAAA,IACNG,MAAM;AAAA,IACNC,OAAO;AAAA,MACLC,MAAM;AAAA,MACNC,MAAM;AAAA,MACNC,SACE;AAAA,MACFC,SACE;AAAA,MACFC,SACE;AAAA,MACFC,KAAK;AAAA,MACLC,OACE;AAAA,MACFC,QACE;AAAA,MACFC,MAAM;AAAA,MACNC,MAAM;AAAA,MACNC,MAAM;AAAA,MACNC,MAAM;AAAA,MACNC,MAAM;AAAA,MACNC,QACE;AAAA,MACFC,QACE;AAAA,MACFC,MAAM;AAAA,MACNC,OACE;AAAA,IACJ;AAAA,EACF;AAAA,EACAjB,OAAO;AAAA,IACLC,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,SAAS;AAAA,IACTC,SAAS;AAAA,IACTC,SAAS;AAAA,IACTC,KAAK;AAAA,IACLC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,QAAQ;AAAA,IACRC,QAAQ;AAAA,IACRC,MAAM;AAAA,IACNC,OAAO;AAAA,EACT;AAAA,EACAlB,MAAM;AAAA,EACNmB,SAAS;AAAA,EACTC,SAAS;AACX;"}