# All files / Form/components/Field Field.styled.ts

0% Statements 0/5
100% Branches 0/0
0% Functions 0/2
0% Lines 0/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24

     import { Style, Styles } from 'jss'
    import { FormFieldClassProps } from '../../Form.type'
    import { Theme } from '../../../styles'

    const label: Style = {
      position: 'relative'
    }

    const labelRequired = (theme: Theme): Style => ({
      '&::after': {
        content: '*',
        position: 'absolute',
        right: -9,
        top: 0,
        fontSize: 14,
        color: theme.colors!.error!.default
      }
    })

    export const styles = (theme: Theme): Styles<FormFieldClassProps> => ({
      label,
      labelRequired: labelRequired(theme)
    })