feat(system): improve typography styles

2022-04-13 14:25:34 +02:00 · 2022-04-13 14:25:34 +02:00 · 8ea0b46cde
parent 25c2759baa
commit 8ea0b46cde
2 changed files with 3 additions and 0 deletions
--- a/packages/status-react/src/system/heading/heading.tsx
+++ b/packages/status-react/src/system/heading/heading.tsx
@ -4,6 +4,7 @@ import type React from 'react'

 const Heading = styled('div', {
  fontFamily: theme.fonts.sans,
+  overflowWrap: 'break-word',

  variants: {
    size: {
--- a/packages/status-react/src/system/text/text.tsx
+++ b/packages/status-react/src/system/text/text.tsx
@ -4,6 +4,8 @@ import type React from 'react'

 const Text = styled('div', {
  fontFamily: theme.fonts.sans,
+  overflowWrap: 'break-word',
+  lineHeight: 1.5,

  variants: {
    size: {