diff --git a/packages/palette/src/elements/Text/Text.story.tsx b/packages/palette/src/elements/Text/Text.story.tsx index ed645cf25..f18c3cd71 100644 --- a/packages/palette/src/elements/Text/Text.story.tsx +++ b/packages/palette/src/elements/Text/Text.story.tsx @@ -146,6 +146,10 @@ storiesOf("Components/Text", module) lineHeight: "solid", letterSpacing: "tightest", }, + { + variant: 'text', + lineHeight: 'solid' + } ] return ( diff --git a/packages/palette/src/elements/Text/Text.tsx b/packages/palette/src/elements/Text/Text.tsx index 219ab0981..c51e2a825 100644 --- a/packages/palette/src/elements/Text/Text.tsx +++ b/packages/palette/src/elements/Text/Text.tsx @@ -14,12 +14,13 @@ export const overflowEllipsisMixin = css` /** Text */ export const Text = styled.div` ${variant({ variants: TEXT_VARIANTS.small })} + ${textMixin} @media (min-width: ${themeGet("breakpoints.0")}) { ${variant({ variants: TEXT_VARIANTS.large })} + ${textMixin} } - ${textMixin} ${({ overflowEllipsis }) => overflowEllipsis && overflowEllipsisMixin} `