joyent-portal/packages/ui-toolkit/src/form/legend.js

import { Legend } from 'normalized-styled-components';
import Baseline from '../baseline';
import typography from '../typography';

const StyledLegend = Legend.extend`
  ${typography.semibold};
`;

export default Baseline(StyledLegend);
chore: initial lerna setup this shall be a progressive process 2017-05-18 21:21:33 +03:00			`import { Legend } from 'normalized-styled-components';`
			`import Baseline from '../baseline';`
			`import typography from '../typography';`

feat(cp-frontend,ui-toolkit): style inheritance using `.extend` (#458) styled-components@2 exposes a new `.extend`[1] API. It is less problematic than styled(Parent). [1]: https://www.styled-components.com/docs/basics#extending-styles 2017-05-25 17:59:58 +03:00			const StyledLegend = Legend.extend`
chore: initial lerna setup this shall be a progressive process 2017-05-18 21:21:33 +03:00			`${typography.semibold};`
			`;

			`export default Baseline(StyledLegend);`