diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 0000000..c0afdb7
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,39 @@
+name: Deploy to Github Pages
+
+on:
+ push:
+ branches:
+ - master
+
+jobs:
+ deploy:
+ runs-on: ubuntu-18.04
+ steps:
+ - uses: actions/checkout@v2
+
+ - name: Setup Node
+ uses: actions/setup-node@v1
+ with:
+ node-version: '14.x'
+
+ - name: Get yarn cache
+ id: yarn-cache
+ run: echo "::set-output name=dir::$(yarn cache dir)"
+
+ - name: Cache dependencies
+ uses: actions/cache@v1
+ with:
+ path: ${{ steps.yarn-cache.outputs.dir }}
+ key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
+ restore-keys: |
+ ${{ runner.os }}-yarn-
+
+ - run: yarn install --frozen-lockfile
+ - run: yarn build
+ - run: yarn build:playground
+
+ - name: Deploy
+ uses: peaceiris/actions-gh-pages@v3
+ with:
+ github_token: ${{ secrets.GITHUB_TOKEN }}
+ publish_dir: ./playground/dist
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..d7207a4
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "typescript.tsdk": "node_modules\\typescript\\lib"
+}
\ No newline at end of file
diff --git a/example/components/footer.tsx b/example/components/footer.tsx
deleted file mode 100644
index 213211e..0000000
--- a/example/components/footer.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import * as React from 'react';
-
-import { useWizard } from '../..';
-
-const Footer: React.FC = React.memo(() => {
- const {
- nextStep,
- previousStep,
- isLoading,
- activeStep,
- isLastStep,
- isFirstStep,
- } = useWizard();
-
- return (
- <>
-
Step info
-
- Has next step: {!isLastStep ? '✅' : '⛔'}
-
- Has previous step : {!isFirstStep ? '✅' : '⛔'}
-
- Active steps {activeStep + 1}
-
-
- >
- );
-});
-
-export default Footer;
diff --git a/example/components/step.tsx b/example/components/step.tsx
deleted file mode 100644
index 7caf1f6..0000000
--- a/example/components/step.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import * as React from 'react';
-
-import { useWizard } from '../..';
-
-type Props = {
- number: number;
-};
-
-const Step: React.FC = React.memo(({ number }) => {
- const { isLoading, handleStep } = useWizard();
-
- handleStep(() => {
- alert('Going to next step');
- });
-
- return (
-
-
Sync
-
Step {number}
- {isLoading &&
loading...
}
-
- );
-});
-
-export default Step;
diff --git a/example/index.html b/example/index.html
deleted file mode 100644
index 547e2e0..0000000
--- a/example/index.html
+++ /dev/null
@@ -1,14 +0,0 @@
-
-
-
-
-
-
- Playground
-
-
-
-
-
-
-
diff --git a/example/index.tsx b/example/index.tsx
deleted file mode 100644
index b15cda7..0000000
--- a/example/index.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import 'react-app-polyfill/ie11';
-import './style.css';
-
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-
-import { Wizard } from '../.';
-import { AsyncStep, Footer, Step } from './components';
-import AnimatedStep from './components/animatedStep';
-
-const App: React.FC = () => {
- return (
-
-
- Vanila
- } header={header
}>
-
-
-
-
-
-
-
- With animation
- } header={header
}>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- );
-};
-
-ReactDOM.render(, document.getElementById('root'));
diff --git a/package.json b/package.json
index 53fccf3..dbe38cc 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
"scripts": {
"start": "tsdx watch",
"build": "tsdx build",
+ "build:playground": "yarn --cwd ./playground install && yarn --cwd ./playground build",
"test": "tsdx test --passWithNoTests",
"test:watch": "tsdx test --watch",
"test:coverage": "tsdx test --coverage",
diff --git a/example/.npmignore b/playground/.npmignore
similarity index 100%
rename from example/.npmignore
rename to playground/.npmignore
diff --git a/playground/app.tsx b/playground/app.tsx
new file mode 100644
index 0000000..615ba98
--- /dev/null
+++ b/playground/app.tsx
@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+import { WizardModule } from './modules';
+import { Page, Style } from './modules/common';
+
+const App = () => {
+ return (
+ <>
+
+
+
+
+ >
+ );
+};
+
+export default App;
diff --git a/playground/assets/images/githubLogo.svg b/playground/assets/images/githubLogo.svg
new file mode 100644
index 0000000..c4e93b4
--- /dev/null
+++ b/playground/assets/images/githubLogo.svg
@@ -0,0 +1,3 @@
+
diff --git a/playground/assets/images/logo.svg b/playground/assets/images/logo.svg
new file mode 100644
index 0000000..e892603
--- /dev/null
+++ b/playground/assets/images/logo.svg
@@ -0,0 +1,14 @@
+
diff --git a/example/components/animatedStep.tsx b/playground/components/animatedStep.tsx
similarity index 100%
rename from example/components/animatedStep.tsx
rename to playground/components/animatedStep.tsx
diff --git a/example/components/asyncStep.tsx b/playground/components/asyncStep.tsx
similarity index 54%
rename from example/components/asyncStep.tsx
rename to playground/components/asyncStep.tsx
index 302eea5..fa3bb41 100644
--- a/example/components/asyncStep.tsx
+++ b/playground/components/asyncStep.tsx
@@ -1,6 +1,7 @@
import * as React from 'react';
+import styled from 'styled-components';
-import { useWizard } from '../..';
+import { useWizard } from '../../dist';
import { useMockMutation } from '../hooks';
type Props = {
@@ -18,6 +19,22 @@ const MOCK = [
},
];
+const Container = styled('div')`
+ background: var(--step);
+ border: 1px solid #250b46;
+ border-radius: 2px;
+ padding: 2.75rem 0.35rem;
+ display: flex;
+ flex-direction: column;
+ min-height: 15vh;
+ justify-content: center;
+ align-items: center;
+`;
+
+const P = styled.p`
+ color: white;
+`;
+
const AsyncStep: React.FC = React.memo(({ number }) => {
const [mutate] = useMockMutation(MOCK);
const { handleStep, isLoading } = useWizard();
@@ -33,20 +50,10 @@ const AsyncStep: React.FC = React.memo(({ number }) => {
// });
return (
-
-
Async
-
Step {number}
- {isLoading &&
loading...
}
-
+
+ (Async) Step {number}
+ {isLoading && Loading...
}
+
);
});
diff --git a/playground/components/footer.tsx b/playground/components/footer.tsx
new file mode 100644
index 0000000..fe093ac
--- /dev/null
+++ b/playground/components/footer.tsx
@@ -0,0 +1,62 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+import { useWizard } from '../../dist';
+import { Button } from '../modules/common';
+
+const Actions = styled.div`
+ display: grid;
+ justify-content: center;
+ margin: 1rem 0;
+ grid-template-columns: min-content min-content;
+ gap: 1rem;
+`;
+
+const Info = styled.div`
+ display: flex;
+ justify-content: center;
+ gap: 1rem;
+`;
+
+const Footer: React.FC = React.memo(() => {
+ const {
+ nextStep,
+ previousStep,
+ isLoading,
+ activeStep,
+ isLastStep,
+ isFirstStep,
+ } = useWizard();
+
+ return (
+ <>
+
+
+ Has previous step: {!isFirstStep ? '✅' : '⛔'}
+
+ Has next step: {!isLastStep ? '✅' : '⛔'}
+
+
+ Active step: {activeStep + 1}
+
+
+
+
+
+
+
+ >
+ );
+});
+
+export default Footer;
diff --git a/example/components/index.ts b/playground/components/index.ts
similarity index 56%
rename from example/components/index.ts
rename to playground/components/index.ts
index 3e8b189..dc50320 100644
--- a/example/components/index.ts
+++ b/playground/components/index.ts
@@ -1,3 +1,5 @@
export { default as Step } from './step';
export { default as AsyncStep } from './asyncStep';
export { default as Footer } from './footer';
+export { default as AnimatedStep } from './animatedStep';
+export { default as Tooltip } from './tooltip';
diff --git a/playground/components/step.tsx b/playground/components/step.tsx
new file mode 100644
index 0000000..c73994c
--- /dev/null
+++ b/playground/components/step.tsx
@@ -0,0 +1,44 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+import { useWizard } from '../../dist';
+
+type Props = {
+ number: number;
+ withCallback?: boolean;
+};
+
+const Container = styled('div')`
+ background: var(--step);
+ border: 1px solid #250b46;
+ border-radius: 2px;
+ padding: 2.75rem 0.35rem;
+ display: flex;
+ flex-direction: column;
+ min-height: 15vh;
+ justify-content: center;
+ align-items: center;
+`;
+
+const P = styled.p`
+ color: white;
+`;
+
+const Step: React.FC = React.memo(({ number, withCallback = true }) => {
+ const { isLoading, handleStep } = useWizard();
+
+ if (withCallback) {
+ handleStep(() => {
+ alert('Going to next step');
+ });
+ }
+
+ return (
+
+ (Sync) Step {number}
+ {isLoading && Loading...
}
+
+ );
+});
+
+export default Step;
diff --git a/playground/components/tooltip.tsx b/playground/components/tooltip.tsx
new file mode 100644
index 0000000..b65ef0b
--- /dev/null
+++ b/playground/components/tooltip.tsx
@@ -0,0 +1,34 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+type Props = {
+ label: string;
+};
+
+const Container = styled.div`
+ position: relative;
+ height: 100%;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+
+ &::after {
+ position: absolute;
+ content: ${({ label }) => label};
+ right: -9rem;
+ border: 2px solid var(--code);
+ padding: 0.65rem 1.25rem;
+ top: 50%;
+ font-weight: 300;
+ font-size: 0.95rem;
+ transform: translateY(-50%);
+ z-index: 10;
+ background: var(--dark);
+ }
+`;
+
+const Tooltip: React.FC = ({ children, label }) => {
+ return {children};
+};
+
+export default Tooltip;
diff --git a/playground/global.d.ts b/playground/global.d.ts
new file mode 100644
index 0000000..51c7e08
--- /dev/null
+++ b/playground/global.d.ts
@@ -0,0 +1,9 @@
+declare module '*.png' {
+ const value: any;
+ export default value;
+}
+
+declare module '*.svg' {
+ const value: any;
+ export default value;
+}
diff --git a/example/hooks/index.ts b/playground/hooks/index.ts
similarity index 100%
rename from example/hooks/index.ts
rename to playground/hooks/index.ts
diff --git a/example/hooks/useMockMutation.tsx b/playground/hooks/useMockMutation.tsx
similarity index 100%
rename from example/hooks/useMockMutation.tsx
rename to playground/hooks/useMockMutation.tsx
diff --git a/playground/index.html b/playground/index.html
new file mode 100644
index 0000000..8c66a21
--- /dev/null
+++ b/playground/index.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/playground/index.tsx b/playground/index.tsx
new file mode 100644
index 0000000..3b1ff3f
--- /dev/null
+++ b/playground/index.tsx
@@ -0,0 +1,8 @@
+import 'react-app-polyfill/ie11';
+
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+
+import App from './app';
+
+ReactDOM.render(, document.getElementById('root'));
diff --git a/playground/modules/common/button.tsx b/playground/modules/common/button.tsx
new file mode 100644
index 0000000..c6e2470
--- /dev/null
+++ b/playground/modules/common/button.tsx
@@ -0,0 +1,37 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+type Props = {
+ label: string;
+ disabled: boolean;
+} & React.HTMLAttributes;
+
+const Container = styled.button`
+ width: fit-content;
+ min-width: 8rem;
+ border: 1px solid var(--purple);
+ padding: 0.7rem 1.75rem;
+ border-radius: 6px;
+ color: white;
+ font-size: 1.1rem;
+ font-weight: 700;
+ background-color: var(--dark);
+ cursor: pointer;
+ font-family: 'Rokkitt';
+
+ &:active,
+ &:focus,
+ &:hover {
+ background-image: linear-gradient(48.66deg, var(--purple), var(--blue));
+ }
+ &:disabled {
+ opacity: 0.4;
+ background-image: initial;
+ }
+`;
+
+const Button = ({ label, ...rest }: Props) => (
+ {label}
+);
+
+export default Button;
diff --git a/playground/modules/common/index.ts b/playground/modules/common/index.ts
new file mode 100644
index 0000000..e5e41f2
--- /dev/null
+++ b/playground/modules/common/index.ts
@@ -0,0 +1,3 @@
+export { default as Button } from './button';
+export { default as Page } from './page';
+export { default as Style } from './style';
diff --git a/playground/modules/common/page.tsx b/playground/modules/common/page.tsx
new file mode 100644
index 0000000..2ea87a7
--- /dev/null
+++ b/playground/modules/common/page.tsx
@@ -0,0 +1,103 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+import githubLogoPath from '../../assets/images/githubLogo.svg';
+import logoPath from '../../assets/images/logo.svg';
+
+type Props = {
+ title: string;
+ description?: string;
+ children: React.ReactNode;
+};
+
+const Container = styled.main`
+ display: flex;
+ justify-content: center;
+ background: var(--dark);
+`;
+
+const Wrapper = styled.div`
+ width: 100%;
+`;
+
+const Body = styled.div`
+ margin-top: 2rem;
+`;
+
+const Description = styled.div`
+ font-size: 1.1rem;
+ font-weight: 200;
+`;
+
+const Divider = styled.div`
+ height: 2px;
+ width: 7%;
+ background-image: linear-gradient(48.66deg, var(--purple), var(--blue));
+ margin: 2.5rem 0;
+ display: flex;
+`;
+
+const TopBar = styled.header`
+ position: sticky;
+ top: 0;
+ left: 0;
+ right: 0;
+ padding: 1.5rem 1.75rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 4rem;
+ background-color: var(--nav);
+ backdrop-filter: blur(20px);
+ z-index: 1000;
+`;
+
+const Logo = styled.img`
+ height: 3rem;
+ width: 3rem;
+`;
+
+const GithubLogo = styled.img`
+ width: 2rem;
+`;
+
+const MaxWidth = styled('div')`
+ max-width: 53rem;
+ padding: 0 2rem;
+ margin: 0 auto;
+ justify-content: space-between;
+ width: 100%;
+`;
+
+const Page = ({ title, description, children }: Props) => {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+ {title}
+ {description}
+
+ {children}
+
+
+
+ );
+};
+
+export default Page;
diff --git a/playground/modules/common/style.tsx b/playground/modules/common/style.tsx
new file mode 100644
index 0000000..8c5d251
--- /dev/null
+++ b/playground/modules/common/style.tsx
@@ -0,0 +1,58 @@
+import * as React from 'react';
+import { createGlobalStyle } from 'styled-components';
+import { Normalize } from 'styled-normalize';
+
+const GlobalStyle = createGlobalStyle`
+ :root {
+ --light: #0b002b;
+ --nav: rgba(3, 0, 12, 0.5);
+ --dark: #120029;
+ --purple: #8B42E8;
+ --blue: #08D8F4;
+ --code:#260949;
+ --step:#170231;
+ }
+
+ html {
+ font-size: 15px;
+ }
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ p {
+ color: #ffffff;
+ line-height: 1.75rem;
+ }
+
+ body {
+ font-family: 'Inter', Helvetica, sans-serif;
+ text-rendering: optimizeLegibility;
+ color: white;
+ }
+
+ i {
+ font-weight: 100;
+ }
+
+ code {
+ background: var(--code);
+ border: 1px solid #31115a;
+ border-radius: 2px;
+ font-family: 'Fira Code', monospace;
+ font-size: 0.95rem;
+ padding: 0.75rem 0.35rem;
+ }
+`;
+
+const Style = () => (
+ <>
+
+
+ >
+);
+
+export default Style;
diff --git a/playground/modules/index.ts b/playground/modules/index.ts
new file mode 100644
index 0000000..8f375df
--- /dev/null
+++ b/playground/modules/index.ts
@@ -0,0 +1 @@
+export { default as WizardModule } from './wizard/wizard';
diff --git a/playground/modules/wizard/wizard.tsx b/playground/modules/wizard/wizard.tsx
new file mode 100644
index 0000000..a97c193
--- /dev/null
+++ b/playground/modules/wizard/wizard.tsx
@@ -0,0 +1,76 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+import { Wizard } from '../../../dist';
+import { AnimatedStep, AsyncStep, Footer, Step } from '../../components';
+
+const Grid = styled.div`
+ display: grid;
+ grid-template-columns: repeat(1, 1fr);
+ width: 100%;
+`;
+
+const Title = styled('h2')`
+ font-family: 'Rokkitt';
+ font-size: 1.75rem;
+
+ span {
+ margin-left: 0.5rem;
+ font-weight: 100;
+ font-size: 1.5rem;
+ }
+`;
+
+const Item = styled.div`
+ display: grid;
+ grid-template-rows: min-content;
+
+ &::after {
+ content: '';
+ margin: 3rem 0 2rem;
+ background-image: linear-gradient(48.66deg, var(--purple), var(--blue));
+ width: 100%;
+ position: relative;
+ height: 1px;
+ }
+`;
+
+const WizardModule = () => {
+ return (
+
+
+ Simple wizard mix of async and sync steps
+
+ -
+ }>
+
+
+
+
+
+
+
+
+ Animated wizard animations by framer motion
+
+ -
+ }>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default WizardModule;
diff --git a/example/package.json b/playground/package.json
similarity index 72%
rename from example/package.json
rename to playground/package.json
index 0721084..4d37da3 100644
--- a/example/package.json
+++ b/playground/package.json
@@ -1,5 +1,5 @@
{
- "name": "example",
+ "name": "playground",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
@@ -9,7 +9,10 @@
},
"dependencies": {
"framer-motion": "^3.1.1",
- "react-app-polyfill": "^1.0.0"
+ "react-app-polyfill": "^1.0.0",
+ "react-router-dom": "^5.2.0",
+ "styled-components": "^5.2.1",
+ "styled-normalize": "^8.0.7"
},
"alias": {
"react": "../node_modules/react",
@@ -19,6 +22,7 @@
"devDependencies": {
"@types/react": "^16.9.11",
"@types/react-dom": "^16.8.4",
+ "@types/styled-components": "^5.1.7",
"parcel": "^1.12.3",
"typescript": "^3.4.5"
}
diff --git a/example/style.css b/playground/style.css
similarity index 100%
rename from example/style.css
rename to playground/style.css
diff --git a/example/tsconfig.json b/playground/tsconfig.json
similarity index 100%
rename from example/tsconfig.json
rename to playground/tsconfig.json
diff --git a/example/yarn.lock b/playground/yarn.lock
similarity index 95%
rename from example/yarn.lock
rename to playground/yarn.lock
index ebf70d5..14e6b00 100644
--- a/example/yarn.lock
+++ b/playground/yarn.lock
@@ -44,7 +44,7 @@
jsesc "^2.5.1"
source-map "^0.5.0"
-"@babel/helper-annotate-as-pure@^7.10.4", "@babel/helper-annotate-as-pure@^7.12.10":
+"@babel/helper-annotate-as-pure@^7.0.0", "@babel/helper-annotate-as-pure@^7.10.4", "@babel/helper-annotate-as-pure@^7.12.10":
version "7.12.10"
resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.12.10.tgz#54ab9b000e60a93644ce17b3f37d313aaf1d115d"
integrity sha512-XplmVbC1n+KY6jL8/fgLVXXUauDIB+lD5+GsQEh6F6GBF1dq1qy4DP4yXWzDKcoqXB3X58t61e85Fitoww4JVQ==
@@ -134,7 +134,7 @@
dependencies:
"@babel/types" "^7.12.7"
-"@babel/helper-module-imports@^7.12.1", "@babel/helper-module-imports@^7.12.5":
+"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.12.1", "@babel/helper-module-imports@^7.12.5":
version "7.12.5"
resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.12.5.tgz#1bfc0229f794988f76ed0a4d4e90860850b54dfb"
integrity sha512-SR713Ogqg6++uexFRORf/+nPXMmWIn80TALu0uaFb+iQIUoR7bOC7zBWyzBs5b3tBBJXuyD0cRu1F15GyzjOWA==
@@ -807,7 +807,7 @@
"@babel/types" "^7.4.4"
esutils "^2.0.2"
-"@babel/runtime@^7.12.5", "@babel/runtime@^7.4.4", "@babel/runtime@^7.5.5", "@babel/runtime@^7.8.4":
+"@babel/runtime@^7.1.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.4.4", "@babel/runtime@^7.8.4":
version "7.12.5"
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.12.5.tgz#410e7e487441e1b360c29be715d870d9b985882e"
integrity sha512-plcc+hbExy3McchJCEQG3knOsuh3HH+Prx1P6cLIkET/0dLuQDEnrT+s27Axgc9bqfsmNUNHfscgMUdBpC9xfg==
@@ -823,7 +823,7 @@
"@babel/parser" "^7.12.7"
"@babel/types" "^7.12.7"
-"@babel/traverse@^7.10.4", "@babel/traverse@^7.12.1", "@babel/traverse@^7.12.10", "@babel/traverse@^7.12.5", "@babel/traverse@^7.4.4":
+"@babel/traverse@^7.10.4", "@babel/traverse@^7.12.1", "@babel/traverse@^7.12.10", "@babel/traverse@^7.12.5", "@babel/traverse@^7.4.4", "@babel/traverse@^7.4.5":
version "7.12.12"
resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.12.12.tgz#d0cd87892704edd8da002d674bc811ce64743376"
integrity sha512-s88i0X0lPy45RrLM8b9mz8RPH5FqO9G9p7ti59cToE44xFm1Q+Pjh5Gq4SXBbtb88X7Uy7pexeqRIQDDMNkL0w==
@@ -847,7 +847,7 @@
lodash "^4.17.19"
to-fast-properties "^2.0.0"
-"@emotion/is-prop-valid@^0.8.2":
+"@emotion/is-prop-valid@^0.8.2", "@emotion/is-prop-valid@^0.8.8":
version "0.8.8"
resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz#db28b1c4368a259b60a97311d6a952d4fd01ac1a"
integrity sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==
@@ -859,6 +859,16 @@
resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb"
integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==
+"@emotion/stylis@^0.8.4":
+ version "0.8.5"
+ resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.8.5.tgz#deacb389bd6ee77d1e7fcaccce9e16c5c7e78e04"
+ integrity sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ==
+
+"@emotion/unitless@^0.7.4":
+ version "0.7.5"
+ resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed"
+ integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==
+
"@iarna/toml@^2.2.0":
version "2.2.5"
resolved "https://registry.yarnpkg.com/@iarna/toml/-/toml-2.2.5.tgz#b32366c89b43c6f8cefbdefac778b9c828e3ba8c"
@@ -918,6 +928,14 @@
"@parcel/utils" "^1.11.0"
physical-cpu-count "^2.0.0"
+"@types/hoist-non-react-statics@*":
+ version "3.3.1"
+ resolved "https://registry.yarnpkg.com/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz#1124aafe5118cb591977aeb1ceaaed1070eb039f"
+ integrity sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==
+ dependencies:
+ "@types/react" "*"
+ hoist-non-react-statics "^3.3.0"
+
"@types/prop-types@*":
version "15.7.3"
resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.3.tgz#2ab0d5da2e5815f94b0b9d4b95d1e5f243ab2ca7"
@@ -935,6 +953,14 @@
dependencies:
"@types/react" "^16"
+"@types/react@*":
+ version "17.0.0"
+ resolved "https://registry.yarnpkg.com/@types/react/-/react-17.0.0.tgz#5af3eb7fad2807092f0046a1302b7823e27919b8"
+ integrity sha512-aj/L7RIMsRlWML3YB6KZiXB3fV2t41+5RBGYF8z+tAKU43Px8C3cYUZsDvf1/+Bm4FK21QWBrDutu8ZJ/70qOw==
+ dependencies:
+ "@types/prop-types" "*"
+ csstype "^3.0.2"
+
"@types/react@^16", "@types/react@^16.9.11":
version "16.14.2"
resolved "https://registry.yarnpkg.com/@types/react/-/react-16.14.2.tgz#85dcc0947d0645349923c04ccef6018a1ab7538c"
@@ -943,6 +969,15 @@
"@types/prop-types" "*"
csstype "^3.0.2"
+"@types/styled-components@^5.1.7":
+ version "5.1.7"
+ resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-5.1.7.tgz#3cd10b088c1cb1acde2e4b166b3e8275a3083710"
+ integrity sha512-BJzPhFygYspyefAGFZTZ/8lCEY4Tk+Iqktvnko3xmJf9LrLqs3+grxPeU3O0zLl6yjbYBopD0/VikbHgXDbJtA==
+ dependencies:
+ "@types/hoist-non-react-statics" "*"
+ "@types/react" "*"
+ csstype "^3.0.2"
+
abab@^2.0.0:
version "2.0.5"
resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.5.tgz#c0b678fb32d60fc1219c784d6a826fe385aeb79a"
@@ -1132,6 +1167,21 @@ babel-plugin-dynamic-import-node@^2.3.3:
dependencies:
object.assign "^4.1.0"
+"babel-plugin-styled-components@>= 1":
+ version "1.12.0"
+ resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.12.0.tgz#1dec1676512177de6b827211e9eda5a30db4f9b9"
+ integrity sha512-FEiD7l5ZABdJPpLssKXjBUJMYqzbcNzBowfXDCdJhOpbhWiewapUaY+LZGT8R4Jg2TwOjGjG4RKeyrO5p9sBkA==
+ dependencies:
+ "@babel/helper-annotate-as-pure" "^7.0.0"
+ "@babel/helper-module-imports" "^7.0.0"
+ babel-plugin-syntax-jsx "^6.18.0"
+ lodash "^4.17.11"
+
+babel-plugin-syntax-jsx@^6.18.0:
+ version "6.18.0"
+ resolved "https://registry.yarnpkg.com/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz#0af32a9a6e13ca7a3fd5069e62d7b0f58d0d8946"
+ integrity sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY=
+
babel-runtime@^6.11.6, babel-runtime@^6.26.0:
version "6.26.0"
resolved "https://registry.yarnpkg.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
@@ -1408,6 +1458,11 @@ callsites@^2.0.0:
resolved "https://registry.yarnpkg.com/callsites/-/callsites-2.0.0.tgz#06eb84f00eea413da86affefacbffb36093b3c50"
integrity sha1-BuuE8A7qQT2oav/vrL/7Ngk7PFA=
+camelize@^1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.0.tgz#164a5483e630fa4321e5af07020e531831b2609b"
+ integrity sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs=
+
caniuse-api@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/caniuse-api/-/caniuse-api-3.0.0.tgz#5e4d90e2274961d46291997df599e3ed008ee4c0"
@@ -1718,6 +1773,11 @@ crypto-browserify@^3.11.0:
randombytes "^2.0.0"
randomfill "^1.0.3"
+css-color-keywords@^1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05"
+ integrity sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU=
+
css-color-names@0.0.4, css-color-names@^0.0.4:
version "0.0.4"
resolved "https://registry.yarnpkg.com/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
@@ -1766,6 +1826,15 @@ css-selector-tokenizer@^0.7.0:
cssesc "^3.0.0"
fastparse "^1.1.2"
+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 "^4.0.2"
+
css-tree@1.0.0-alpha.37:
version "1.0.0-alpha.37"
resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
@@ -2613,6 +2682,18 @@ hey-listen@^1.0.8:
resolved "https://registry.yarnpkg.com/hey-listen/-/hey-listen-1.0.8.tgz#8e59561ff724908de1aa924ed6ecc84a56a9aa68"
integrity sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==
+history@^4.9.0:
+ version "4.10.1"
+ resolved "https://registry.yarnpkg.com/history/-/history-4.10.1.tgz#33371a65e3a83b267434e2b3f3b1b4c58aad4cf3"
+ integrity sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==
+ dependencies:
+ "@babel/runtime" "^7.1.2"
+ loose-envify "^1.2.0"
+ resolve-pathname "^3.0.0"
+ tiny-invariant "^1.0.2"
+ tiny-warning "^1.0.0"
+ value-equal "^1.0.1"
+
hmac-drbg@^1.0.0:
version "1.0.1"
resolved "https://registry.yarnpkg.com/hmac-drbg/-/hmac-drbg-1.0.1.tgz#d2745701025a6c775a6c545793ed502fc0c649a1"
@@ -2622,6 +2703,13 @@ hmac-drbg@^1.0.0:
minimalistic-assert "^1.0.0"
minimalistic-crypto-utils "^1.0.1"
+hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.0:
+ version "3.3.2"
+ resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
+ integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
+ dependencies:
+ react-is "^16.7.0"
+
hsl-regex@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/hsl-regex/-/hsl-regex-1.0.0.tgz#d49330c789ed819e276a4c0d272dffa30b18fe6e"
@@ -2975,6 +3063,11 @@ is-wsl@^1.1.0:
resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
integrity sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=
+isarray@0.0.1:
+ version "0.0.1"
+ resolved "https://registry.yarnpkg.com/isarray/-/isarray-0.0.1.tgz#8a18acfca9a8f4177e09abfc6038939b05d1eedf"
+ integrity sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=
+
isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
@@ -3007,7 +3100,7 @@ isstream@~0.1.2:
resolved "https://registry.yarnpkg.com/isstream/-/isstream-0.1.2.tgz#47e63f7af55afa6f92e1500e690eb8b8529c099a"
integrity sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=
-js-tokens@^4.0.0:
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
@@ -3163,7 +3256,7 @@ lodash.uniq@^4.5.0:
resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=
-lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.4:
+lodash@^4.17.11, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.4:
version "4.17.20"
resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.20.tgz#b44a9b6297bcb698f1c51a3545a2b3b368d59c52"
integrity sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==
@@ -3175,6 +3268,13 @@ log-symbols@^2.2.0:
dependencies:
chalk "^2.0.1"
+loose-envify@^1.2.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
+ version "1.4.0"
+ resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+ integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
+ dependencies:
+ js-tokens "^3.0.0 || ^4.0.0"
+
magic-string@^0.22.4:
version "0.22.5"
resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.22.5.tgz#8e9cf5afddf44385c1da5bc2a6a0dbd10b03657e"
@@ -3194,14 +3294,6 @@ map-visit@^1.0.0:
dependencies:
object-visit "^1.0.0"
-match-sorter@^6.0.2:
- version "6.1.0"
- resolved "https://registry.yarnpkg.com/match-sorter/-/match-sorter-6.1.0.tgz#7fec6808d94311a35fef7fd842a11634f2361bd7"
- integrity sha512-sKPMf4kbF7Dm5Crx0bbfLpokK68PUJ/0STUIOPa1ZmTZEA3lCaPK3gapQR573oLmvdkTfGojzySkIwuq6Z6xRQ==
- dependencies:
- "@babel/runtime" "^7.12.5"
- remove-accents "0.4.2"
-
md5.js@^1.3.4:
version "1.3.5"
resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
@@ -3282,6 +3374,14 @@ mimic-fn@^1.0.0:
resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-1.2.0.tgz#820c86a39334640e99516928bd03fca88057d022"
integrity sha512-jf84uxzwiuiIVKiOLpfYk7N46TSy8ubTonmneY9vrpHNAnp0QBt2BxWV9dO3/j+BoVAb+a5G6YDPW3M5HOdMWQ==
+mini-create-react-context@^0.4.0:
+ version "0.4.1"
+ resolved "https://registry.yarnpkg.com/mini-create-react-context/-/mini-create-react-context-0.4.1.tgz#072171561bfdc922da08a60c2197a497cc2d1d5e"
+ integrity sha512-YWCYEmd5CQeHGSAKrYvXgmzzkrvssZcuuQDDeqkT+PziKGMgE+0MCCtcKbROzocGBG1meBLl2FotlRwf4gAzbQ==
+ dependencies:
+ "@babel/runtime" "^7.12.1"
+ tiny-warning "^1.0.3"
+
minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
version "1.0.1"
resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
@@ -3702,6 +3802,13 @@ path-parse@^1.0.6:
resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.6.tgz#d62dbb5679405d72c4737ec58600e9ddcf06d24c"
integrity sha512-GSmOT2EbHrINBf9SR7CDELwlJ8AENk3Qn7OikK4nFYAu3Ote2+JYNVvkpAEQm3/TLNEJFD/xZJjzyxg3KBWOzw==
+path-to-regexp@^1.7.0:
+ version "1.8.0"
+ resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.8.0.tgz#887b3ba9d84393e87a0a0b9f4cb756198b53548a"
+ integrity sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==
+ dependencies:
+ isarray "0.0.1"
+
pbkdf2@^3.0.3:
version "3.1.1"
resolved "https://registry.yarnpkg.com/pbkdf2/-/pbkdf2-3.1.1.tgz#cb8724b0fada984596856d1a6ebafd3584654b94"
@@ -4152,6 +4259,15 @@ promise@^8.0.3:
dependencies:
asap "~2.0.6"
+prop-types@^15.6.2:
+ version "15.7.2"
+ resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
+ integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
+ dependencies:
+ loose-envify "^1.4.0"
+ object-assign "^4.1.1"
+ react-is "^16.8.1"
+
psl@^1.1.28:
version "1.8.0"
resolved "https://registry.yarnpkg.com/psl/-/psl-1.8.0.tgz#9326f8bcfb013adcc005fdff056acce020e51c24"
@@ -4262,13 +4378,39 @@ react-app-polyfill@^1.0.0:
regenerator-runtime "^0.13.3"
whatwg-fetch "^3.0.0"
-react-query@^3.5.9:
- version "3.5.9"
- resolved "https://registry.yarnpkg.com/react-query/-/react-query-3.5.9.tgz#2c001b5235e1afa11166a629c8645c9dd9464741"
- integrity sha512-thlxrnl7cDg6qmk+N2ADjDVDJkoU3c7ZFJivYph0XoBDgkRIpb3A+tpqH7o6gu7JXZum9lfX1o294UfYfTiwvg==
- dependencies:
- "@babel/runtime" "^7.5.5"
- match-sorter "^6.0.2"
+react-is@^16.6.0, react-is@^16.7.0, react-is@^16.8.1:
+ version "16.13.1"
+ resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+ integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
+react-router-dom@^5.2.0:
+ version "5.2.0"
+ resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-5.2.0.tgz#9e65a4d0c45e13289e66c7b17c7e175d0ea15662"
+ integrity sha512-gxAmfylo2QUjcwxI63RhQ5G85Qqt4voZpUXSEqCwykV0baaOTQDR1f0PmY8AELqIyVc0NEZUj0Gov5lNGcXgsA==
+ dependencies:
+ "@babel/runtime" "^7.1.2"
+ history "^4.9.0"
+ loose-envify "^1.3.1"
+ prop-types "^15.6.2"
+ react-router "5.2.0"
+ tiny-invariant "^1.0.2"
+ tiny-warning "^1.0.0"
+
+react-router@5.2.0:
+ version "5.2.0"
+ resolved "https://registry.yarnpkg.com/react-router/-/react-router-5.2.0.tgz#424e75641ca8747fbf76e5ecca69781aa37ea293"
+ integrity sha512-smz1DUuFHRKdcJC0jobGo8cVbhO3x50tCL4icacOlcwDOEQPq4TMqwx3sY1TP+DvtTgz4nm3thuo7A+BK2U0Dw==
+ dependencies:
+ "@babel/runtime" "^7.1.2"
+ history "^4.9.0"
+ hoist-non-react-statics "^3.1.0"
+ loose-envify "^1.3.1"
+ mini-create-react-context "^0.4.0"
+ path-to-regexp "^1.7.0"
+ prop-types "^15.6.2"
+ react-is "^16.6.0"
+ tiny-invariant "^1.0.2"
+ tiny-warning "^1.0.0"
readable-stream@^2.0.2, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.3, readable-stream@~2.3.6:
version "2.3.7"
@@ -4367,11 +4509,6 @@ relateurl@^0.2.7:
resolved "https://registry.yarnpkg.com/relateurl/-/relateurl-0.2.7.tgz#54dbf377e51440aca90a4cd274600d3ff2d888a9"
integrity sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=
-remove-accents@0.4.2:
- version "0.4.2"
- resolved "https://registry.yarnpkg.com/remove-accents/-/remove-accents-0.4.2.tgz#0a43d3aaae1e80db919e07ae254b285d9e1c7bb5"
- integrity sha1-CkPTqq4egNuRngeuJUsoXZ4ce7U=
-
remove-trailing-separator@^1.0.1:
version "1.1.0"
resolved "https://registry.yarnpkg.com/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz#c24bce2a283adad5bc3f58e0d48249b92379d8ef"
@@ -4434,6 +4571,11 @@ resolve-from@^3.0.0:
resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-3.0.0.tgz#b22c7af7d9d6881bc8b6e653335eebcb0a188748"
integrity sha1-six699nWiBvItuZTM17rywoYh0g=
+resolve-pathname@^3.0.0:
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/resolve-pathname/-/resolve-pathname-3.0.0.tgz#99d02224d3cf263689becbb393bc560313025dcd"
+ integrity sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng==
+
resolve-url@^0.2.1:
version "0.2.1"
resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
@@ -4596,6 +4738,11 @@ shallow-copy@~0.0.1:
resolved "https://registry.yarnpkg.com/shallow-copy/-/shallow-copy-0.0.1.tgz#415f42702d73d810330292cc5ee86eae1a11a170"
integrity sha1-QV9CcC1z2BAzApLMXuhurhoRoXA=
+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.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"
@@ -4837,6 +4984,27 @@ style-value-types@3.2.0, style-value-types@^3.2.0:
hey-listen "^1.0.8"
tslib "^1.10.0"
+styled-components@^5.2.1:
+ version "5.2.1"
+ resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.2.1.tgz#6ed7fad2dc233825f64c719ffbdedd84ad79101a"
+ integrity sha512-sBdgLWrCFTKtmZm/9x7jkIabjFNVzCUeKfoQsM6R3saImkUnjx0QYdLwJHBjY9ifEcmjDamJDVfknWm1yxZPxQ==
+ dependencies:
+ "@babel/helper-module-imports" "^7.0.0"
+ "@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"
+ css-to-react-native "^3.0.0"
+ hoist-non-react-statics "^3.0.0"
+ shallowequal "^1.1.0"
+ supports-color "^5.5.0"
+
+styled-normalize@^8.0.7:
+ version "8.0.7"
+ resolved "https://registry.yarnpkg.com/styled-normalize/-/styled-normalize-8.0.7.tgz#e883bff6a0c59a65a39365a4eb9c6cf48372c61f"
+ integrity sha512-qQV4O7B9g7ZUnStCwGde7Dc/mcFF/pz0Ha/LL7+j/r6uopf6kJCmmR7jCPQMCBrDkYiQ4xvw1hUoceVJkdaMuQ==
+
stylehacks@^4.0.0:
version "4.0.3"
resolved "https://registry.yarnpkg.com/stylehacks/-/stylehacks-4.0.3.tgz#6718fcaf4d1e07d8a1318690881e8d96726a71d5"
@@ -4858,7 +5026,7 @@ supports-color@^3.2.3:
dependencies:
has-flag "^1.0.0"
-supports-color@^5.3.0, supports-color@^5.4.0:
+supports-color@^5.3.0, supports-color@^5.4.0, supports-color@^5.5.0:
version "5.5.0"
resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==
@@ -4939,6 +5107,16 @@ tiny-inflate@^1.0.0:
resolved "https://registry.yarnpkg.com/tiny-inflate/-/tiny-inflate-1.0.3.tgz#122715494913a1805166aaf7c93467933eea26c4"
integrity sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==
+tiny-invariant@^1.0.2:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.1.0.tgz#634c5f8efdc27714b7f386c35e6760991d230875"
+ integrity sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw==
+
+tiny-warning@^1.0.0, tiny-warning@^1.0.3:
+ version "1.0.3"
+ resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
+ integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
+
to-arraybuffer@^1.0.0:
version "1.0.1"
resolved "https://registry.yarnpkg.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz#7d229b1fcc637e466ca081180836a7aabff83f43"
@@ -5186,6 +5364,11 @@ v8-compile-cache@^2.0.0:
resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.2.0.tgz#9471efa3ef9128d2f7c6a7ca39c4dd6b5055b132"
integrity sha512-gTpR5XQNKFwOd4clxfnhaqvfqMpqEwr4tOtCyz4MtYZX2JYhfr1JvBFKdS+7K/9rfpZR3VLX+YWBbKoxCgS43Q==
+value-equal@^1.0.1:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/value-equal/-/value-equal-1.0.1.tgz#1e0b794c734c5c0cade179c437d356d931a34d6c"
+ integrity sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw==
+
vendors@^1.0.0:
version "1.0.4"
resolved "https://registry.yarnpkg.com/vendors/-/vendors-1.0.4.tgz#e2b800a53e7a29b93506c3cf41100d16c4c4ad8e"