mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 12:14:41 +01:00
68 lines
2.5 KiB
TypeScript
68 lines
2.5 KiB
TypeScript
export default {
|
|
wrapper: 'flex flex-col flex-1 min-h-0 divide-y divide-gray-100 dark:divide-gray-800',
|
|
container: 'relative flex-1 overflow-y-auto divide-y divide-gray-100 dark:divide-gray-800 scroll-py-2',
|
|
input: {
|
|
wrapper: 'relative flex items-center',
|
|
base: 'w-full placeholder-gray-400 dark:placeholder-gray-500 bg-transparent border-0 text-gray-900 dark:text-white focus:ring-0 focus:outline-none',
|
|
padding: 'px-4',
|
|
height: 'h-12',
|
|
size: 'sm:text-sm',
|
|
icon: {
|
|
base: 'pointer-events-none absolute start-4 text-gray-400 dark:text-gray-500',
|
|
size: 'h-4 w-4',
|
|
padding: 'ps-10'
|
|
},
|
|
closeButton: 'absolute end-4'
|
|
},
|
|
emptyState: {
|
|
wrapper: 'flex flex-col items-center justify-center flex-1 px-6 py-14 sm:px-14',
|
|
label: 'text-sm text-center text-gray-900 dark:text-white',
|
|
queryLabel: 'text-sm text-center text-gray-900 dark:text-white',
|
|
icon: 'w-6 h-6 mx-auto text-gray-400 dark:text-gray-500 mb-4'
|
|
},
|
|
group: {
|
|
wrapper: 'p-2',
|
|
label: 'px-2 my-2 text-xs font-semibold text-gray-900 dark:text-white',
|
|
container: 'text-sm text-gray-700 dark:text-gray-200',
|
|
command: {
|
|
base: 'flex justify-between select-none items-center rounded-md px-2 py-1.5 gap-2 relative',
|
|
active: 'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white',
|
|
inactive: '',
|
|
label: 'flex items-center gap-1.5 min-w-0',
|
|
prefix: 'text-gray-400 dark:text-gray-500',
|
|
suffix: 'text-gray-400 dark:text-gray-500',
|
|
container: 'flex items-center gap-2 min-w-0',
|
|
icon: {
|
|
base: 'flex-shrink-0 w-4 h-4',
|
|
active: 'text-gray-900 dark:text-white',
|
|
inactive: 'text-gray-400 dark:text-gray-500'
|
|
},
|
|
selectedIcon: {
|
|
base: 'h-4 w-4 text-gray-900 dark:text-white flex-shrink-0'
|
|
},
|
|
avatar: {
|
|
base: 'flex-shrink-0',
|
|
size: '3xs' as const
|
|
},
|
|
chip: {
|
|
base: 'flex-shrink-0 w-2 h-2 mx-1 rounded-full'
|
|
},
|
|
disabled: 'opacity-50',
|
|
shortcuts: 'hidden md:inline-flex flex-shrink-0 gap-0.5'
|
|
},
|
|
active: 'flex-shrink-0 text-gray-500 dark:text-gray-400',
|
|
inactive: 'flex-shrink-0 text-gray-500 dark:text-gray-400'
|
|
},
|
|
default: {
|
|
icon: 'i-heroicons-magnifying-glass-20-solid',
|
|
loadingIcon: 'i-heroicons-arrow-path-20-solid',
|
|
emptyState: {
|
|
icon: 'i-heroicons-magnifying-glass-20-solid',
|
|
label: 'We couldn\'t find any items.',
|
|
queryLabel: 'We couldn\'t find any items with that term. Please try again.'
|
|
},
|
|
closeButton: null,
|
|
selectedIcon: 'i-heroicons-check-20-solid'
|
|
}
|
|
}
|