diff --git a/README.md b/README.md index 1040152..0addf17 100644 --- a/README.md +++ b/README.md @@ -1 +1,32 @@ -# tlhacks \ No newline at end of file +# COMP.GG + +## Inspiration +We wanted to make custom-built team compositions for our League of Legends Clash team, but we didn't want to sift through a 222 minute long Mobalytics article. + +## What it does +Our tool allows you to pick a team composition theme and analyzes your summoner profile to determine up to 3 of your top champions that suit this playstyle. + +We currently use a combination of champion mastery points and recent match history to identify your best champions. Then, we sort your champions based on AI-generated champion classes to generate a team composition that fits one of 5 major playstyles (engage, disengage, poke & siege, pick, and split-push). + +## How we built it + +Frontend: React, HTML, CSS + +Backend: Express.js, Node.js, Python (protoyping) + +We also used the Riot Games Developer API. + +## Challenges we ran into + +1. Writing code efficiently to ensure we didn't exceed the rate limits for API calls + +2. Classifying champions and team compositions in a non-subjective manner. + +## Accomplishments that we're proud of +Creating a long-lasting tool that anyone can use during dozens of future Clash events! + +## What we learned +New technologies such as Express.js and React + +## What's next for COMP.GG +Identifying in-built synergies between certain champions (e.g. Malphite/Yasuo, Xayah/Rakan) diff --git a/frontend/package-lock.json b/frontend/package-lock.json index cbe107e..4c4e585 100644 --- a/frontend/package-lock.json +++ b/frontend/package-lock.json @@ -1149,38 +1149,549 @@ "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz", "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==" }, + "@chakra-ui/accordion": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/accordion/-/accordion-1.0.0-rc.8.tgz", + "integrity": "sha512-4carsEN6gJFPc9Acl1zckLxQZgxETKSE2ILOL4M+HCx83BMOER59KdEpOH5qNhB6bWlYUdXaj3metvfQz83pCA==", + "requires": { + "@chakra-ui/descendant": "1.0.0-rc.8", + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/icon": "1.0.0-rc.8", + "@chakra-ui/transition": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/alert": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/alert/-/alert-1.0.0-rc.8.tgz", + "integrity": "sha512-/K6Y3dT14zs7T12/3zYHiECOF/j0OoyLQsqPpOxsDmsaXrmaxhXzsYRFqn5Skurja240Z9O2SXS+ABRVGeo95w==", + "requires": { + "@chakra-ui/icon": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/avatar": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/avatar/-/avatar-1.0.0-rc.8.tgz", + "integrity": "sha512-gDj/dtFIpNyILJ7EMHENnadrTcRd97mvvhe2uty/9FkPOhPALqofIKkUKvIKbsm9IVg2TDnttS5tylzLRyceQg==", + "requires": { + "@chakra-ui/image": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/breadcrumb": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/breadcrumb/-/breadcrumb-1.0.0-rc.8.tgz", + "integrity": "sha512-6vUDDAaEQvQPBOqkvhtfQPFOh0CsCLYnrjqDPofQpd+UqVMDINembuHCVpAunswo73GCym5vagVe56QvXt7jow==", + "requires": { + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/button": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/button/-/button-1.0.0-rc.8.tgz", + "integrity": "sha512-qX9Duvio01XEWWFAn3f+SQ/qr5TRX4HxTuBEuF1kIw8RqKCnP5a5pS7g+7KS3Uxx+bIbZ/q/ADuChn0AgXpCsA==", + "requires": { + "@chakra-ui/spinner": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/checkbox": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/checkbox/-/checkbox-1.0.0-rc.8.tgz", + "integrity": "sha512-BW8g3pO2bp5YPl1udGnAZeQ3YEuHCplX7iDWFsSREJLstJOrC1mb9VyGyWHuEsq/KXjjfaWAfPDqy9CNlf6aTg==", + "requires": { + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8", + "@chakra-ui/visually-hidden": "1.0.0-rc.8" + } + }, + "@chakra-ui/clickable": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/clickable/-/clickable-1.0.0-rc.8.tgz", + "integrity": "sha512-45mMSfpKami4/NQk+QKXgfnkPyQ57yXQc2LFHx35m6ErXAe2m450Qv40Hj5lxJgrzmETms/SgskJ6GAhdajjtg==", + "requires": { + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/close-button": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/close-button/-/close-button-1.0.0-rc.8.tgz", + "integrity": "sha512-jELCVjMaDbrP6YnAj/fTG7hhItc1HK23LxaLZ2Fug82Tb04+8Y5097Sszvn9U0JI46oxhqoUSPPo6UxKHCZrZQ==", + "requires": { + "@chakra-ui/icon": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/color-mode": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/color-mode/-/color-mode-1.0.0-rc.8.tgz", + "integrity": "sha512-NLanjgYN/rzHzWZ9KLGWsaTDmrlGR4PlS9ngXPQW9K0dy8d362wDVuag8IDx435aovXt6tOkbwmNZ1HGNPzAfw==", + "requires": { + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/control-box": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/control-box/-/control-box-1.0.0-rc.8.tgz", + "integrity": "sha512-fg/9tfUqaFHjn6JGnHytoGX6W3DUjBxkzcNJtrYX+LNb7CFuC94EOV8d1XkXAMxUVxA901SIOionAU/cTRDkEQ==", + "requires": { + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, "@chakra-ui/core": { - "version": "0.8.0", - "resolved": "https://registry.npmjs.org/@chakra-ui/core/-/core-0.8.0.tgz", - "integrity": "sha512-il1I1nEWOmWJSspnC+WyArLHbHvs82hvKTNDd24wr6spa/7v2jaXFZeWDNenY35ay1NHV7Ya2StcBwQRGHMWYA==", + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/core/-/core-1.0.0-rc.8.tgz", + "integrity": "sha512-ZPGjTwy5QrYG/sYuGhrYeBNfWNIfQMSI4spHkNusd+qmNwPJMXR/WO0M8FwTdSnLc0ZVubUpvqdY4e9fp+xT+g==", + "requires": { + "@chakra-ui/accordion": "1.0.0-rc.8", + "@chakra-ui/alert": "1.0.0-rc.8", + "@chakra-ui/avatar": "1.0.0-rc.8", + "@chakra-ui/breadcrumb": "1.0.0-rc.8", + "@chakra-ui/button": "1.0.0-rc.8", + "@chakra-ui/checkbox": "1.0.0-rc.8", + "@chakra-ui/close-button": "1.0.0-rc.8", + "@chakra-ui/control-box": "1.0.0-rc.8", + "@chakra-ui/counter": "1.0.0-rc.8", + "@chakra-ui/css-reset": "1.0.0-rc.8", + "@chakra-ui/editable": "1.0.0-rc.8", + "@chakra-ui/form-control": "1.0.0-rc.8", + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/icon": "1.0.0-rc.8", + "@chakra-ui/image": "1.0.0-rc.8", + "@chakra-ui/input": "1.0.0-rc.8", + "@chakra-ui/layout": "1.0.0-rc.8", + "@chakra-ui/live-region": "1.0.0-rc.8", + "@chakra-ui/media-query": "1.0.0-rc.8", + "@chakra-ui/menu": "1.0.0-rc.8", + "@chakra-ui/modal": "1.0.0-rc.8", + "@chakra-ui/number-input": "1.0.0-rc.8", + "@chakra-ui/pin-input": "1.0.0-rc.8", + "@chakra-ui/popover": "1.0.0-rc.8", + "@chakra-ui/popper": "1.0.0-rc.8", + "@chakra-ui/portal": "1.0.0-rc.8", + "@chakra-ui/progress": "1.0.0-rc.8", + "@chakra-ui/radio": "1.0.0-rc.8", + "@chakra-ui/select": "1.0.0-rc.8", + "@chakra-ui/skeleton": "1.0.0-rc.8", + "@chakra-ui/slider": "1.0.0-rc.8", + "@chakra-ui/spinner": "1.0.0-rc.8", + "@chakra-ui/stat": "1.0.0-rc.8", + "@chakra-ui/switch": "1.0.0-rc.8", + "@chakra-ui/system": "1.0.0-rc.8", + "@chakra-ui/tabs": "1.0.0-rc.8", + "@chakra-ui/tag": "1.0.0-rc.8", + "@chakra-ui/textarea": "1.0.0-rc.8", + "@chakra-ui/theme": "1.0.0-rc.8", + "@chakra-ui/toast": "1.0.0-rc.8", + "@chakra-ui/tooltip": "1.0.0-rc.8", + "@chakra-ui/transition": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8", + "@chakra-ui/visually-hidden": "1.0.0-rc.8" + } + }, + "@chakra-ui/counter": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/counter/-/counter-1.0.0-rc.8.tgz", + "integrity": "sha512-Ry+U48Z8wATdclxQ3eLmRcSCKScUT7hO71QPd8k8HOexftXowMHi2Iv5XjBBJReb9wCagSc4P5einAUWUAUbnQ==", + "requires": { + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/css-reset": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/css-reset/-/css-reset-1.0.0-rc.8.tgz", + "integrity": "sha512-s/V28H0W324OYRL8yxpBT1u0rTe+D0R9AmmUjMDmUV+ETxZ77zQMa3DykutbD+Kem3fJv8bpgVuM/uB2utfXSw==" + }, + "@chakra-ui/descendant": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/descendant/-/descendant-1.0.0-rc.8.tgz", + "integrity": "sha512-JK40BihvaNZBlEss8Ez58Ccub0XlOyJVJkGm9xPva7p5MygeTlqwXu8dE8IhJfDI99AFheMNPY1r24n1yoYOMQ==", + "requires": { + "@chakra-ui/hooks": "1.0.0-rc.8" + } + }, + "@chakra-ui/editable": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/editable/-/editable-1.0.0-rc.8.tgz", + "integrity": "sha512-9kiJk4QVzgv9yVKiTCsYcSbdVcWPq3btj5gHfKDvKgwevD5Wv2sWW8gHklpT5oGNpIxEZB8lcJLpywG+p2Ct/g==", + "requires": { + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/focus-lock": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/focus-lock/-/focus-lock-1.0.0-rc.8.tgz", + "integrity": "sha512-a53KsV/i5bII2jaHDU8LbvkNkJKIiqETiWMxhetUSQ5kevY2XLLGyCQibj814f9awsnUXD7ydo0nW3B8DaRYPw==", + "requires": { + "@chakra-ui/utils": "1.0.0-rc.8", + "react-focus-lock": "2.4.1" + } + }, + "@chakra-ui/form-control": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/form-control/-/form-control-1.0.0-rc.8.tgz", + "integrity": "sha512-aoQWl7QMg+RJ51s/NkuxldCPGVtN5gaQLASAXXaUbrwyLCPFyEpgk541096laRB+h5uKytIzRcEvVv7Ox5Gtdw==", + "requires": { + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/icon": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/hooks": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/hooks/-/hooks-1.0.0-rc.8.tgz", + "integrity": "sha512-4B1WBsAU47ZKUyvgTvu5vo1d2aczGHDv7YAcuNQdLF7Bwpk5geWvYf8iO5rz15Bfu9NuBOwU76VoG95b+TBzUA==", + "requires": { + "@chakra-ui/utils": "1.0.0-rc.8", + "@reach/auto-id": "0.11.0", + "compute-scroll-into-view": "1.0.14", + "copy-to-clipboard": "3.3.1" + } + }, + "@chakra-ui/icon": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/icon/-/icon-1.0.0-rc.8.tgz", + "integrity": "sha512-kWcetk7d7iKd8Ht5+c+065UWKYHbCSJl3EYnNXLpGr/UJh/Saq/qHhftJASm1lcxjy6lVVTlnP6qm8kVvcvpAw==", + "requires": { + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/icons": { + "version": "1.0.0-next.3", + "resolved": "https://registry.npmjs.org/@chakra-ui/icons/-/icons-1.0.0-next.3.tgz", + "integrity": "sha512-+FM+pwu/IVLJEEjDcihzohJusziVLEsSlvTeFWdrvUdRIzlf3bJxPmZyRgpLMVs0/onwUdrWHUfOUMMIOrpVng==", + "requires": { + "@chakra-ui/icon": "^1.0.0-next.3" + } + }, + "@chakra-ui/image": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/image/-/image-1.0.0-rc.8.tgz", + "integrity": "sha512-u+el3/RS7JOlPbu1xUNzfhNsMYFWVdcaSGEDPCrRI2m4/8Egik2uWEplNxakZYCfvhu2Orx3GO6JyEnaWJvvkw==", "requires": { - "@reach/auto-id": "0.10.2", - "@styled-system/css": "5.1.5", - "@styled-system/should-forward-prop": "5.1.5", - "@types/styled-system": "5.1.9", + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/input": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/input/-/input-1.0.0-rc.8.tgz", + "integrity": "sha512-FJtB9zwOf38GuhS5VGyLlCUFXHSl0OrCQbrwdKakIZz986o+6DGEShIczoifs0QniGKSsNXcLu3m2FX0QxWQmw==", + "requires": { + "@chakra-ui/form-control": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/layout": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/layout/-/layout-1.0.0-rc.8.tgz", + "integrity": "sha512-nDocS9eW0f/dnSFtkMYa9aOSUkawbUSOJHmEMRmd696NW/cf8jYWifZPcSWJHqw1V8NR6MYgGLYJ/fgdlT/OGA==", + "requires": { + "@chakra-ui/icon": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/live-region": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/live-region/-/live-region-1.0.0-rc.8.tgz", + "integrity": "sha512-QFOokqJJ5BrvaMG9EsyzKG/O4xIcGDk+P5+Otuuu8dtBV01e+lb/mXts4lTi+eXVgSOONMZNuLuhkZ0tYVNvmA==", + "requires": { + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/media-query": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/media-query/-/media-query-1.0.0-rc.8.tgz", + "integrity": "sha512-q8pmT4kgxc9pHZ7qtKRxfdQbMLbZ14Z8AEEbTGy4oD7eZutmWn77zkx5cC4MN02pRFghndEqFKIh5Wr+X1KjCg==", + "requires": { + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/menu": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/menu/-/menu-1.0.0-rc.8.tgz", + "integrity": "sha512-uIxetUTY9SoTihQqNJUpX4WnrRKBAAFbx7FqUjuASsTa8NRWEtp9DCFrrL3hQt2XJxkmxN29Y02cGdrJoymYJg==", + "requires": { + "@chakra-ui/clickable": "1.0.0-rc.8", + "@chakra-ui/descendant": "1.0.0-rc.8", + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/popper": "1.0.0-rc.8", + "@chakra-ui/transition": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/modal": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/modal/-/modal-1.0.0-rc.8.tgz", + "integrity": "sha512-qiRjRkYYl/ycfBKMCrXtbi0lZcjIzVdIVO2/HQluMg+N1XrfiRKLU5CQPUot6RO4DWUlUEA+i+7YtH8VrItoMg==", + "requires": { + "@chakra-ui/close-button": "1.0.0-rc.8", + "@chakra-ui/focus-lock": "1.0.0-rc.8", + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/portal": "1.0.0-rc.8", + "@chakra-ui/transition": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8", "aria-hidden": "^1.1.1", - "body-scroll-lock": "^3.0.1", - "color": "3.1.2", - "copy-to-clipboard": "3.3.1", - "exenv": "^1.2.2", - "popper.js": "^1.15.0", - "react-animate-height": "2.0.21", - "react-focus-lock": "^2.2.1", - "react-spring": "^8.0.27", - "styled-system": "5.1.5", - "toasted-notes": "3.2.0", - "use-dark-mode": "2.3.1" - }, - "dependencies": { - "color": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/color/-/color-3.1.2.tgz", - "integrity": "sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==", - "requires": { - "color-convert": "^1.9.1", - "color-string": "^1.5.2" - } - } + "react-remove-scroll": "2.4.0" + } + }, + "@chakra-ui/number-input": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/number-input/-/number-input-1.0.0-rc.8.tgz", + "integrity": "sha512-kWo43cD2aj2svUXObbdzcfeR1d+7S9hbm6WOnrWVkxWaOgl+zQ+Lb++ZAaFiE9eul8nJqHxz+b1chfy8Ix+EjQ==", + "requires": { + "@chakra-ui/counter": "1.0.0-rc.8", + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/icon": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/pin-input": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/pin-input/-/pin-input-1.0.0-rc.8.tgz", + "integrity": "sha512-nJivIHAyptM4A+pgjq6ros/gern4VlbGTr+9x2D2aA6ullS3/W25TW0VR2+eI46ODfCtqitqwtiZuSUGYLJHWg==", + "requires": { + "@chakra-ui/descendant": "1.0.0-rc.8", + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/popover": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/popover/-/popover-1.0.0-rc.8.tgz", + "integrity": "sha512-wl7AOisR3JyHWo4kkAJvT9no4rEYFrSHsOrrf/0YM3P6vks5ajEDu5XVc4UAf+JAUatp1pqovuis/Fae20ds4Q==", + "requires": { + "@chakra-ui/close-button": "1.0.0-rc.8", + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/popper": "1.0.0-rc.8", + "@chakra-ui/portal": "1.0.0-rc.8", + "@chakra-ui/transition": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/popper": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/popper/-/popper-1.0.0-rc.8.tgz", + "integrity": "sha512-MAqCdf6/vLaJZr+YnRr9b1iceOdViM6TUnNKejLVQBEVunWxFQAqAlTWnatmqcjNaYO/pcd95lQ71TVqQdKmIw==", + "requires": { + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8", + "@popperjs/core": "2.4.4", + "dequal": "2.0.2" + } + }, + "@chakra-ui/portal": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/portal/-/portal-1.0.0-rc.8.tgz", + "integrity": "sha512-jkDY7BawoupgIgEcYNS2X/wO7gSRappzqOfvAj0VxPMREvrQOclIBWoTLad5UAQJp+OP1BzAwPzpo79OC8IaYQ==", + "requires": { + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/progress": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/progress/-/progress-1.0.0-rc.8.tgz", + "integrity": "sha512-rgo1A34tEAErzRTnmv8E+4bf2PVfka+Rm7nInBL/hptIa2JeC7YtwuiV20yBITJhwBYP2NTgF1S0KmINzpi61g==", + "requires": { + "@chakra-ui/theme-tools": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/radio": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/radio/-/radio-1.0.0-rc.8.tgz", + "integrity": "sha512-ecsUP7rcUgVIlUHhkWmHYYe0DKymuOpEPKuzJkagDl425vKyg4Z9hPtHC0aFLesWD+wLcHwbpDUQTyrtuK7qow==", + "requires": { + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8", + "@chakra-ui/visually-hidden": "1.0.0-rc.8" + } + }, + "@chakra-ui/select": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/select/-/select-1.0.0-rc.8.tgz", + "integrity": "sha512-Tig2DGhkkwxUuJRnDNW5DwBRkt1kJN3uVL3NKV87MSMXSzhtWz2/CceaLmfaFa+gY5ehr5HG36cYWXStrph8Zw==", + "requires": { + "@chakra-ui/form-control": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/skeleton": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/skeleton/-/skeleton-1.0.0-rc.8.tgz", + "integrity": "sha512-AmSEyzC5eROn6WHE6xTTSy4i2HJKRI4ET0T7k20fZOsaraul/KnmKFE11K/Mf4q3vsqSNLjLu8Z+NRRwvpLSOg==", + "requires": { + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/media-query": "1.0.0-rc.8", + "@chakra-ui/system": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/slider": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/slider/-/slider-1.0.0-rc.8.tgz", + "integrity": "sha512-56N7dTHyh4PeUbeZFUuqS+pva7p7uAvuK2/EnVkpDzpHgCf6wFltuzM5m67XG2jAd2WFxAt7j6m76PIGxy1OWQ==", + "requires": { + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/spinner": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/spinner/-/spinner-1.0.0-rc.8.tgz", + "integrity": "sha512-6XXdFwZM4BQo1JJbvcarRaDIp1LCuYBhh6QdtLaIjLcKMFOM8fttmLgxSRpQOSKBw21YIGLpqWknEaOjBDaI2A==", + "requires": { + "@chakra-ui/utils": "1.0.0-rc.8", + "@chakra-ui/visually-hidden": "1.0.0-rc.8" + } + }, + "@chakra-ui/stat": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/stat/-/stat-1.0.0-rc.8.tgz", + "integrity": "sha512-4a4SBB3rvhh+0NKr+4LcFHS1bMOXrIRKLvjo9xvhZrlow1XMnajryIUt/m5WhuaqxiVYsNzIQwyWNNWuxgXjHw==", + "requires": { + "@chakra-ui/icon": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8", + "@chakra-ui/visually-hidden": "1.0.0-rc.8" + } + }, + "@chakra-ui/styled-system": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/styled-system/-/styled-system-1.0.0-rc.8.tgz", + "integrity": "sha512-SaxZrljWayOUQPxje6IkfDyIujoptRSjp4rBZpzju7KgPz4Ledv5ygg9GaxwowlGKFlVpdvo79QAhff0WKNcrg==", + "requires": { + "@chakra-ui/utils": "1.0.0-rc.8", + "@styled-system/core": "5.1.2", + "css-get-unit": "1.0.1", + "csstype": "3.0.3" + } + }, + "@chakra-ui/switch": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/switch/-/switch-1.0.0-rc.8.tgz", + "integrity": "sha512-LnWYSs+eOeWui3GnC2qtKMfHwLi4WVrOmTrwlEgQ+kXjUPNlenIryTUFyTguQhd4yqZ3ph93khW2kl+9DNJcnw==", + "requires": { + "@chakra-ui/checkbox": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/system": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/system/-/system-1.0.0-rc.8.tgz", + "integrity": "sha512-+jBXq15wwzvUht8weW/Svbuw704ArWdnto/mrfMJdB+ZVpyekhiD2lRoMJu5bxX7iD8sKhkKr5UjSRh97Gcdiw==", + "requires": { + "@chakra-ui/color-mode": "1.0.0-rc.8", + "@chakra-ui/styled-system": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8", + "@emotion/core": "10.0.35", + "@emotion/styled": "10.0.27", + "react-fast-compare": "3.2.0" + } + }, + "@chakra-ui/tabs": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/tabs/-/tabs-1.0.0-rc.8.tgz", + "integrity": "sha512-7bGm/5RsjbFavlt4Qog6+hayTdsXi3J/UTpbHX3QgXuFvPuCvv2pqThRaljvzA16DqOAdo+vuWDREcVmpS0tCw==", + "requires": { + "@chakra-ui/clickable": "1.0.0-rc.8", + "@chakra-ui/descendant": "1.0.0-rc.8", + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/tag": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/tag/-/tag-1.0.0-rc.8.tgz", + "integrity": "sha512-fIxnhJ5sNGBYxe35+Mq0ZUtQiu3sshtIgGRm5l3hlzpTPBNVwkG5zJbra11NAj0WzOWPg7Khl9H1jvrDD5C9Tw==", + "requires": { + "@chakra-ui/icon": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/textarea": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/textarea/-/textarea-1.0.0-rc.8.tgz", + "integrity": "sha512-ZI4PWEOPXzpqdG7A48AXRFsBIOFVGCm13X1e1aGot18QlPJe7jCKTLRDrpVairMbFdLysjgzFr9DfO3G3V8BnA==", + "requires": { + "@chakra-ui/form-control": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/theme": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/theme/-/theme-1.0.0-rc.8.tgz", + "integrity": "sha512-P7X6j2WqTR2YpqXjX5dAWQ6N9QwB11QOwuPL1V+wQoQVIIcElUm9koibhWPN8oUqDteTPa9lQ+cK79RIJ2bw4w==", + "requires": { + "@chakra-ui/theme-tools": "1.0.0-rc.8" + } + }, + "@chakra-ui/theme-tools": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/theme-tools/-/theme-tools-1.0.0-rc.8.tgz", + "integrity": "sha512-z9suTMHa+La8mpYKS3c601PMa9YMtZqJCucflPXqTvHog8YMJFgsw2nAV5hdtmE81L6z/qzhNxrS8W+uzXrmCQ==", + "requires": { + "@chakra-ui/utils": "1.0.0-rc.8", + "@types/tinycolor2": "1.4.2", + "tinycolor2": "1.4.1" + } + }, + "@chakra-ui/toast": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/toast/-/toast-1.0.0-rc.8.tgz", + "integrity": "sha512-Ivc8iTxKOq5bN2cC1v91nj60GesZnEqQ0W0CXXjWSGHzYBge3JkZpZH6mu5R5PHB+Tke3+orGQ5q8aGSTMUlrQ==", + "requires": { + "@chakra-ui/alert": "1.0.0-rc.8", + "@chakra-ui/close-button": "1.0.0-rc.8", + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/theme": "1.0.0-rc.8", + "@chakra-ui/transition": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8", + "@reach/alert": "0.11.0" + } + }, + "@chakra-ui/tooltip": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/tooltip/-/tooltip-1.0.0-rc.8.tgz", + "integrity": "sha512-kXXBM9MMIDZ6Sf5PgPeAvhgbIq/TTorCYk0mp4kZ68V5LUijNpwmi5g0Szqw5DNo1dGW+MSj221qoiFCr9abuQ==", + "requires": { + "@chakra-ui/hooks": "1.0.0-rc.8", + "@chakra-ui/popper": "1.0.0-rc.8", + "@chakra-ui/portal": "1.0.0-rc.8", + "@chakra-ui/utils": "1.0.0-rc.8", + "@chakra-ui/visually-hidden": "1.0.0-rc.8" + } + }, + "@chakra-ui/transition": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/transition/-/transition-1.0.0-rc.8.tgz", + "integrity": "sha512-JT40Uh+FVtl3iks8eL1zA4JIXFKoJNsJzCuejxX6HOStYdWM/+ygf0NsLIAIJyvA3v4INXR1h/yNnNWEN3Nolg==", + "requires": { + "@chakra-ui/utils": "1.0.0-rc.8" + } + }, + "@chakra-ui/utils": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/utils/-/utils-1.0.0-rc.8.tgz", + "integrity": "sha512-FgmKvJ18cM1f2/49EyzJu18KAcgu0En0DjcmsflMFqjW9AQqi0Z2llhcXA/naX4VpqQ2fLf+tU8vbGYK2sY3fw==", + "requires": { + "@types/lodash.mergewith": "4.6.6", + "@types/object-assign": "4.0.30", + "css-box-model": "1.2.1", + "lodash.mergewith": "4.6.2", + "object-assign": "4.1.1" + } + }, + "@chakra-ui/visually-hidden": { + "version": "1.0.0-rc.8", + "resolved": "https://registry.npmjs.org/@chakra-ui/visually-hidden/-/visually-hidden-1.0.0-rc.8.tgz", + "integrity": "sha512-qxGhD8ODDA7LAMBNVIxbBRJOlMpkPIfoTP69TeC+QHqBKz87y6EeKZoT0zXbye9kFj1EZhUGdzq4vxMBiMzOTw==", + "requires": { + "@chakra-ui/utils": "1.0.0-rc.8" } }, "@cnakazawa/watch": { @@ -1214,9 +1725,9 @@ } }, "@emotion/core": { - "version": "10.1.1", - "resolved": "https://registry.npmjs.org/@emotion/core/-/core-10.1.1.tgz", - "integrity": "sha512-ZMLG6qpXR8x031NXD8HJqugy/AZSkAuMxxqB46pmAR7ze47MhNJ56cdoX243QPZdGctrdfo+s08yZTiwaUcRKA==", + "version": "10.0.35", + "resolved": "https://registry.npmjs.org/@emotion/core/-/core-10.0.35.tgz", + "integrity": "sha512-sH++vJCdk025fBlRZSAhkRlSUoqSqgCzYf5fMOmqqi3bM6how+sQpg3hkgJonj8GxXM4WbD7dRO+4tegDB9fUw==", "requires": { "@babel/runtime": "^7.5.5", "@emotion/cache": "^10.0.27", @@ -1264,6 +1775,13 @@ "@emotion/unitless": "0.7.5", "@emotion/utils": "0.11.3", "csstype": "^2.5.7" + }, + "dependencies": { + "csstype": { + "version": "2.6.13", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.13.tgz", + "integrity": "sha512-ul26pfSQTZW8dcOnD2iiJssfXw0gdNVX9IJDH/X3K5DGPfj+fUYe3kB+swUY6BF3oZDxaID3AJt+9/ojSAE05A==" + } } }, "@emotion/sheet": { @@ -1981,33 +2499,49 @@ } } }, + "@popperjs/core": { + "version": "2.4.4", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.4.4.tgz", + "integrity": "sha512-1oO6+dN5kdIA3sKPZhRGJTfGVP4SWV6KqlMOwry4J3HfyD68sl/3KmG7DeYUzvN+RbhXDnv/D8vNNB8168tAMg==" + }, "@reach/alert": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/@reach/alert/-/alert-0.1.5.tgz", - "integrity": "sha512-Ow+SB7rokGWxmm+AdOpf4eo29OaEYDqlJ1Kc9qulVX2cKjYiHQqAvkiCkSaIPkQbbyNmEXJ0c/rVpzPVvCVIAw==", + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@reach/alert/-/alert-0.11.0.tgz", + "integrity": "sha512-7Rw+lrrIOhgNTVmk8YZsqoF+fyOiA+kJx23p9/FZq+d0MK28e6puUA1zpeWASdU1LDzS+vDJM5hUmj98NMM/nw==", "requires": { - "@reach/component-component": "^0.1.3", - "@reach/visually-hidden": "^0.1.4" + "@reach/utils": "0.11.0", + "@reach/visually-hidden": "0.11.0", + "prop-types": "^15.7.2", + "tslib": "^2.0.0" + }, + "dependencies": { + "tslib": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.3.tgz", + "integrity": "sha512-uZtkfKblCEQtZKBF6EBXVZeQNl82yqtDQdv+eck8u7tdPxjLu2/lp5/uPW+um2tpuxINHWy3GhiccY7QgEaVHQ==" + } } }, "@reach/auto-id": { - "version": "0.10.2", - "resolved": "https://registry.npmjs.org/@reach/auto-id/-/auto-id-0.10.2.tgz", - "integrity": "sha512-PWFZevkHshiJV/z0L/5WQkWhe9QRzdZqC7N/JHRCoYo+odvCz9izXVRsxJf7p4sCuOCvnc8zNzAokFk2E1ZzDg==", + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@reach/auto-id/-/auto-id-0.11.0.tgz", + "integrity": "sha512-KwwnsnYTbTsYvRbSNqtaA1znaXP9G1I0z+bE0eFMNICvR+bHApaTu0aEEZNXfevq2LBrIMP6hZY9BokgTRcB3g==", "requires": { - "@reach/utils": "^0.10.2", - "tslib": "^1.11.2" + "@reach/utils": "0.11.0", + "tslib": "^2.0.0" + }, + "dependencies": { + "tslib": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.3.tgz", + "integrity": "sha512-uZtkfKblCEQtZKBF6EBXVZeQNl82yqtDQdv+eck8u7tdPxjLu2/lp5/uPW+um2tpuxINHWy3GhiccY7QgEaVHQ==" + } } }, - "@reach/component-component": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/@reach/component-component/-/component-component-0.1.3.tgz", - "integrity": "sha512-a1USH7L3bEfDdPN4iNZGvMEFuBfkdG+QNybeyDv8RloVFgZYRoM+KGXyy2KOfEnTUM8QWDRSROwaL3+ts5Angg==" - }, "@reach/utils": { - "version": "0.10.5", - "resolved": "https://registry.npmjs.org/@reach/utils/-/utils-0.10.5.tgz", - "integrity": "sha512-5E/xxQnUbmpI/LrufBAOXjunl96DnqX6B4zC2MO2KH/dRzLug5gM5VuOwV26egsp0jvsSPxojwciOhS43px3qw==", + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@reach/utils/-/utils-0.11.0.tgz", + "integrity": "sha512-A7Ofr1Biq4vUeTBYhbZ/YiLq1B/lEObbEoR2UiuQqCO1r093N95hZNcKqfFwpkRScjD87uob3wSYYGxvq9y/+w==", "requires": { "@types/warning": "^3.0.0", "tslib": "^2.0.0", @@ -2022,9 +2556,19 @@ } }, "@reach/visually-hidden": { - "version": "0.1.4", - "resolved": "https://registry.npmjs.org/@reach/visually-hidden/-/visually-hidden-0.1.4.tgz", - "integrity": "sha512-QHbzXjflSlCvDd6vJwdwx16mSB+vUCCQMiU/wK/CgVNPibtpEiIbisyxkpZc55DyDFNUIqP91rSUsNae+ogGDQ==" + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@reach/visually-hidden/-/visually-hidden-0.11.0.tgz", + "integrity": "sha512-O67fK7jz01TYu/V57RiDsxKY29ReHdQkpq+OV0ijmXsv7g5r3Nys51Ry+IqPrJst4Ve5xxFbiJsTt/bGwxorrQ==", + "requires": { + "tslib": "^2.0.0" + }, + "dependencies": { + "tslib": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.0.3.tgz", + "integrity": "sha512-uZtkfKblCEQtZKBF6EBXVZeQNl82yqtDQdv+eck8u7tdPxjLu2/lp5/uPW+um2tpuxINHWy3GhiccY7QgEaVHQ==" + } + } }, "@rollup/plugin-node-resolve": { "version": "7.1.3", @@ -2080,30 +2624,6 @@ "@sinonjs/commons": "^1.7.0" } }, - "@styled-system/background": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/@styled-system/background/-/background-5.1.2.tgz", - "integrity": "sha512-jtwH2C/U6ssuGSvwTN3ri/IyjdHb8W9X/g8Y0JLcrH02G+BW3OS8kZdHphF1/YyRklnrKrBT2ngwGUK6aqqV3A==", - "requires": { - "@styled-system/core": "^5.1.2" - } - }, - "@styled-system/border": { - "version": "5.1.5", - "resolved": "https://registry.npmjs.org/@styled-system/border/-/border-5.1.5.tgz", - "integrity": "sha512-JvddhNrnhGigtzWRCVuAHepniyVi6hBlimxWDVAdcTuk7aRn9BYJUwfHslURtwYFsF5FoEs8Zmr1oZq2M1AP0A==", - "requires": { - "@styled-system/core": "^5.1.2" - } - }, - "@styled-system/color": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/@styled-system/color/-/color-5.1.2.tgz", - "integrity": "sha512-1kCkeKDZkt4GYkuFNKc7vJQMcOmTl3bJY3YBUs7fCNM6mMYJeT1pViQ2LwBSBJytj3AB0o4IdLBoepgSgGl5MA==", - "requires": { - "@styled-system/core": "^5.1.2" - } - }, "@styled-system/core": { "version": "5.1.2", "resolved": "https://registry.npmjs.org/@styled-system/core/-/core-5.1.2.tgz", @@ -2112,86 +2632,6 @@ "object-assign": "^4.1.1" } }, - "@styled-system/css": { - "version": "5.1.5", - "resolved": "https://registry.npmjs.org/@styled-system/css/-/css-5.1.5.tgz", - "integrity": "sha512-XkORZdS5kypzcBotAMPBoeckDs9aSZVkvrAlq5K3xP8IMAUek+x2O4NtwoSgkYkWWzVBu6DGdFZLR790QWGG+A==" - }, - "@styled-system/flexbox": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/@styled-system/flexbox/-/flexbox-5.1.2.tgz", - "integrity": "sha512-6hHV52+eUk654Y1J2v77B8iLeBNtc+SA3R4necsu2VVinSD7+XY5PCCEzBFaWs42dtOEDIa2lMrgL0YBC01mDQ==", - "requires": { - "@styled-system/core": "^5.1.2" - } - }, - "@styled-system/grid": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/@styled-system/grid/-/grid-5.1.2.tgz", - "integrity": "sha512-K3YiV1KyHHzgdNuNlaw8oW2ktMuGga99o1e/NAfTEi5Zsa7JXxzwEnVSDSBdJC+z6R8WYTCYRQC6bkVFcvdTeg==", - "requires": { - "@styled-system/core": "^5.1.2" - } - }, - "@styled-system/layout": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/@styled-system/layout/-/layout-5.1.2.tgz", - "integrity": "sha512-wUhkMBqSeacPFhoE9S6UF3fsMEKFv91gF4AdDWp0Aym1yeMPpqz9l9qS/6vjSsDPF7zOb5cOKC3tcKKOMuDCPw==", - "requires": { - "@styled-system/core": "^5.1.2" - } - }, - "@styled-system/position": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/@styled-system/position/-/position-5.1.2.tgz", - "integrity": "sha512-60IZfMXEOOZe3l1mCu6sj/2NAyUmES2kR9Kzp7s2D3P4qKsZWxD1Se1+wJvevb+1TP+ZMkGPEYYXRyU8M1aF5A==", - "requires": { - "@styled-system/core": "^5.1.2" - } - }, - "@styled-system/shadow": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/@styled-system/shadow/-/shadow-5.1.2.tgz", - "integrity": "sha512-wqniqYb7XuZM7K7C0d1Euxc4eGtqEe/lvM0WjuAFsQVImiq6KGT7s7is+0bNI8O4Dwg27jyu4Lfqo/oIQXNzAg==", - "requires": { - "@styled-system/core": "^5.1.2" - } - }, - "@styled-system/should-forward-prop": { - "version": "5.1.5", - "resolved": "https://registry.npmjs.org/@styled-system/should-forward-prop/-/should-forward-prop-5.1.5.tgz", - "integrity": "sha512-+rPRomgCGYnUIaFabDoOgpSDc4UUJ1KsmlnzcEp0tu5lFrBQKgZclSo18Z1URhaZm7a6agGtS5Xif7tuC2s52Q==", - "requires": { - "@emotion/is-prop-valid": "^0.8.1", - "@emotion/memoize": "^0.7.1", - "styled-system": "^5.1.5" - } - }, - "@styled-system/space": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/@styled-system/space/-/space-5.1.2.tgz", - "integrity": "sha512-+zzYpR8uvfhcAbaPXhH8QgDAV//flxqxSjHiS9cDFQQUSznXMQmxJegbhcdEF7/eNnJgHeIXv1jmny78kipgBA==", - "requires": { - "@styled-system/core": "^5.1.2" - } - }, - "@styled-system/typography": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/@styled-system/typography/-/typography-5.1.2.tgz", - "integrity": "sha512-BxbVUnN8N7hJ4aaPOd7wEsudeT7CxarR+2hns8XCX1zp0DFfbWw4xYa/olA0oQaqx7F1hzDg+eRaGzAJbF+jOg==", - "requires": { - "@styled-system/core": "^5.1.2" - } - }, - "@styled-system/variant": { - "version": "5.1.5", - "resolved": "https://registry.npmjs.org/@styled-system/variant/-/variant-5.1.5.tgz", - "integrity": "sha512-Yn8hXAFoWIro8+Q5J8YJd/mP85Teiut3fsGVR9CAxwgNfIAiqlYxsk5iHU7VHJks/0KjL4ATSjmbtCDC/4l1qw==", - "requires": { - "@styled-system/core": "^5.1.2", - "@styled-system/css": "^5.1.5" - } - }, "@surma/rollup-plugin-off-main-thread": { "version": "1.4.1", "resolved": "https://registry.npmjs.org/@surma/rollup-plugin-off-main-thread/-/rollup-plugin-off-main-thread-1.4.1.tgz", @@ -2594,6 +3034,19 @@ "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz", "integrity": "sha1-7ihweulOEdK4J7y+UnC86n8+ce4=" }, + "@types/lodash": { + "version": "4.14.165", + "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.165.tgz", + "integrity": "sha512-tjSSOTHhI5mCHTy/OOXYIhi2Wt1qcbHmuXD1Ha7q70CgI/I71afO4XtLb/cVexki1oVYchpul/TOuu3Arcdxrg==" + }, + "@types/lodash.mergewith": { + "version": "4.6.6", + "resolved": "https://registry.npmjs.org/@types/lodash.mergewith/-/lodash.mergewith-4.6.6.tgz", + "integrity": "sha512-RY/8IaVENjG19rxTZu9Nukqh0W2UrYgmBj5sdns4hWRZaV8PqR7wIKHFKzvOTjo4zVRV7sVI+yFhAJql12Kfqg==", + "requires": { + "@types/lodash": "*" + } + }, "@types/minimatch": { "version": "3.0.3", "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-3.0.3.tgz", @@ -2609,6 +3062,11 @@ "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.0.tgz", "integrity": "sha512-f5j5b/Gf71L+dbqxIpQ4Z2WlmI/mPJ0fOkGGmFgtb6sAu97EPczzbS3/tJKxmcYDj55OX6ssqwDAWOHIYDRDGA==" }, + "@types/object-assign": { + "version": "4.0.30", + "resolved": "https://registry.npmjs.org/@types/object-assign/-/object-assign-4.0.30.tgz", + "integrity": "sha1-iUk3HVqZ9Dge4PHfCpt6GH4H5lI=" + }, "@types/parse-json": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz", @@ -2619,40 +3077,11 @@ "resolved": "https://registry.npmjs.org/@types/prettier/-/prettier-2.1.5.tgz", "integrity": "sha512-UEyp8LwZ4Dg30kVU2Q3amHHyTn1jEdhCIE59ANed76GaT1Vp76DD3ZWSAxgCrw6wJ0TqeoBpqmfUHiUDPs//HQ==" }, - "@types/prop-types": { - "version": "15.7.3", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.3.tgz", - "integrity": "sha512-KfRL3PuHmqQLOG+2tGpRO26Ctg+Cq1E01D2DMriKEATHgWLfeNDmq9e29Q9WIky0dQ3NPkd1mzYH8Lm936Z9qw==" - }, "@types/q": { "version": "1.5.4", "resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.4.tgz", "integrity": "sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug==" }, - "@types/react": { - "version": "16.9.56", - "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.56.tgz", - "integrity": "sha512-gIkl4J44G/qxbuC6r2Xh+D3CGZpJ+NdWTItAPmZbR5mUS+JQ8Zvzpl0ea5qT/ZT3ZNTUcDKUVqV3xBE8wv/DyQ==", - "requires": { - "@types/prop-types": "*", - "csstype": "^3.0.2" - }, - "dependencies": { - "csstype": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.4.tgz", - "integrity": "sha512-xc8DUsCLmjvCfoD7LTGE0ou2MIWLx0K9RCZwSHMOdynqRsP4MtUcLeqh1HcQ2dInwDTqn+3CE0/FZh1et+p4jA==" - } - } - }, - "@types/react-dom": { - "version": "16.9.9", - "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-16.9.9.tgz", - "integrity": "sha512-jE16FNWO3Logq/Lf+yvEAjKzhpST/Eac8EMd1i4dgZdMczfgqC8EjpxwNgEe3SExHYLliabXDh9DEhhqnlXJhg==", - "requires": { - "@types/react": "*" - } - }, "@types/resolve": { "version": "0.0.8", "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz", @@ -2671,14 +3100,6 @@ "resolved": "https://registry.npmjs.org/@types/stack-utils/-/stack-utils-2.0.0.tgz", "integrity": "sha512-RJJrrySY7A8havqpGObOB4W92QXKJo63/jFLLgpvOtsGUqbQZ9Sbgl35KMm1DjC6j7AvmmU2bIno+3IyEaemaw==" }, - "@types/styled-system": { - "version": "5.1.9", - "resolved": "https://registry.npmjs.org/@types/styled-system/-/styled-system-5.1.9.tgz", - "integrity": "sha512-QlWv6tmQV8dqk8s+LSLb9QAtmuQEnfv4f8lKKZkMgDqRFVmxJDBwEw0u4zhpxp56u0hdR+TCIk9dGfOw3TkCoQ==", - "requires": { - "csstype": "^2.6.9" - } - }, "@types/tapable": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/@types/tapable/-/tapable-1.0.6.tgz", @@ -2692,6 +3113,11 @@ "@types/jest": "*" } }, + "@types/tinycolor2": { + "version": "1.4.2", + "resolved": "https://registry.npmjs.org/@types/tinycolor2/-/tinycolor2-1.4.2.tgz", + "integrity": "sha512-PeHg/AtdW6aaIO2a+98Xj7rWY4KC1E6yOy7AFknJQ7VXUGNrMlyxDFxJo7HqLtjQms/ZhhQX52mLVW/EX3JGOw==" + }, "@types/uglify-js": { "version": "3.11.1", "resolved": "https://registry.npmjs.org/@types/uglify-js/-/uglify-js-3.11.1.tgz", @@ -2838,11 +3264,6 @@ "eslint-visitor-keys": "^2.0.0" } }, - "@use-it/event-listener": { - "version": "0.1.5", - "resolved": "https://registry.npmjs.org/@use-it/event-listener/-/event-listener-0.1.5.tgz", - "integrity": "sha512-SWbhB0iFcoNL1BEldApGTqfB9aoGpU82iZUVTBtZaTFNrVKAGwuQTF15N9MzRvTgyuOASWf1pCKXbdVtKZgeRg==" - }, "@webassemblyjs/ast": { "version": "1.9.0", "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.9.0.tgz", @@ -3858,11 +4279,6 @@ } } }, - "body-scroll-lock": { - "version": "3.1.5", - "resolved": "https://registry.npmjs.org/body-scroll-lock/-/body-scroll-lock-3.1.5.tgz", - "integrity": "sha512-Yi1Xaml0EvNA0OYWxXiYNqY24AfWkbA6w5vxE7GWxtKfzIbZM+Qw+aSmkgsbWzbHiy/RCSkUZBplVxTA+E4jJg==" - }, "bonjour": { "version": "3.5.0", "resolved": "https://registry.npmjs.org/bonjour/-/bonjour-3.5.0.tgz", @@ -4290,11 +4706,6 @@ } } }, - "classnames": { - "version": "2.2.6", - "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.6.tgz", - "integrity": "sha512-JR/iSQOSt+LQIWwrwEzJ9uk0xfN3mTVYMwt1Ir5mUcSN6pU+V4zQFFaJsclJbPuAUQH+yfWef6tm7l1quW3C8Q==" - }, "clean-css": { "version": "4.2.3", "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.2.3.tgz", @@ -4510,6 +4921,11 @@ } } }, + "compute-scroll-into-view": { + "version": "1.0.14", + "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-1.0.14.tgz", + "integrity": "sha512-mKDjINe3tc6hGelUMNDzuhorIUZ7kS7BwyY0r2wQd2HOH2tRuJykiC06iSEX8y1TuhNzvz4GcJnK16mM2J1NMQ==" + }, "concat-map": { "version": "0.0.1", "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", @@ -4784,6 +5200,14 @@ "postcss": "^7.0.5" } }, + "css-box-model": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/css-box-model/-/css-box-model-1.2.1.tgz", + "integrity": "sha512-a7Vr4Q/kd/aw96bnJG332W9V9LkJO69JRcaCYDUqjp6/z0w6VcZjgAcTbgFxEPfBgdnAwlh3iwu+hLopa+flJw==", + "requires": { + "tiny-invariant": "^1.0.6" + } + }, "css-color-names": { "version": "0.0.4", "resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz", @@ -4798,6 +5222,11 @@ "timsort": "^0.3.0" } }, + "css-get-unit": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/css-get-unit/-/css-get-unit-1.0.1.tgz", + "integrity": "sha1-5JC55Wss0g+QOiLMr7RIOC7feXY=" + }, "css-has-pseudo": { "version": "0.10.0", "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-0.10.0.tgz", @@ -5060,9 +5489,9 @@ } }, "csstype": { - "version": "2.6.13", - "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.13.tgz", - "integrity": "sha512-ul26pfSQTZW8dcOnD2iiJssfXw0gdNVX9IJDH/X3K5DGPfj+fUYe3kB+swUY6BF3oZDxaID3AJt+9/ojSAE05A==" + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.3.tgz", + "integrity": "sha512-jPl+wbWPOWJ7SXsWyqGRk3lGecbar0Cb0OvZF/r/ZU011R4YqiRehgkQ9p4eQfo9DSDLqLL3wHwfxeJiuIsNag==" }, "cyclist": { "version": "1.0.1", @@ -5269,6 +5698,11 @@ "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz", "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=" }, + "dequal": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.2.tgz", + "integrity": "sha512-q9K8BlJVxK7hQYqa6XISGmBZbtQQWVXSrRrWreHC94rMt1QL/Impruc+7p2CYSYuVIUr+YCt6hjrs1kkdJRTug==" + }, "des.js": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.1.tgz", @@ -5580,16 +6014,6 @@ "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz", "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==" }, - "emotion-theming": { - "version": "10.0.27", - "resolved": "https://registry.npmjs.org/emotion-theming/-/emotion-theming-10.0.27.tgz", - "integrity": "sha512-MlF1yu/gYh8u+sLUqA0YuA9JX0P4Hb69WlKc/9OLo+WCXuX6sy/KoIa+qJimgmr2dWqnypYKYPX37esjDBbhdw==", - "requires": { - "@babel/runtime": "^7.5.5", - "@emotion/weak-memoize": "0.2.5", - "hoist-non-react-statics": "^3.3.0" - } - }, "encodeurl": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz", @@ -6399,11 +6823,6 @@ "strip-eof": "^1.0.0" } }, - "exenv": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/exenv/-/exenv-1.2.2.tgz", - "integrity": "sha1-KueOhdmJQVhnCwPUe+wfA72Ru50=" - }, "exit": { "version": "0.1.2", "resolved": "https://registry.npmjs.org/exit/-/exit-0.1.2.tgz", @@ -7055,6 +7474,27 @@ "map-cache": "^0.2.2" } }, + "framer-motion": { + "version": "2.9.4", + "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-2.9.4.tgz", + "integrity": "sha512-Bvgdwpu5UO6VnEEwenJEmnGeo9ILRRWh9f3iIX+71NiM5X60Qi6KlkBFGZc9DGbdIUAn0AYgaxVhTKL39OOYng==", + "requires": { + "@emotion/is-prop-valid": "^0.8.2", + "framesync": "^4.1.0", + "hey-listen": "^1.0.8", + "popmotion": "9.0.0-rc.20", + "style-value-types": "^3.1.9", + "tslib": "^1.10.0" + } + }, + "framesync": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/framesync/-/framesync-4.1.0.tgz", + "integrity": "sha512-MmgZ4wCoeVxNbx2xp5hN/zPDCbLSKiDt4BbbslK7j/pM2lg5S0vhTNv1v8BCVb99JPIo6hXBFdwzU7Q4qcAaoQ==", + "requires": { + "hey-listen": "^1.0.5" + } + }, "fresh": { "version": "0.5.2", "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz", @@ -7188,6 +7628,11 @@ "has-symbols": "^1.0.1" } }, + "get-nonce": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz", + "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==" + }, "get-own-enumerable-property-symbols": { "version": "3.0.2", "resolved": "https://registry.npmjs.org/get-own-enumerable-property-symbols/-/get-own-enumerable-property-symbols-3.0.2.tgz", @@ -7428,6 +7873,24 @@ "resolved": "https://registry.npmjs.org/hex-color-regex/-/hex-color-regex-1.1.0.tgz", "integrity": "sha512-l9sfDFsuqtOqKDsQdqrMRk0U85RZc0RtOR9yPI7mRVOa4FsR/BVnZ0shmQRM96Ji99kYZP/7hn1cedc1+ApsTQ==" }, + "hey-listen": { + "version": "1.0.8", + "resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz", + "integrity": "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==" + }, + "history": { + "version": "4.10.1", + "resolved": "https://registry.npmjs.org/history/-/history-4.10.1.tgz", + "integrity": "sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==", + "requires": { + "@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": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/hmac-drbg/-/hmac-drbg-1.0.1.tgz", @@ -8008,6 +8471,14 @@ "side-channel": "^1.0.2" } }, + "invariant": { + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz", + "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==", + "requires": { + "loose-envify": "^1.0.0" + } + }, "ip": { "version": "1.1.5", "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.5.tgz", @@ -10132,6 +10603,11 @@ "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz", "integrity": "sha1-vMbEmkKihA7Zl/Mj6tpezRguC/4=" }, + "lodash.mergewith": { + "version": "4.6.2", + "resolved": "https://registry.npmjs.org/lodash.mergewith/-/lodash.mergewith-4.6.2.tgz", + "integrity": "sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==" + }, "lodash.sortby": { "version": "4.7.0", "resolved": "https://registry.npmjs.org/lodash.sortby/-/lodash.sortby-4.7.0.tgz", @@ -10379,6 +10855,15 @@ "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz", "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==" }, + "mini-create-react-context": { + "version": "0.4.1", + "resolved": "https://registry.npmjs.org/mini-create-react-context/-/mini-create-react-context-0.4.1.tgz", + "integrity": "sha512-YWCYEmd5CQeHGSAKrYvXgmzzkrvssZcuuQDDeqkT+PziKGMgE+0MCCtcKbROzocGBG1meBLl2FotlRwf4gAzbQ==", + "requires": { + "@babel/runtime": "^7.12.1", + "tiny-warning": "^1.0.3" + } + }, "mini-css-extract-plugin": { "version": "0.11.3", "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-0.11.3.tgz", @@ -11391,10 +11876,16 @@ "ts-pnp": "^1.1.6" } }, - "popper.js": { - "version": "1.16.1", - "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz", - "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==" + "popmotion": { + "version": "9.0.0-rc.20", + "resolved": "https://registry.npmjs.org/popmotion/-/popmotion-9.0.0-rc.20.tgz", + "integrity": "sha512-f98sny03WuA+c8ckBjNNXotJD4G2utG/I3Q23NU69OEafrXtxxSukAaJBxzbtxwDvz3vtZK69pu9ojdkMoBNTg==", + "requires": { + "framesync": "^4.1.0", + "hey-listen": "^1.0.8", + "style-value-types": "^3.1.9", + "tslib": "^1.10.0" + } }, "portfinder": { "version": "1.0.28", @@ -12694,15 +13185,6 @@ "object-assign": "^4.1.1" } }, - "react-animate-height": { - "version": "2.0.21", - "resolved": "https://registry.npmjs.org/react-animate-height/-/react-animate-height-2.0.21.tgz", - "integrity": "sha512-CZHdjMD8qqp10tYtWmauWYASXxxv9vYeljxFGFtbcrbNXhsUv0w3IjxVK+0yCnyfk7769WfMZKHra4vRcbMnQg==", - "requires": { - "classnames": "^2.2.5", - "prop-types": "^15.6.1" - } - }, "react-app-polyfill": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/react-app-polyfill/-/react-app-polyfill-2.0.0.tgz", @@ -12824,6 +13306,11 @@ "resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-6.0.8.tgz", "integrity": "sha512-HvPuUQnLp5H7TouGq3kzBeioJmXms1wHy9EGjz2OURWBp4qZO6AfGEcnxts1D/CbwPLRAgTMPCEgYhA3sEM4vw==" }, + "react-fast-compare": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz", + "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==" + }, "react-focus-lock": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-2.4.1.tgz", @@ -12847,6 +13334,73 @@ "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.8.3.tgz", "integrity": "sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg==" }, + "react-remove-scroll": { + "version": "2.4.0", + "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.4.0.tgz", + "integrity": "sha512-BZIO3GaEs0Or1OhA5C//n1ibUP1HdjJmqUVUsOCMxwoIpaCocbB9TFKwHOkBa/nyYy3slirqXeiPYGwdSDiseA==", + "requires": { + "react-remove-scroll-bar": "^2.1.0", + "react-style-singleton": "^2.1.0", + "tslib": "^1.0.0", + "use-callback-ref": "^1.2.3", + "use-sidecar": "^1.0.1" + } + }, + "react-remove-scroll-bar": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.1.0.tgz", + "integrity": "sha512-5X5Y5YIPjIPrAoMJxf6Pfa7RLNGCgwZ95TdnVPgPuMftRfO8DaC7F4KP1b5eiO8hHbe7u+wZNDbYN5WUTpv7+g==", + "requires": { + "react-style-singleton": "^2.1.0", + "tslib": "^1.0.0" + } + }, + "react-router": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/react-router/-/react-router-5.2.0.tgz", + "integrity": "sha512-smz1DUuFHRKdcJC0jobGo8cVbhO3x50tCL4icacOlcwDOEQPq4TMqwx3sY1TP+DvtTgz4nm3thuo7A+BK2U0Dw==", + "requires": { + "@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" + }, + "dependencies": { + "isarray": { + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz", + "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=" + }, + "path-to-regexp": { + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.8.0.tgz", + "integrity": "sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==", + "requires": { + "isarray": "0.0.1" + } + } + } + }, + "react-router-dom": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-5.2.0.tgz", + "integrity": "sha512-gxAmfylo2QUjcwxI63RhQ5G85Qqt4voZpUXSEqCwykV0baaOTQDR1f0PmY8AELqIyVc0NEZUj0Gov5lNGcXgsA==", + "requires": { + "@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-scripts": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-4.0.0.tgz", @@ -12912,13 +13466,14 @@ "workbox-webpack-plugin": "5.1.4" } }, - "react-spring": { - "version": "8.0.27", - "resolved": "https://registry.npmjs.org/react-spring/-/react-spring-8.0.27.tgz", - "integrity": "sha512-nDpWBe3ZVezukNRandTeLSPcwwTMjNVu1IDq9qA/AMiUqHuRN4BeSWvKr3eIxxg1vtiYiOLy4FqdfCP5IoP77g==", + "react-style-singleton": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.1.0.tgz", + "integrity": "sha512-DH4ED+YABC1dhvSDYGGreAHmfuTXj6+ezT3CmHoqIEfxNgEYfIMoOtmbRp42JsUst3IPqBTDL+8r4TF7EWhIHw==", "requires": { - "@babel/runtime": "^7.3.1", - "prop-types": "^15.5.8" + "get-nonce": "^1.0.0", + "invariant": "^2.2.4", + "tslib": "^1.0.0" } }, "read-pkg": { @@ -13311,6 +13866,11 @@ "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==" }, + "resolve-pathname": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/resolve-pathname/-/resolve-pathname-3.0.0.tgz", + "integrity": "sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng==" + }, "resolve-url": { "version": "0.2.1", "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz", @@ -14745,24 +15305,13 @@ "schema-utils": "^2.7.0" } }, - "styled-system": { - "version": "5.1.5", - "resolved": "https://registry.npmjs.org/styled-system/-/styled-system-5.1.5.tgz", - "integrity": "sha512-7VoD0o2R3RKzOzPK0jYrVnS8iJdfkKsQJNiLRDjikOpQVqQHns/DXWaPZOH4tIKkhAT7I6wIsy9FWTWh2X3q+A==", - "requires": { - "@styled-system/background": "^5.1.2", - "@styled-system/border": "^5.1.5", - "@styled-system/color": "^5.1.2", - "@styled-system/core": "^5.1.2", - "@styled-system/flexbox": "^5.1.2", - "@styled-system/grid": "^5.1.2", - "@styled-system/layout": "^5.1.2", - "@styled-system/position": "^5.1.2", - "@styled-system/shadow": "^5.1.2", - "@styled-system/space": "^5.1.2", - "@styled-system/typography": "^5.1.2", - "@styled-system/variant": "^5.1.5", - "object-assign": "^4.1.1" + "style-value-types": { + "version": "3.1.9", + "resolved": "https://registry.npmjs.org/style-value-types/-/style-value-types-3.1.9.tgz", + "integrity": "sha512-050uqgB7WdvtgacoQKm+4EgKzJExVq0sieKBQQtJiU3Muh6MYcCp4T3M8+dfl6VOF2LR0NNwXBP1QYEed8DfIw==", + "requires": { + "hey-listen": "^1.0.8", + "tslib": "^1.10.0" } }, "stylehacks": { @@ -15108,6 +15657,21 @@ "resolved": "https://registry.npmjs.org/timsort/-/timsort-0.3.0.tgz", "integrity": "sha1-QFQRqOfmM5/mTbmiNN4R3DHgK9Q=" }, + "tiny-invariant": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.1.0.tgz", + "integrity": "sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw==" + }, + "tiny-warning": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz", + "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==" + }, + "tinycolor2": { + "version": "1.4.1", + "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.4.1.tgz", + "integrity": "sha1-9PrTM0R7wLB9TcjpIJ2POaisd+g=" + }, "tmp": { "version": "0.0.33", "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz", @@ -15158,16 +15722,6 @@ "is-number": "^7.0.0" } }, - "toasted-notes": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/toasted-notes/-/toasted-notes-3.2.0.tgz", - "integrity": "sha512-PucSn+SUdFSYNaaL1eNw7wYkEMJ7LULCR6j1YXPlRySHgWVgf+bXjq4dYd3hdA4mvmGz9HANmI1RnzhZ8av52Q==", - "requires": { - "@reach/alert": "^0.1.2", - "@types/react": "^16.8.10", - "@types/react-dom": "^16.8.3" - } - }, "toggle-selection": { "version": "1.0.6", "resolved": "https://registry.npmjs.org/toggle-selection/-/toggle-selection-1.0.6.tgz", @@ -15498,23 +16052,6 @@ "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.2.4.tgz", "integrity": "sha512-rXpsyvOnqdScyied4Uglsp14qzag1JIemLeTWGKbwpotWht57hbP78aNT+Q4wdFKQfQibbUX4fb6Qb4y11aVOQ==" }, - "use-dark-mode": { - "version": "2.3.1", - "resolved": "https://registry.npmjs.org/use-dark-mode/-/use-dark-mode-2.3.1.tgz", - "integrity": "sha512-hmcdJR96tTustRQdaQwe6jMrZHnmPqXBxgy4jaQ4gsfhwajsCpjECuq9prgDe9XxMx/f9r96o2/md6O4Lwhwjg==", - "requires": { - "@use-it/event-listener": "^0.1.2", - "use-persisted-state": "^0.3.0" - } - }, - "use-persisted-state": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/use-persisted-state/-/use-persisted-state-0.3.0.tgz", - "integrity": "sha512-UlWEq0JYg7NbvcRBZ1g6Bwe4SEbYfr1wr/D5mrmfCzSxXSwsPRYygGLlsxHcW58Rf7gGwRPBT23sNVvyVn4WYg==", - "requires": { - "@use-it/event-listener": "^0.1.2" - } - }, "use-sidecar": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.0.3.tgz", @@ -15602,6 +16139,11 @@ "spdx-expression-parse": "^3.0.0" } }, + "value-equal": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/value-equal/-/value-equal-1.0.1.tgz", + "integrity": "sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw==" + }, "vary": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz", diff --git a/frontend/package.json b/frontend/package.json index 14742c4..abc19fa 100644 --- a/frontend/package.json +++ b/frontend/package.json @@ -3,15 +3,15 @@ "version": "0.1.0", "private": true, "dependencies": { - "@chakra-ui/core": "^0.8.0", - "@emotion/core": "^10.1.1", - "@emotion/styled": "^10.0.27", + "@chakra-ui/core": "next", + "@chakra-ui/icons": "^1.0.0-next.3", "@testing-library/jest-dom": "^5.11.5", "@testing-library/react": "^11.1.1", "@testing-library/user-event": "^12.2.0", - "emotion-theming": "^10.0.27", + "framer-motion": "^2.9.4", "react": "^17.0.1", "react-dom": "^17.0.1", + "react-router-dom": "^5.2.0", "react-scripts": "4.0.0", "web-vitals": "^0.2.4" }, diff --git a/frontend/src/App.js b/frontend/src/App.js index a246f01..82000ba 100644 --- a/frontend/src/App.js +++ b/frontend/src/App.js @@ -1,28 +1,26 @@ -import logo from './logo.svg'; import './App.css'; -import { ThemeProvider } from "@chakra-ui/core"; -import { theme } from "@chakra-ui/core"; +import {ChakraProvider, extendTheme} from "@chakra-ui/core"; +import {BrowserRouter as Router, Switch, Route} from 'react-router-dom'; +import Header from './components/Header'; +import HomePage from './views/HomePage'; + +const config = { + useSystemColorMode: true, + initialColorMode: "dark", +} + +const customTheme = extendTheme({ config }); function App() { return ( - -
-
- logo -

