@patreon/studio
Version:
Patreon Studio Design System
10 lines • 519 B
JSX
import styled from 'styled-components';
import { tokens } from '../../tokens';
import { cssForBodyText, cssForHeadingText } from '../../utilities/type-bundles';
export const Label = styled.label `
color: ${({ error }) => (error ? tokens.global.critical.action.default : tokens.global.content.regular.default)};
display: block;
padding-bottom: ${tokens.global.space.x8};
${({ secondary }) => (secondary ? cssForBodyText({ size: 'md' }) : cssForHeadingText({ size: 'sm' }))};
`;
//# sourceMappingURL=index.jsx.map