Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
}
}
}
`
export const labelText = css`
${textSans.medium()};
color: ${palette.text.primary};
`
export const labelTextWithSupportingText = css`
${textSans.medium()};
`
export const supportingText = css`
${textSans.small()};
color: ${palette.text.secondary};
`
export const tick = css`
@supports (appearance: none) {
/* overall positional properties */
position: absolute;
top: 15px;
left: 9px;
width: 6px;
height: 12px;
transform: rotate(45deg);
z-index: 5;
/* the checkmark ✓ */
&:after,
export const supportingText = ({
radio,
}: { radio: RadioTheme } = radioLight) => css`
${textSans.small()};
color: ${radio.textSupporting};
`
export const text = ({
textInput,
}: { textInput: TextInputTheme } = textInputLight) => css`
${textSans.medium()};
color: ${textInput.textLabel};
margin-bottom: ${space[1]}px;
`
export const errorInput = css`
border: 4px solid ${palette.border.error};
color: ${palette.error.main};
`
export const optionalLabel = css`
${textSans.small()};
color: ${palette.text.secondary};
font-style: italic;
`
export const supportingText = css`
${textSans.small()};
color: ${palette.text.secondary};
margin-bottom: ${space[1]}px;
`