status-im/dappconnect-chat-sdk
2
0
Fork 0
mirror of https://github.com/status-im/dappconnect-chat-sdk.git synced 2025-02-05 02:53:51 +00:00
Code Issues Projects Releases Wiki Activity

feat(system): improve typography components

Browse Source
This commit is contained in:
Pavel Prichodko 2022-03-18 19:14:30 +01:00
parent 3370171ddf
commit ba359a5cc7
No known key found for this signature in database
GPG Key ID: 0EB8D75C775AB6F1
2 changed files with 30 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/status-react/src/system/heading/heading.tsx
View File

@ -4,11 +4,21 @@ import type React from 'react'
const Heading = styled('div', { const Heading = styled('div', {
fontFamily: theme.fonts.sans, fontFamily: theme.fonts.sans,
fontSize: '17px',
variants: { variants: {
size: {}, size: {
color: {}, 15: {
fontSize: '15px',
},
17: {
fontSize: '17px',
},
},
color: {
accent: {
color: '$accent-1',
},
},
weight: { weight: {
'400': { '400': {
fontWeight: theme.fontWeights[400], fontWeight: theme.fontWeights[400],
@ -55,6 +65,9 @@ const Heading = styled('div', {
defaultVariants: { defaultVariants: {
align: 'left', align: 'left',
color: 'accent',
weight: '500',
size: '17',
}, },
// compoundVariants: {}, // compoundVariants: {},

15
packages/status-react/src/system/text/text.tsx
View File

@ -13,13 +13,25 @@ const Text = styled('div', {
'12': { '12': {
fontSize: '12px', fontSize: '12px',
}, },
'13': {
fontSize: '13px',
},
'14': { '14': {
fontSize: '14px', fontSize: '14px',
}, },
'15': {
fontSize: '15px',
},
}, },
color: { color: {
accent: {
color: '$accent-1',
},
primary: {
color: '$primary-1',
},
gray: { gray: {
color: '#939BA1', color: '$gray-1',
}, },
}, },
weight: { weight: {
@ -70,6 +82,7 @@ const Text = styled('div', {
defaultVariants: { defaultVariants: {
align: 'left', align: 'left',
weight: '400', weight: '400',
color: 'accent',
}, },
// compoundVariants: {}, // compoundVariants: {},