- Edit src/App.js and save to reload. -

- - Learn React - -
-
- + + +
+ + + + + ); } diff --git a/frontend/src/components/Header.js b/frontend/src/components/Header.js new file mode 100644 index 0000000..545f356 --- /dev/null +++ b/frontend/src/components/Header.js @@ -0,0 +1,38 @@ +import React from 'react'; +import {useColorMode} from "@chakra-ui/core"; +import {Divider, IconButton, Flex, Image, Heading} from '@chakra-ui/core'; +import {Link} from 'react-router-dom'; +import {MoonIcon, SunIcon} from '@chakra-ui/icons' +import Clash_Crest_icon from '../img/Clash_Crest_icon.webp'; + +const headerStyle = { + padding: '2% 5%', +}; + +function Header() { + const {colorMode, toggleColorMode} = useColorMode(); + + return ( +
+ + + + Logo + + Clash Team Builder + + + + + : } onClick={toggleColorMode} /> + + +
+ ); +} + +export default Header; diff --git a/frontend/src/components/SummonerCard.js b/frontend/src/components/SummonerCard.js new file mode 100644 index 0000000..d73a501 --- /dev/null +++ b/frontend/src/components/SummonerCard.js @@ -0,0 +1,42 @@ +import React, {useState} from 'react'; +import {useColorMode} from "@chakra-ui/core"; +import {Flex, Text, Input, Image} from "@chakra-ui/core"; +import Default_icon from "../img/default_icon.jpg"; + +function SummonerCard(props) { + const {colorMode} = useColorMode(); + const [Blurred, setBlurred] = useState(null); + + if (Blurred) { + // TODO: call API to retrieve summoner icon + } + + return ( + + {props.alt} + {props.laneType} + Summoner icon + {setBlurred(false);}} + onBlur={() => {setBlurred(true);}} + fontWeight="600" + fontSize="1.25em" + width="120px" + textAlign="center" + variant="flushed" + placeholder="Summoner" /> + + ); +} + +export default SummonerCard; diff --git a/frontend/src/img/Bottom_icon.webp b/frontend/src/img/Bottom_icon.webp new file mode 100644 index 0000000..f964c0e Binary files /dev/null and b/frontend/src/img/Bottom_icon.webp differ diff --git a/frontend/src/img/Clash_Crest_icon.webp b/frontend/src/img/Clash_Crest_icon.webp new file mode 100644 index 0000000..7901343 Binary files /dev/null and b/frontend/src/img/Clash_Crest_icon.webp differ diff --git a/frontend/src/img/Jungle_icon.webp b/frontend/src/img/Jungle_icon.webp new file mode 100644 index 0000000..2479844 Binary files /dev/null and b/frontend/src/img/Jungle_icon.webp differ diff --git a/frontend/src/img/Middle_icon.webp b/frontend/src/img/Middle_icon.webp new file mode 100644 index 0000000..1930892 Binary files /dev/null and b/frontend/src/img/Middle_icon.webp differ diff --git a/frontend/src/img/Support_icon.webp b/frontend/src/img/Support_icon.webp new file mode 100644 index 0000000..1037f50 Binary files /dev/null and b/frontend/src/img/Support_icon.webp differ diff --git a/frontend/src/img/Top_icon.webp b/frontend/src/img/Top_icon.webp new file mode 100644 index 0000000..e0f0a9f Binary files /dev/null and b/frontend/src/img/Top_icon.webp differ diff --git a/frontend/src/img/default_icon.jpg b/frontend/src/img/default_icon.jpg new file mode 100644 index 0000000..873f170 Binary files /dev/null and b/frontend/src/img/default_icon.jpg differ diff --git a/frontend/src/views/HomePage.js b/frontend/src/views/HomePage.js new file mode 100644 index 0000000..f4176f5 --- /dev/null +++ b/frontend/src/views/HomePage.js @@ -0,0 +1,70 @@ +import React from 'react'; +import {Box, Button, Flex, Text, Select} from "@chakra-ui/core"; +import {ArrowForwardIcon} from '@chakra-ui/icons'; +import Top_icon from "../img/Top_icon.webp"; +import Middle_icon from "../img/Middle_icon.webp"; +import Bottom_icon from "../img/Bottom_icon.webp"; +import Support_icon from "../img/Support_icon.webp"; +import Jungle_icon from "../img/Jungle_icon.webp"; +import SummonerCard from "../components/SummonerCard"; + +function HomePage() { + return ( + + + I want to play: + + + + + I want to beat: + + + + + + + + + + + + + + + + ); +} + +export default HomePage;