# All files / src/Required Required.styles.ts

90% Statements 9/10
88.88% Branches 8/9
100% Functions 1/1
90% Lines 9/10

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
    25
    26
    27
    28
    29
    30
    31
    3231x
    31x

    31x

    31x

    2x
    2x

    2x

    31x

    31x

     import styled, { css } from 'styled-components'
    import {
      getTypographyIntent,
      typographyWeights,
    } from '../Typography/Typography.styles'
    import { colors } from '../_styles/colors'

    export const StyledRequiredMark = styled.span<{ $showLabel: boolean }>`
      color: ${colors.red50};

      ${({ $showLabel }) => {
        Iif ($showLabel) {
          return
        }

        return css`
          ${getTypographyIntent('body')}
          font-weight: ${typographyWeights.semibold};
        `
      }}
    `

    export const StyledRequiredContainer = styled.span`
      ${getTypographyIntent('small')}
    `

    export const StyledRequiredText = styled.span`
      font-style: italic;
      color: ${colors.gray45};
      margin-left: 4px;
    `