68 lines
1.3 KiB
TypeScript
68 lines
1.3 KiB
TypeScript
import { dripStitches } from '../../theme';
|
|
import { Flex } from '../layout';
|
|
|
|
const { styled } = dripStitches;
|
|
export abstract class FormStyles {
|
|
static readonly Field = styled(Flex, {
|
|
flexDirection: 'column',
|
|
maxWidth: '100%',
|
|
});
|
|
|
|
static readonly Label = styled('label', {
|
|
color: '$slate11',
|
|
mb: '$1h',
|
|
|
|
'&:disabled': {
|
|
color: '$slate8',
|
|
},
|
|
variants: {
|
|
size: {
|
|
sm: {
|
|
fontSize: '$xs', //TODO check with royce font size
|
|
},
|
|
md: {
|
|
fontSize: '$xs',
|
|
},
|
|
lg: {
|
|
fontSize: '$md',
|
|
},
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
size: 'md',
|
|
},
|
|
});
|
|
|
|
static readonly RequiredLabel = styled('span', {
|
|
color: '$red11',
|
|
});
|
|
|
|
static readonly MaxLength = styled(FormStyles.Label, {
|
|
textAlign: 'right',
|
|
mt: '$1h',
|
|
});
|
|
|
|
static readonly Overline = styled('div', {
|
|
display: 'flex',
|
|
justifyContent: 'space-between',
|
|
});
|
|
|
|
static readonly OverlineErrors = styled(Flex, {
|
|
flexDirection: 'column',
|
|
});
|
|
|
|
static readonly ErrorMessage = styled('span', {
|
|
color: '$red11',
|
|
fontSize: '0.625rem',
|
|
mt: '$1h',
|
|
|
|
variants: {
|
|
size: {
|
|
lg: {
|
|
fontSize: '$sm',
|
|
},
|
|
},
|
|
},
|
|
});
|
|
}
|