mirror of
https://github.com/crater-invoice/crater.git
synced 2025-11-04 06:23:17 -05:00
32 lines
1.7 KiB
JavaScript
32 lines
1.7 KiB
JavaScript
export default {
|
|
variants: {
|
|
gray: {
|
|
container:
|
|
'relative flex items-center w-full border border-solid rounded-md bg-gray-100 hover:border-gray-400',
|
|
baseInput:
|
|
'not-italic font-normal leading-tight text-left outline-none rounded-md input-field box-border-2 placeholder-gray-400 text-black w-full h-8 px-0 py-0 text-xs bg-gray-100',
|
|
rightIconInput:
|
|
'not-italic font-normal leading-tight text-left outline-none min-w-0 rounded-md input-field box-border-2 placeholder-gray-400 text-black w-full pl-3 pr-1 py-2 text-sm bg-gray-100',
|
|
rightIconContainer:
|
|
'flex flex-col justify-center align-middle pr-2 text-gray-400 min-w-0',
|
|
containerFocusIn: 'border-primary-500 ',
|
|
containerFocusOut: 'border-gray-300 focus:border-transparent',
|
|
},
|
|
|
|
searchInput: {
|
|
container:
|
|
'relative flex items-center w-full border border-solid rounded-md bg-white',
|
|
baseInput:
|
|
'not-italic font-normal leading-tight text-left outline-none rounded-md input-field box-border-2 placeholder-gray-400 text-black w-full h-8 px-0 py-0 text-xs',
|
|
rightIconInput:
|
|
'not-italic font-normal leading-tight text-left outline-none rounded-md input-field box-border-2 placeholder-gray-400 text-black w-full pl-3 pr-1 py-2 text-sm',
|
|
leftIconInput:
|
|
'not-italic font-normal leading-tight text-left outline-none rounded-md input-field box-border-2 placeholder-gray-400 text-black w-full pl-1 pr-3 py-2 text-sm',
|
|
rightIconContainer: 'flex flex-col justify-center align-middle pr-2',
|
|
leftIconContainer: 'flex flex-col justify-center align-middle',
|
|
containerFocusIn: 'border-primary-500',
|
|
containerFocusOut: 'border-gray-300 focus:border-transparent',
|
|
},
|
|
},
|
|
}
|