UNPKG

@transkripid/flowbite-react

Version:

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

1 lines 2.87 kB
{"version":3,"file":"theme.mjs","sources":["../../../src/components/ToggleSwitch/theme.ts"],"sourcesContent":["import type { FlowbiteToggleSwitchTheme } from './ToggleSwitch';\n\nexport const toggleSwitchTheme: FlowbiteToggleSwitchTheme = {\n root: {\n base: 'group relative flex items-center rounded-lg focus:outline-none',\n active: {\n on: 'cursor-pointer',\n off: 'cursor-not-allowed opacity-50',\n },\n label: 'ml-3 text-sm font-medium text-gray-900 dark:text-gray-300',\n },\n toggle: {\n base: 'toggle-bg rounded-full border group-focus:ring-4 group-focus:ring-cyan-500/25',\n checked: {\n on: 'after:translate-x-full after:border-white',\n off: 'border-gray-200 bg-gray-200 dark:border-gray-600 dark:bg-gray-700',\n color: {\n blue: ' bg-cyan-700 border-cyan-700',\n dark: 'bg-dark-700 border-dark-900',\n failure: 'bg-red-700 border-red-900',\n gray: 'bg-gray-500 border-gray-600',\n green: 'bg-green-600 border-green-700',\n light: 'bg-light-700 border-light-900',\n red: 'bg-red-700 border-red-900',\n purple: 'bg-purple-700 border-purple-900',\n success: 'bg-green-500 border-green-500',\n yellow: 'bg-yellow-400 border-yellow-400',\n warning: 'bg-yellow-600 border-yellow-600',\n cyan: 'bg-cyan-500 border-cyan-500',\n lime: 'bg-lime-400 border-lime-400',\n indigo: 'bg-indigo-400 border-indigo-400',\n teal: 'bg-gradient-to-r from-teal-400 via-teal-500 to-teal-600 hover:bg-gradient-to-br focus:ring-4',\n info: 'bg-cyan-600 border-cyan-600',\n pink: 'bg-pink-600 border-pink-600',\n },\n },\n sizes: {\n sm: 'w-9 h-5 after:absolute after:top-[2px] after:left-[2px] after:h-4 after:w-4',\n md: 'w-11 h-6 after:absolute after:top-[2px] after:left-[2px] after:h-5 after:w-5',\n lg: 'w-14 h-7 after:absolute after:top-0.5 after:left-[4px] after:h-6 after:w-6',\n },\n },\n};\n"],"names":["toggleSwitchTheme","root","base","active","on","off","label","toggle","checked","color","blue","dark","failure","gray","green","light","red","purple","success","yellow","warning","cyan","lime","indigo","teal","info","pink","sizes","sm","md","lg"],"mappings":"AAEO,MAAMA,IAA+C;AAAA,EAC1DC,MAAM;AAAA,IACJC,MAAM;AAAA,IACNC,QAAQ;AAAA,MACNC,IAAI;AAAA,MACJC,KAAK;AAAA,IACP;AAAA,IACAC,OAAO;AAAA,EACT;AAAA,EACAC,QAAQ;AAAA,IACNL,MAAM;AAAA,IACNM,SAAS;AAAA,MACPJ,IAAI;AAAA,MACJC,KAAK;AAAA,MACLI,OAAO;AAAA,QACLC,MAAM;AAAA,QACNC,MAAM;AAAA,QACNC,SAAS;AAAA,QACTC,MAAM;AAAA,QACNC,OAAO;AAAA,QACPC,OAAO;AAAA,QACPC,KAAK;AAAA,QACLC,QAAQ;AAAA,QACRC,SAAS;AAAA,QACTC,QAAQ;AAAA,QACRC,SAAS;AAAA,QACTC,MAAM;AAAA,QACNC,MAAM;AAAA,QACNC,QAAQ;AAAA,QACRC,MAAM;AAAA,QACNC,MAAM;AAAA,QACNC,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACAC,OAAO;AAAA,MACLC,IAAI;AAAA,MACJC,IAAI;AAAA,MACJC,IAAI;AAAA,IACN;AAAA,EACF;AACF;"}