Upgrade to emotion v10

Summary: React 16 is not compatible with react-emotion 9 (it prints warnings, see also https://github.com/emotion-js/emotion/issues/644). So we should upgrade to 10.

Reviewed By: mweststrate

Differential Revision: D18905889

fbshipit-source-id: c00d2dbbadb1c08544632cb9bfcd63f2b1818a25
This commit is contained in:
Anton Nikolaev
2019-12-11 09:41:32 -08:00
committed by Facebook Github Bot
parent c3dfcbe601
commit c0f902f81a
119 changed files with 977 additions and 1004 deletions

View File

@@ -73,7 +73,7 @@ const Row = styled(FlexRow)(props => ({
},
}));
const Label = styled('div')({
const Label = styled.div({
width: LABEL_WIDTH,
paddingLeft: 10,
paddingRight: 10,
@@ -88,7 +88,7 @@ const Label = styled('div')({
zIndex: 2,
});
const Content = styled('div')({
const Content = styled.div({
textOverflow: 'ellipsis',
overflow: 'hidden',
fontSize: 11,
@@ -98,7 +98,7 @@ const Content = styled('div')({
color: colors.light50,
});
const Record = styled('div')(({highlighted}) => ({
const Record = styled.div(({highlighted}) => ({
border: `1px solid ${colors.light15}`,
boxShadow: highlighted
? `inset 0 0 0 2px ${colors.macOSTitleBarIconSelected}`
@@ -116,7 +116,7 @@ const Record = styled('div')(({highlighted}) => ({
alignItems: 'center',
}));
const Empty = styled('div')({
const Empty = styled.div({
width: WIDTH,
padding: '10px 5px',
marginRight: PADDING,