diff --git a/packages/palette/src/elements/Text/Text.story.tsx b/packages/palette/src/elements/Text/Text.story.tsx index ed645cf25..f9a2fae7c 100644 --- a/packages/palette/src/elements/Text/Text.story.tsx +++ b/packages/palette/src/elements/Text/Text.story.tsx @@ -146,7 +146,11 @@ storiesOf("Components/Text", module) lineHeight: "solid", letterSpacing: "tightest", }, - ] + { + variant: 'text', + lineHeight: 'solid' + } + ] as const return ( <Table> 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<TextProps & { overflowEllipsis?: boolean }>` ${variant({ variants: TEXT_VARIANTS.small })} + ${textMixin} @media (min-width: ${themeGet("breakpoints.0")}) { ${variant({ variants: TEXT_VARIANTS.large })} + ${textMixin} } - ${textMixin} ${({ overflowEllipsis }) => overflowEllipsis && overflowEllipsisMixin} `