1
0
mirror of https://github.com/SomboChea/ui synced 2026-01-19 01:25:51 +07:00

feat: Added Theme and migrate to emotion@10.x ๐Ÿš€ (#286)

* chore: updated emotion dependency

* feat: introduced theme

* refactor: updated emotion styles

* fix: fixed emotion error

* fix: fixed tests

* chore: add missing types

Co-Authored-By: Thomas Klein <tmkn@users.noreply.github.com>
This commit is contained in:
Priscila Oliveira
2019-11-23 13:41:14 +01:00
committed by Juan Picado @jotadeveloper
parent a0dcf87368
commit 111f0c50e5
105 changed files with 1884 additions and 913 deletions

View File

@@ -1,6 +1,6 @@
import styled from 'react-emotion';
import styled from '@emotion/styled';
import colors from '../../utils/styles/colors';
import { Theme } from '../../design-tokens/theme';
import { fontWeight } from '../../utils/styles/sizes';
import ListItem from '../../muiComponents/ListItem';
import Text from '../../muiComponents/Text';
@@ -18,11 +18,11 @@ export const DistListItem = styled(ListItem)({
});
export const DistChips = styled(Chip)({
marginRight: '5px',
marginRight: 5,
textTransform: 'capitalize',
});
export const DownloadButton = styled(FloatingActionButton)({
backgroundColor: colors.primary,
color: colors.white,
});
export const DownloadButton = styled(FloatingActionButton)<{ theme?: Theme }>(props => ({
backgroundColor: props.theme && props.theme.palette.primary.main,
color: props.theme && props.theme.palette.white,
}));