From 43cefbdc6aff3f7c98f6e25dee8a1cabb7c7e1c9 Mon Sep 17 00:00:00 2001 From: Noah Zinsmeister Date: Tue, 6 Jul 2021 17:05:19 -0400 Subject: [PATCH] no more `borderRadius` errors! (#1968) --- package.json | 3 +- src/components/Button/index.tsx | 32 ++----- src/components/Card/index.tsx | 8 +- src/components/FeeSelector/index.tsx | 2 +- src/components/Menu/index.tsx | 2 +- src/components/Popups/ClaimPopup.tsx | 2 +- src/components/PositionCard/Sushi.tsx | 2 +- src/components/PositionCard/V2.tsx | 6 +- src/components/PositionCard/index.tsx | 12 +-- src/components/SearchModal/CurrencyList.tsx | 2 +- src/components/SearchModal/ImportList.tsx | 2 +- src/components/SearchModal/ImportToken.tsx | 4 +- src/components/claim/AddressClaimModal.tsx | 2 +- src/components/claim/ClaimModal.tsx | 2 +- src/components/earn/PoolCard.tsx | 2 +- src/pages/AddLiquidity/index.tsx | 8 +- src/pages/AddLiquidityV2/index.tsx | 6 +- src/pages/Earn/Manage.tsx | 8 +- src/pages/MigrateV2/MigrateV2Pair.tsx | 4 +- src/pages/Pool/PositionPage.tsx | 4 +- src/pages/Vote/VotePage.tsx | 4 +- src/pages/Vote/index.tsx | 2 +- yarn.lock | 93 +++++++++------------ 23 files changed, 88 insertions(+), 124 deletions(-) diff --git a/package.json b/package.json index 35b47e05ab..a05e5c8a2a 100644 --- a/package.json +++ b/package.json @@ -92,6 +92,7 @@ "react-dom": "^17.0.1", "react-feather": "^2.0.8", "react-ga": "^2.5.7", + "react-is": "^17.0.2", "react-markdown": "^4.3.1", "react-popper": "^2.2.3", "react-redux": "^7.2.2", @@ -106,7 +107,7 @@ "redux-localstorage-simple": "^2.3.1", "serve": "^11.3.2", "start-server-and-test": "^1.11.0", - "styled-components": "^4.2.0", + "styled-components": "^5.3.0", "styled-system": "^5.1.5", "typechain": "^5.0.0", "typescript": "^4.2.3", diff --git a/src/components/Button/index.tsx b/src/components/Button/index.tsx index 17cb2936c0..00eb452f2c 100644 --- a/src/components/Button/index.tsx +++ b/src/components/Button/index.tsx @@ -12,16 +12,15 @@ const Base = styled(RebassButton)< { padding?: string width?: string - borderRadius?: string + $borderRadius?: string altDisabledStyle?: boolean } & ButtonProps >` - padding: ${({ padding }) => (padding ? padding : '16px')}; - width: ${({ width }) => (width ? width : '100%')}; + padding: ${({ padding }) => padding ?? '16px'}; + width: ${({ width }) => width ?? '100%'}; font-weight: 500; text-align: center; - border-radius: 20px; - border-radius: ${({ borderRadius }) => borderRadius && borderRadius}; + border-radius: ${({ $borderRadius }) => $borderRadius ?? '20px'}; outline: none; border: 1px solid transparent; color: white; @@ -345,17 +344,6 @@ export function ButtonDropdown({ disabled = false, children, ...rest }: { disabl ) } -export function ButtonDropdownGrey({ disabled = false, children, ...rest }: { disabled?: boolean } & ButtonProps) { - return ( - - -
{children}
- - - - ) -} - export function ButtonDropdownLight({ disabled = false, children, ...rest }: { disabled?: boolean } & ButtonProps) { return ( @@ -367,14 +355,6 @@ export function ButtonDropdownLight({ disabled = false, children, ...rest }: { d ) } -export function ButtonRadio({ active, ...rest }: { active?: boolean } & ButtonProps) { - if (!active) { - return - } else { - return - } -} - const ActiveOutlined = styled(ButtonOutlined)` border: 1px solid; border-color: ${({ theme }) => theme.primary1}; @@ -407,13 +387,13 @@ export function ButtonRadioChecked({ active = false, children, ...rest }: { acti if (!active) { return ( - + {{children}} ) } else { return ( - + { {children} diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx index f584934fb2..a53d5abc25 100644 --- a/src/components/Card/index.tsx +++ b/src/components/Card/index.tsx @@ -1,13 +1,11 @@ import styled from 'styled-components/macro' import { Box } from 'rebass/styled-components' -const Card = styled(Box)<{ width?: string; padding?: string; border?: string; borderRadius?: string }>` +const Card = styled(Box)<{ width?: string; padding?: string; border?: string; $borderRadius?: string }>` width: ${({ width }) => width ?? '100%'}; - border-radius: 16px; - padding: 1rem; - padding: ${({ padding }) => padding}; + padding: ${({ padding }) => padding ?? '1rem'}; + border-radius: ${({ $borderRadius }) => $borderRadius ?? '16px'}; border: ${({ border }) => border}; - border-radius: ${({ borderRadius }) => borderRadius}; ` export default Card diff --git a/src/components/FeeSelector/index.tsx b/src/components/FeeSelector/index.tsx index b355105c03..b3089e4ee2 100644 --- a/src/components/FeeSelector/index.tsx +++ b/src/components/FeeSelector/index.tsx @@ -159,7 +159,7 @@ export default function FeeSelector({ )} - setShowOptions(!showOptions)} width="auto" padding="4px" borderRadius="6px"> + setShowOptions(!showOptions)} width="auto" padding="4px" $borderRadius="6px"> {showOptions ? Hide : Edit} diff --git a/src/components/Menu/index.tsx b/src/components/Menu/index.tsx index ab2d19ac0f..852435013a 100644 --- a/src/components/Menu/index.tsx +++ b/src/components/Menu/index.tsx @@ -172,7 +172,7 @@ export default function Menu() { {account && ( - + Claim UNI )} diff --git a/src/components/Popups/ClaimPopup.tsx b/src/components/Popups/ClaimPopup.tsx index 52d29b5469..acb8adbd56 100644 --- a/src/components/Popups/ClaimPopup.tsx +++ b/src/components/Popups/ClaimPopup.tsx @@ -117,7 +117,7 @@ export default function ClaimPopup() { - + Claim your UNI tokens diff --git a/src/components/PositionCard/Sushi.tsx b/src/components/PositionCard/Sushi.tsx index e6fd7c9a90..1c1b4bc53f 100644 --- a/src/components/PositionCard/Sushi.tsx +++ b/src/components/PositionCard/Sushi.tsx @@ -62,7 +62,7 @@ export default function SushiPositionCard({ tokenA, tokenB, liquidityToken, bord setShowMore(!showMore)} > @@ -188,7 +188,7 @@ export default function V2PositionCard({ pair, border, stakedBalance }: Position - setShowMore(!showMore)}> + setShowMore(!showMore)}> {showMore ? ( <> Manage @@ -306,7 +306,7 @@ export default function FullPositionCard({ pair, border, stakedBalance }: Positi - + - + diff --git a/src/components/SearchModal/ImportList.tsx b/src/components/SearchModal/ImportList.tsx index 5595fc2913..8aa5ea9d22 100644 --- a/src/components/SearchModal/ImportList.tsx +++ b/src/components/SearchModal/ImportList.tsx @@ -149,7 +149,7 @@ export function ImportList({ listURL, list, setModalView, onDismiss }: ImportPro diff --git a/src/components/SearchModal/ImportToken.tsx b/src/components/SearchModal/ImportToken.tsx index b59526db40..03a3837358 100644 --- a/src/components/SearchModal/ImportToken.tsx +++ b/src/components/SearchModal/ImportToken.tsx @@ -108,7 +108,7 @@ export function ImportToken({ tokens, list, onBack, onDismiss, handleCurrencySel ) : ( - + @@ -124,7 +124,7 @@ export function ImportToken({ tokens, list, onBack, onDismiss, handleCurrencySel { tokens.map((token) => addToken(token)) diff --git a/src/components/claim/AddressClaimModal.tsx b/src/components/claim/AddressClaimModal.tsx index 4ae9ed86d0..37ee5a46e2 100644 --- a/src/components/claim/AddressClaimModal.tsx +++ b/src/components/claim/AddressClaimModal.tsx @@ -132,7 +132,7 @@ export default function AddressClaimModal({ isOpen, onDismiss }: { isOpen: boole disabled={!isAddress(parsedAddress ?? '') || !hasAvailableClaim} padding="16px 16px" width="100%" - borderRadius="12px" + $borderRadius="12px" mt="1rem" onClick={onClaim} > diff --git a/src/components/claim/ClaimModal.tsx b/src/components/claim/ClaimModal.tsx index 27a45db6b3..7055b26530 100644 --- a/src/components/claim/ClaimModal.tsx +++ b/src/components/claim/ClaimModal.tsx @@ -161,7 +161,7 @@ export default function ClaimModal() { disabled={!isAddress(account ?? '')} padding="16px 16px" width="100%" - borderRadius="12px" + $borderRadius="12px" mt="1rem" onClick={onClaim} > diff --git a/src/components/earn/PoolCard.tsx b/src/components/earn/PoolCard.tsx index cd1ef958f1..81f285a8df 100644 --- a/src/components/earn/PoolCard.tsx +++ b/src/components/earn/PoolCard.tsx @@ -119,7 +119,7 @@ export default function PoolCard({ stakingInfo }: { stakingInfo: StakingInfo }) - + {isStaking ? Manage : Deposit} diff --git a/src/pages/AddLiquidity/index.tsx b/src/pages/AddLiquidity/index.tsx index 5e3498c480..c69c8b4bb7 100644 --- a/src/pages/AddLiquidity/index.tsx +++ b/src/pages/AddLiquidity/index.tsx @@ -639,7 +639,7 @@ export default function AddLiquidity({ )} {outOfRange ? ( - + @@ -653,7 +653,7 @@ export default function AddLiquidity({ ) : null} {invalidRange ? ( - + @@ -703,13 +703,13 @@ export default function AddLiquidity({
{addIsUnsupported ? ( - + Unsupported Asset ) : !account ? ( - + Connect wallet ) : ( diff --git a/src/pages/AddLiquidityV2/index.tsx b/src/pages/AddLiquidityV2/index.tsx index 765960e935..397c4022c8 100644 --- a/src/pages/AddLiquidityV2/index.tsx +++ b/src/pages/AddLiquidityV2/index.tsx @@ -215,7 +215,7 @@ export default function AddLiquidity({ const modalHeader = () => { return noLiquidity ? ( - + {currencies[Field.CURRENCY_A]?.symbol + '/' + currencies[Field.CURRENCY_B]?.symbol} @@ -398,7 +398,7 @@ export default function AddLiquidity({ /> {currencies[Field.CURRENCY_A] && currencies[Field.CURRENCY_B] && pairState !== PairState.INVALID && ( <> - + {noLiquidity ? ( @@ -408,7 +408,7 @@ export default function AddLiquidity({ )} {' '} - + setShowClaimRewardModal(true)} > @@ -340,7 +340,7 @@ export default function Manage({ {!showAddLiquidityButton && ( {stakingInfo && stakingInfo.active && ( - + {stakingInfo?.stakedAmount?.greaterThan(JSBI.BigInt(0)) ? ( Deposit ) : ( @@ -353,7 +353,7 @@ export default function Manage({ <> setShowUnstakingModal(true)} > diff --git a/src/pages/MigrateV2/MigrateV2Pair.tsx b/src/pages/MigrateV2/MigrateV2Pair.tsx index 74430ef15b..81f8ccef1c 100644 --- a/src/pages/MigrateV2/MigrateV2Pair.tsx +++ b/src/pages/MigrateV2/MigrateV2Pair.tsx @@ -544,7 +544,7 @@ function V2PairMigration({ /> {outOfRange ? ( - + @@ -557,7 +557,7 @@ function V2PairMigration({ ) : null} {invalidRange ? ( - + diff --git a/src/pages/Pool/PositionPage.tsx b/src/pages/Pool/PositionPage.tsx index 183e03535e..bf47d89908 100644 --- a/src/pages/Pool/PositionPage.tsx +++ b/src/pages/Pool/PositionPage.tsx @@ -540,7 +540,7 @@ export function PositionPage({ to={`/increase/${currencyId(currency0)}/${currencyId(currency1)}/${feeAmount}/${tokenId}`} width="fit-content" padding="6px 8px" - borderRadius="12px" + $borderRadius="12px" style={{ marginRight: '8px' }} > Increase Liquidity @@ -552,7 +552,7 @@ export function PositionPage({ to={`/remove/${tokenId}`} width="fit-content" padding="6px 8px" - borderRadius="12px" + $borderRadius="12px" > Remove Liquidity diff --git a/src/pages/Vote/VotePage.tsx b/src/pages/Vote/VotePage.tsx index 94d9a28412..26206f63bf 100644 --- a/src/pages/Vote/VotePage.tsx +++ b/src/pages/Vote/VotePage.tsx @@ -250,7 +250,7 @@ export default function VotePage({ { setSupport(true) toggleVoteModal() @@ -260,7 +260,7 @@ export default function VotePage({ { setSupport(false) toggleVoteModal() diff --git a/src/pages/Vote/index.tsx b/src/pages/Vote/index.tsx index 63b37a04ff..cdaa092fa3 100644 --- a/src/pages/Vote/index.tsx +++ b/src/pages/Vote/index.tsx @@ -181,7 +181,7 @@ export default function Vote() { Unlock Voting diff --git a/yarn.lock b/yarn.lock index 8f2cfe15fe..bb5999d277 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1631,7 +1631,7 @@ debug "^4.1.0" globals "^11.1.0" -"@babel/traverse@^7.14.5": +"@babel/traverse@^7.14.5", "@babel/traverse@^7.4.5": version "7.14.7" resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.14.7.tgz#64007c9774cfdc3abd23b0780bc18a3ce3631753" integrity sha512-9vDr5NzHu27wgwejuKL7kIOm4bwEtaPQ4Z6cpCmjSuaRqpH/7xc4qcGEscwMqlkwgcXl6MvqoAjZkQ24uSdIZQ== @@ -1774,7 +1774,7 @@ resolved "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz" integrity sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow== -"@emotion/is-prop-valid@0.8.8", "@emotion/is-prop-valid@^0.8.1": +"@emotion/is-prop-valid@0.8.8", "@emotion/is-prop-valid@^0.8.1", "@emotion/is-prop-valid@^0.8.8": version "0.8.8" resolved "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz" integrity sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA== @@ -1825,12 +1825,12 @@ "@emotion/styled-base" "^10.0.27" babel-plugin-emotion "^10.0.27" -"@emotion/stylis@0.8.5": +"@emotion/stylis@0.8.5", "@emotion/stylis@^0.8.4": version "0.8.5" resolved "https://registry.npmjs.org/@emotion/stylis/-/stylis-0.8.5.tgz" integrity sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ== -"@emotion/unitless@0.7.5", "@emotion/unitless@^0.7.0": +"@emotion/unitless@0.7.5", "@emotion/unitless@^0.7.4": version "0.7.5" resolved "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz" integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg== @@ -5432,10 +5432,10 @@ babel-plugin-polyfill-regenerator@^0.2.0: dependencies: "@babel/helper-define-polyfill-provider" "^0.2.0" -"babel-plugin-styled-components@>= 1": - version "1.12.0" - resolved "https://registry.npmjs.org/babel-plugin-styled-components/-/babel-plugin-styled-components-1.12.0.tgz" - integrity sha512-FEiD7l5ZABdJPpLssKXjBUJMYqzbcNzBowfXDCdJhOpbhWiewapUaY+LZGT8R4Jg2TwOjGjG4RKeyrO5p9sBkA== +"babel-plugin-styled-components@>= 1.12.0": + version "1.13.1" + resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.13.1.tgz#5ecd28b207627c2a26ef8d5da401e9644065095a" + integrity sha512-iY11g5orsdBnvWtXKCFBzDyTxZ9jvmkcYCCs5ONlvASYltDRhieCVzeDC7Do0fSW7psAL0zfVoXB3FHz2CkUSg== dependencies: "@babel/helper-annotate-as-pure" "^7.0.0" "@babel/helper-module-imports" "^7.0.0" @@ -7476,14 +7476,14 @@ css-select@^2.0.0, css-select@^2.0.2: domutils "^1.7.0" nth-check "^1.0.2" -css-to-react-native@^2.2.2: - version "2.3.2" - resolved "https://registry.npmjs.org/css-to-react-native/-/css-to-react-native-2.3.2.tgz" - integrity sha512-VOFaeZA053BqvvvqIA8c9n0+9vFppVBAHCp6JgFTtTMU3Mzi+XnelJ9XC9ul3BqFzZyQ5N+H0SnwsWT2Ebchxw== +css-to-react-native@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.0.0.tgz#62dbe678072a824a689bcfee011fc96e02a7d756" + integrity sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ== dependencies: camelize "^1.0.0" css-color-keywords "^1.0.0" - postcss-value-parser "^3.3.0" + postcss-value-parser "^4.0.2" css-tree@1.0.0-alpha.37: version "1.0.0-alpha.37" @@ -10340,7 +10340,7 @@ hmac-drbg@^1.0.1: minimalistic-assert "^1.0.0" minimalistic-crypto-utils "^1.0.1" -hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2: +hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2: version "3.3.2" resolved "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz" integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw== @@ -11293,11 +11293,6 @@ is-upper-case@^2.0.2: dependencies: tslib "^2.0.3" -is-what@^3.3.1: - version "3.14.1" - resolved "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz" - integrity sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA== - is-whitespace-character@^1.0.0: version "1.0.4" resolved "https://registry.npmjs.org/is-whitespace-character/-/is-whitespace-character-1.0.4.tgz" @@ -12785,7 +12780,7 @@ memdown@^1.0.0: ltgt "~2.2.0" safe-buffer "~5.1.1" -"memoize-one@>=3.1.1 <6", memoize-one@^5.0.0: +"memoize-one@>=3.1.1 <6": version "5.2.1" resolved "https://registry.npmjs.org/memoize-one/-/memoize-one-5.2.1.tgz" integrity sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q== @@ -12806,13 +12801,6 @@ memory-fs@^0.5.0: errno "^0.1.3" readable-stream "^2.0.1" -merge-anything@^2.2.4: - version "2.4.4" - resolved "https://registry.npmjs.org/merge-anything/-/merge-anything-2.4.4.tgz" - integrity sha512-l5XlriUDJKQT12bH+rVhAHjwIuXWdAIecGwsYjv2LJo+dA1AeRTmeQS+3QBpO6lEthBMDi2IUMpLC1yyRvGlwQ== - dependencies: - is-what "^3.3.1" - merge-descriptors@1.0.1: version "1.0.1" resolved "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz" @@ -14813,7 +14801,7 @@ postcss-unique-selectors@^4.0.1: postcss "^7.0.0" uniqs "^2.0.0" -postcss-value-parser@^3.0.0, postcss-value-parser@^3.3.0: +postcss-value-parser@^3.0.0: version "3.3.1" resolved "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz" integrity sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ== @@ -15002,7 +14990,7 @@ prompts@^2.0.1: kleur "^3.0.3" sisteransi "^1.0.5" -prop-types@^15.5.4, prop-types@^15.5.8, prop-types@^15.6.2, prop-types@^15.7.2: +prop-types@^15.5.8, prop-types@^15.6.2, prop-types@^15.7.2: version "15.7.2" resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.7.2.tgz" integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ== @@ -15355,6 +15343,11 @@ react-is@^17.0.1: resolved "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz" integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w== +react-is@^17.0.2: + version "17.0.2" + resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0" + integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w== + react-markdown@^4.3.1: version "4.3.1" resolved "https://registry.npmjs.org/react-markdown/-/react-markdown-4.3.1.tgz" @@ -16627,6 +16620,11 @@ sha.js@^2.4.0, sha.js@^2.4.8: inherits "^2.0.1" safe-buffer "^5.0.1" +shallowequal@^1.1.0: + version "1.1.0" + resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8" + integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ== + shebang-command@^1.2.0: version "1.2.0" resolved "https://registry.npmjs.org/shebang-command/-/shebang-command-1.2.0.tgz" @@ -17249,23 +17247,20 @@ style-loader@1.3.0: loader-utils "^2.0.0" schema-utils "^2.7.0" -styled-components@^4.2.0: - version "4.4.1" - resolved "https://registry.npmjs.org/styled-components/-/styled-components-4.4.1.tgz" - integrity sha512-RNqj14kYzw++6Sr38n7197xG33ipEOktGElty4I70IKzQF1jzaD1U4xQ+Ny/i03UUhHlC5NWEO+d8olRCDji6g== +styled-components@^5.3.0: + version "5.3.0" + resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.3.0.tgz#e47c3d3e9ddfff539f118a3dd0fd4f8f4fb25727" + integrity sha512-bPJKwZCHjJPf/hwTJl6TbkSZg/3evha+XPEizrZUGb535jLImwDUdjTNxXqjjaASt2M4qO4AVfoHJNe3XB/tpQ== dependencies: "@babel/helper-module-imports" "^7.0.0" - "@babel/traverse" "^7.0.0" - "@emotion/is-prop-valid" "^0.8.1" - "@emotion/unitless" "^0.7.0" - babel-plugin-styled-components ">= 1" - css-to-react-native "^2.2.2" - memoize-one "^5.0.0" - merge-anything "^2.2.4" - prop-types "^15.5.4" - react-is "^16.6.0" - stylis "^3.5.0" - stylis-rule-sheet "^0.0.10" + "@babel/traverse" "^7.4.5" + "@emotion/is-prop-valid" "^0.8.8" + "@emotion/stylis" "^0.8.4" + "@emotion/unitless" "^0.7.4" + babel-plugin-styled-components ">= 1.12.0" + css-to-react-native "^3.0.0" + hoist-non-react-statics "^3.0.0" + shallowequal "^1.1.0" supports-color "^5.5.0" styled-system@^5.0.0, styled-system@^5.1.5: @@ -17296,16 +17291,6 @@ stylehacks@^4.0.0: postcss "^7.0.0" postcss-selector-parser "^3.0.0" -stylis-rule-sheet@^0.0.10: - version "0.0.10" - resolved "https://registry.npmjs.org/stylis-rule-sheet/-/stylis-rule-sheet-0.0.10.tgz" - integrity sha512-nTbZoaqoBnmK+ptANthb10ZRZOGC+EmTLLUxeYIuHNkEKcmKgXX1XWKkUBT2Ac4es3NybooPe0SmvKdhKJZAuw== - -stylis@^3.5.0: - version "3.5.4" - resolved "https://registry.npmjs.org/stylis/-/stylis-3.5.4.tgz" - integrity sha512-8/3pSmthWM7lsPBKv7NXkzn2Uc9W7NotcwGNpJaa3k7WMM1XDCA4MgT5k/8BIexd5ydZdboXtU90XH9Ec4Bv/Q== - subscriptions-transport-ws@^0.9.18: version "0.9.19" resolved "https://registry.yarnpkg.com/subscriptions-transport-ws/-/subscriptions-transport-ws-0.9.19.tgz#10ca32f7e291d5ee8eb728b9c02e43c52606cdcf"