Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
import stylers from "@paprika/stylers";
export const Box = styled.div`
border: 1px solid ${tokens.border.color};
border-radius: ${tokens.border.radius};
margin-bottom: ${stylers.spacer(2)};
padding: ${stylers.spacer(2)};
width: 280px;
`;
export const TruncatedBox = styled(Box)`
${stylers.truncateText};
`;
export const UntruncatedBox = styled(TruncatedBox)`
${stylers.noTruncateText};
`;
export const InvisibleBox = styled(Box)`
${stylers.visuallyHidden};
`;
export const InputWithPlaceholder = styled.input`
${stylers.placeholders};
`;
export const FontScale = styled.div``;
export const FontStep = styled.span`
${props => stylers.fontSize(props.scale)};
display: inline-flex;