22 lines
1.6 KiB
TypeScript
22 lines
1.6 KiB
TypeScript
export const fieldLabelClass =
|
|
'mb-2 block text-[13px] font-medium tracking-[-0.02em] text-[#1a1c1d]'
|
|
|
|
export const fieldHintClass = 'text-[12px] leading-relaxed text-[#86898e]'
|
|
|
|
export const fieldControlClass =
|
|
'w-full rounded-[8px] border border-[#e7e8ea] bg-white px-4 py-2.5 text-[14px] tracking-[-0.02em] text-[#1a1c1d] placeholder:text-[#86898e] outline-none transition-colors focus:border-[#1a1c1d] focus-visible:ring-2 focus-visible:ring-[#1a1c1d]/70 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-60'
|
|
|
|
export const fieldErrorClass = 'mt-1 text-[13px] text-[#b42318]'
|
|
|
|
export const inkButtonClass =
|
|
'inline-flex h-11 items-center justify-center rounded-[8px] bg-[#1a1c1d] px-6 text-[14px] font-medium tracking-[-0.02em] text-white transition-colors hover:bg-[#2a2d2f] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1a1c1d]/70 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50'
|
|
|
|
export const outlineButtonClass =
|
|
'inline-flex h-11 items-center justify-center rounded-[8px] border border-[#1a1c1d] bg-white px-6 text-[14px] font-medium tracking-[-0.02em] text-[#1a1c1d] transition-colors hover:bg-[#1a1c1d] hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#1a1c1d]/70 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50'
|
|
|
|
export const dropZoneIdleClass =
|
|
'rounded-[12px] border border-dashed border-[#e7e8ea] bg-[#fafafa] transition-colors'
|
|
|
|
export const dropZoneActiveClass =
|
|
'rounded-[12px] border border-dashed border-[#1a1c1d] bg-[#eef0fa] transition-colors'
|