Files
ui/src/theme/form-field.ts
Sandro Circi 104852a55c chore: use new syntax for css variables (#3258)
Co-authored-by: Benjamin Canac <canacb1@gmail.com>
2025-02-07 11:24:14 +01:00

31 lines
725 B
TypeScript

export default {
slots: {
root: '',
wrapper: '',
labelWrapper: 'flex content-center items-center justify-between',
label: 'block font-medium text-(--ui-text)',
container: 'mt-1 relative',
description: 'text-(--ui-text-muted)',
error: 'mt-2 text-(--ui-error)',
hint: 'text-(--ui-text-muted)',
help: 'mt-2 text-(--ui-text-muted)'
},
variants: {
size: {
xs: { root: 'text-xs' },
sm: { root: 'text-xs' },
md: { root: 'text-sm' },
lg: { root: 'text-sm' },
xl: { root: 'text-base' }
},
required: {
true: {
label: `after:content-['*'] after:ms-0.5 after:text-(--ui-error)`
}
}
},
defaultVariants: {
size: 'md'
}
}