diff --git a/@types/styled.d.ts b/@types/styled.d.ts
new file mode 100644
index 00000000..ee5c911e
--- /dev/null
+++ b/@types/styled.d.ts
@@ -0,0 +1,18 @@
+import "styled-components";
+
+declare module "styled-components" {
+ export interface DefaultTheme {
+ title: string;
+ colors: {
+ primary: string;
+ secondary: string;
+ lightGray: string;
+ offColor: string;
+ backgroundColor: string;
+ cardBgColor: string;
+ textCardItemColor: string;
+ textColor: string;
+ textHeaderColor: string;
+ }
+ }
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index 93d44b2d..beba4aab 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,7 @@
+# Demonstração
+
+
+
# **TESTE DE FRONTEND**
Neste teste, você será livre para criar uma aplicação consumindo a API que você quiser e com o tema que desejar.
@@ -6,26 +10,28 @@ Contudo, o seu projeto deverá seguir os requisitos mínimos de conteúdo.
SUGESTÕES DE APIS:
https://github.com/public-apis/public-apis
----------------------------------------------------------------------
+---
+
## REQUISITOS:
- SEJA ORIGINAL, PROJETOS SUSPEITOS DE SEREM COPIADOS SERÃO DESCARTADOS!
- QUEREMOS VER O SEU CÓDIGO, E NÃO O DE OUTROS.
## GIT
+
- Faça um fork deste repositório.
- Criar uma branch para codar as suas features.
- Criar um pull-request quando o teste for finalizado e submetido.
##### **NOTA: Será avaliado também se o nome da branch, títulos de commit, push e comentários possuem boa legibilidade.**
------------------------------------------------------
+---
## FRAMEWORK
- Utilizar as ferramentas presentes no framework do projeto (NEXT.JS).
------------------------------------------------------
+---
## ESTILOS
@@ -33,7 +39,7 @@ https://github.com/public-apis/public-apis
- O projeto deverá conter tema claro/escuro e forma do usuário alterar entre os dois.
- Deve ser totalmente responsivo.
------------------------------------------------------
+---
## PROJETO
@@ -41,7 +47,7 @@ https://github.com/public-apis/public-apis
- Ter ao menos 3 paginas navegáveis com router (ex: um navbar para facilitar a navegação).
- Deve consumir uma API de sua escolha, desde que os dados sejam filtraveis e paginados. No mínimo 15 itens por requisição.
--------------------------------------------------------
+---
## REQUISITOS DIFERENCIAIS:
diff --git a/github/amostra.gif b/github/amostra.gif
new file mode 100644
index 00000000..c922a071
Binary files /dev/null and b/github/amostra.gif differ
diff --git a/next.config.js b/next.config.js
index ae887958..101ae314 100644
--- a/next.config.js
+++ b/next.config.js
@@ -2,6 +2,10 @@
const nextConfig = {
reactStrictMode: true,
swcMinify: true,
+
+ compiler: {
+ styledComponents: true
+ }
}
module.exports = nextConfig
diff --git a/package.json b/package.json
index d6d970b0..3a741ad1 100644
--- a/package.json
+++ b/package.json
@@ -10,11 +10,19 @@
},
"dependencies": {
"next": "13.0.6",
+ "phosphor-react": "^1.4.1",
"react": "18.2.0",
- "react-dom": "18.2.0"
+ "react-dom": "18.2.0",
+ "react-is": "^18.2.0",
+ "react-switch": "^7.0.0",
+ "styled-components": "^5.3.6"
},
"devDependencies": {
+ "@types/node": "^18.11.18",
+ "@types/react": "^18.0.26",
+ "@types/styled-components": "^5.1.26",
"eslint": "8.29.0",
- "eslint-config-next": "13.0.6"
+ "eslint-config-next": "13.0.6",
+ "typescript": "^4.9.4"
}
}
diff --git a/pages/_app.js b/pages/_app.js
deleted file mode 100644
index 23d1ca6c..00000000
--- a/pages/_app.js
+++ /dev/null
@@ -1,6 +0,0 @@
-
-function MyApp({ Component, pageProps }) {
- return
-}
-
-export default MyApp
diff --git a/pages/_app.tsx b/pages/_app.tsx
new file mode 100644
index 00000000..c9d36eb5
--- /dev/null
+++ b/pages/_app.tsx
@@ -0,0 +1,34 @@
+import { useState } from 'react'
+import { AppProps} from 'next/app'
+import Head from 'next/head'
+
+import { ThemeProvider } from 'styled-components'
+import { Header } from '../src/components/Header'
+import { GlobalStyle } from '../src/styles/global'
+
+import light from "../src/styles/themes/light"
+import dark from "../src/styles/themes/dark"
+
+function MyApp({ Component, pageProps }: AppProps) {
+ const [theme, setTheme] = useState(dark)
+
+ function onChangeTheme(): void {
+
+ setTheme(theme.title === 'light' ? dark : light)
+ }
+ return (
+ <>
+
+ Teste Frontend - Orma Carbon
+
+
+
+
+
+
+
+ >
+ )
+}
+
+export default MyApp
diff --git a/pages/about/index.tsx b/pages/about/index.tsx
new file mode 100644
index 00000000..3aa35b5c
--- /dev/null
+++ b/pages/about/index.tsx
@@ -0,0 +1,9 @@
+import { Title, Container } from "../../src/styles/about";
+
+export default function About() {
+ return (
+
+ This application was built during a interview process for a job. This page is only for matters of navigation.
+
+ )
+}
\ No newline at end of file
diff --git a/pages/gotItems/index.tsx b/pages/gotItems/index.tsx
new file mode 100644
index 00000000..154a17f7
--- /dev/null
+++ b/pages/gotItems/index.tsx
@@ -0,0 +1,96 @@
+import { useRouter } from "next/router";
+import { useState } from "react"
+import { GotCard } from "../../src/components/GotCard";
+import { ButtonSearch, CardsContainer, Container, FilterInput, SearchContainer, ItemsAmount } from "../../src/styles/gotItems";
+
+interface CharactersProps {
+ name: string;
+ born: string;
+ titles: string[];
+ culture: string;
+ url: string;
+}
+
+
+export default function GOT({ data }) {
+ const router = useRouter()
+ const { page, pathname } = router.query;
+
+ const characters: CharactersProps[] = data
+ const [filterInput, setFilterInput] = useState('')
+
+
+ const charactersFiltered = characters.filter(item => item.name.toLowerCase().includes(filterInput.toLowerCase()))
+
+ const pageNumber = Number(page)
+
+ function handlePreviousPage() {
+ if (pageNumber <= 1) {
+ alert("There's no more pages going backwards")
+ return
+ }
+
+ router.push(
+ `/${pathname}?page=${Number(page) - 1}`,
+ `/gotItems?page=${Number(pageNumber) - 1}`,
+ {
+ shallow: true
+ }
+ )
+
+ setFilterInput('')
+ }
+
+ function handleNextPage() {
+ router.push(
+ `/${pathname}`,
+ `/gotItems?page=${Number(pageNumber) + 1}`,
+ {
+ shallow: true
+ }
+ )
+
+ setFilterInput('')
+ }
+
+ return (
+
+
+ Previous
+ setFilterInput(e.target.value)}
+ value={filterInput}
+ placeholder='Search...'
+ />
+ Next
+
+ {`Items (${charactersFiltered.length})`}
+
+ {charactersFiltered?.map(character => {
+ return (
+
+ )
+ })}
+
+
+
+ )
+}
+
+ export async function getServerSideProps ({ query }) {
+ const { page = 2 } = query
+
+ const res = await fetch(`${process.env.API_URL}?page=${page}&pageSize=15`)
+ const data = await res.json()
+ return {
+ props: {
+ data
+ }
+ }
+}
\ No newline at end of file
diff --git a/pages/index.js b/pages/index.js
deleted file mode 100644
index f80b4ce2..00000000
--- a/pages/index.js
+++ /dev/null
@@ -1,8 +0,0 @@
-
-export default function Home() {
- return (
-
-
Hello, World!
-
- )
-}
diff --git a/pages/index.tsx b/pages/index.tsx
new file mode 100644
index 00000000..cd4d0aed
--- /dev/null
+++ b/pages/index.tsx
@@ -0,0 +1,12 @@
+import Link from "next/link";
+import { Container, Title, SubTitle } from "../src/styles/home";
+
+
+export default function Home() {
+ return (
+
+ Saga - A Song of Ice and Fire API
+ Click here to go to Characters List.
+
+ )
+}
diff --git a/src/components/GotCard/index.tsx b/src/components/GotCard/index.tsx
new file mode 100644
index 00000000..45374268
--- /dev/null
+++ b/src/components/GotCard/index.tsx
@@ -0,0 +1,23 @@
+import { CardBorn, CardCulture, CardName, CardTitles, CardContainer } from "./styles"
+
+interface GotCardProps {
+ name: string;
+ born: string;
+ titles: string[];
+ culture: string;
+}
+
+export function GotCard({ name, born, titles, culture, }: GotCardProps) {
+ return (
+
+
+ {name === '' ? 'Unknown Character' : name}
+ {titles[0] === '' ? 'No titles' : titles[0]}
+
+
+ Born at: {born === '' ? 'Unknown' : born}
+ Culture: {culture === '' ? 'Unknown' : culture}
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/GotCard/styles.ts b/src/components/GotCard/styles.ts
new file mode 100644
index 00000000..f802912e
--- /dev/null
+++ b/src/components/GotCard/styles.ts
@@ -0,0 +1,59 @@
+import styled from "styled-components"
+
+export const CardContainer = styled.div`
+ background-color: ${props => props.theme.colors.cardBgColor};
+ width: 420px;
+ height: 120px;
+ margin-top: 1rem;
+ border-radius: 8px;
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+ color: ${props => props.theme.colors.textCardItemColor};
+
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ gap: 1rem;
+ margin-bottom: 1rem;
+ cursor: pointer;
+ transition: transform 0.5s, scale 0.5s;
+
+ &:hover {
+ transform: scale(1.1);
+ opacity: 1.1;
+ }
+
+ div {
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+
+ @media (max-width: 450px) {
+ flex-direction: column;
+ gap: 2rem;
+ }
+ }
+`;
+export const CardName = styled.h3`
+ font-size: 1rem;
+
+`;
+export const CardTitles = styled.strong`
+ width: 160px;
+ font-size: .875rem;
+`;
+
+export const CardBorn = styled.span`
+ font-size: 0.75rem;
+ padding: .5rem;
+
+ @media (max-width: 450px) {
+ display: none;
+ }
+`;
+export const CardCulture = styled.span`
+ font-size: 0.75rem;
+
+ @media (max-width: 450px) {
+ display: none;
+ }
+`;
\ No newline at end of file
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
new file mode 100644
index 00000000..9560e4b6
--- /dev/null
+++ b/src/components/Header/index.tsx
@@ -0,0 +1,16 @@
+import { useEffect, useState } from "react";
+import { Navbar } from "../Navbar";
+import { ThemeSwitcher } from "../ThemeSwitcher";
+import { Container } from "./styles";
+
+
+export function Header({ onChangeTheme }) {
+
+
+ return (
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/Header/styles.ts b/src/components/Header/styles.ts
new file mode 100644
index 00000000..7342dbcb
--- /dev/null
+++ b/src/components/Header/styles.ts
@@ -0,0 +1,12 @@
+import styled from 'styled-components';
+
+export const Container = styled.header`
+ width: 100%;
+ height: 5rem;
+ background-color: ${props => props.theme.colors.secondary};
+
+ display: flex;
+ align-items: center;
+ justify-content: space-evenly;
+ gap: 4rem;
+`
\ No newline at end of file
diff --git a/src/components/MenuMobile/index.tsx b/src/components/MenuMobile/index.tsx
new file mode 100644
index 00000000..1607db78
--- /dev/null
+++ b/src/components/MenuMobile/index.tsx
@@ -0,0 +1,40 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { X } from "phosphor-react";
+import { useEffect } from "react";
+import { Container } from "./styles";
+
+export function MenuMobile({ isOpen, setIsOpen }) {
+ const router = useRouter()
+ useEffect(() => {
+ const handleRouteChange = (url, { shallow }) => {
+ setIsOpen(false)
+ }
+
+ router.events.on('routeChangeStart', handleRouteChange)
+
+ return () => {
+ router.events.off('routeChangeStart', handleRouteChange)
+ }
+ }, [router.events, setIsOpen])
+ return (
+
+ setIsOpen(false)} />
+
+
+ Home
+
+
+
+
+ About
+
+
+
+
+ Characters
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/MenuMobile/styles.ts b/src/components/MenuMobile/styles.ts
new file mode 100644
index 00000000..392981b3
--- /dev/null
+++ b/src/components/MenuMobile/styles.ts
@@ -0,0 +1,32 @@
+import styled from "styled-components";
+
+export const Container = styled.div`
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 5;
+
+ background: rgba(17, 18, 17, 0.95);
+ background: linear-gradient(34deg, gray 0%, rgba(17,18,17,0.95) 95%);
+
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+
+
+ strong {
+ font-size: 2rem;
+ padding: 2rem;
+ }
+
+ a {
+ text-decoration: none;
+ color: white;
+ }
+
+`
\ No newline at end of file
diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
new file mode 100644
index 00000000..b376e35c
--- /dev/null
+++ b/src/components/Navbar/index.tsx
@@ -0,0 +1,61 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { House } from "phosphor-react";
+import { useEffect, useState } from "react";
+import { MenuMobile } from "../MenuMobile";
+import { About, CharactersSession, Container, Title } from "./styles";
+
+export function Navbar() {
+ const [windowSize, setWindowSize] = useState([0, 0
+ ]);
+ const [isOpen, setIsOpen] = useState(false);
+
+
+ useEffect(() => {
+ if (typeof window !== "undefined") {
+ const handleWindowResize = () => {
+ setWindowSize([window.innerWidth, window.innerHeight]);
+ };
+
+ window.addEventListener('resize', handleWindowResize);
+
+ return () => {
+ window.removeEventListener('resize', handleWindowResize);
+ };
+ }
+
+ });
+
+ return (
+
+ {windowSize[0] <= 720 ?
+ <>
+ setIsOpen(prevState => !prevState)}
+ />
+ {isOpen === true ? : ''}
+ >
+
+ :
+ <>
+
+ Teste - Orma Carbon
+
+
+
+ About
+
+
+
+ {/* We redirect the user to page=2 because the first page of the API is lacking data */}
+
+ Characters
+
+
+ >
+ }
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/Navbar/styles.ts b/src/components/Navbar/styles.ts
new file mode 100644
index 00000000..c9607382
--- /dev/null
+++ b/src/components/Navbar/styles.ts
@@ -0,0 +1,53 @@
+import styled from "styled-components";
+
+export const Title = styled.h1`
+ a {
+ font-size: 1.5rem;
+ text-decoration: none;
+ color: ${props => props.theme.colors.textHeaderColor};
+ cursor: pointer;
+
+ &:hover {
+ color: ${props => props.theme.colors.offColor}
+ }
+ }
+
+`
+
+export const Container = styled.nav`
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 1rem;
+
+ @media (max-width: 720px) {
+ flex-direction: column;
+ }
+`;
+
+export const About = styled.strong`
+ a {
+ font-size: 1.5rem;
+ text-decoration: none;
+ color: ${props => props.theme.colors.textHeaderColor};
+ cursor: pointer;
+
+ &:hover {
+ color: ${props => props.theme.colors.offColor}
+ }
+ }
+
+`;
+
+export const CharactersSession = styled.strong`
+ a {
+ font-size: 1.5rem;
+ text-decoration: none;
+ color: ${props => props.theme.colors.textHeaderColor};
+ cursor: pointer;
+
+ &:hover {
+ color: ${props => props.theme.colors.offColor}
+ }
+ }
+`
\ No newline at end of file
diff --git a/src/components/ThemeSwitcher/index.tsx b/src/components/ThemeSwitcher/index.tsx
new file mode 100644
index 00000000..580b0660
--- /dev/null
+++ b/src/components/ThemeSwitcher/index.tsx
@@ -0,0 +1,24 @@
+import { useContext } from 'react';
+import Switch from 'react-switch'
+import { ThemeContext } from 'styled-components';
+
+
+export function ThemeSwitcher({onChangeTheme}) {
+ const { title, colors } = useContext(ThemeContext)
+
+
+ return (
+
+ )
+}
\ No newline at end of file
diff --git a/src/contexts/MyThemeContext.tsx b/src/contexts/MyThemeContext.tsx
new file mode 100644
index 00000000..a38af728
--- /dev/null
+++ b/src/contexts/MyThemeContext.tsx
@@ -0,0 +1,11 @@
+import { createContext } from "react";
+
+export const MyThemeContext = createContext({} as null)
+
+export function MyThemeContextProvider({ children }) {
+ return (
+
+ {children}
+
+ )
+}
\ No newline at end of file
diff --git a/src/styles/about.ts b/src/styles/about.ts
new file mode 100644
index 00000000..7b4efd06
--- /dev/null
+++ b/src/styles/about.ts
@@ -0,0 +1,19 @@
+import styled from "styled-components";
+
+export const Container = styled.div`
+ width: 100vw;
+ height: 80vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+
+`
+
+export const Title = styled.h1`
+ color: ${props => props.theme.colors.textColor};
+
+ display: block;
+ margin: 0 auto;
+ font-size: 1.5rem;
+`;
\ No newline at end of file
diff --git a/src/styles/global.ts b/src/styles/global.ts
new file mode 100644
index 00000000..e1b330c7
--- /dev/null
+++ b/src/styles/global.ts
@@ -0,0 +1,30 @@
+import { createGlobalStyle } from "styled-components";
+
+export const GlobalStyle = createGlobalStyle`
+ * {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+ overflow-x: hidden;
+ font-family: 'Roboto', sans-serif;
+ }
+ html {
+ @media (max-width: 1080px) {
+ font-size: 93.75%; // 15px
+ }
+
+ @media (max-width: 720px) {
+ font-size: 87.5%; // 14px
+ }
+ }
+
+ body {
+ background-color: ${props => props.theme.colors.backgroundColor};
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+
+ -webkit-font-smoothing: antialiased;
+
+ }
+`
\ No newline at end of file
diff --git a/src/styles/gotItems.ts b/src/styles/gotItems.ts
new file mode 100644
index 00000000..b33dd110
--- /dev/null
+++ b/src/styles/gotItems.ts
@@ -0,0 +1,72 @@
+import styled from "styled-components";
+
+export const Container = styled.div`
+ width: 1120px;
+ padding: 2rem;
+ margin: 0 auto;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+ @media (max-width: 1100px) {
+ width: 100%;
+ }
+`
+export const SearchContainer = styled.div`
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ gap: 1rem;
+
+ @media (max-width: 620px) {
+ flex-direction: column;
+ }
+
+`
+
+export const ButtonSearch = styled.button`
+ padding: 0.5rem 1.25rem;
+ border: none;
+ border-radius: 4px;
+ background-color: ${props => props.theme.colors.offColor};
+ color: ${props => props.theme.colors.textCardItemColor};
+ font-weight: bold;
+ cursor: pointer;
+
+ @media (max-width: 620px) {
+ padding: 0.75rem 1.25rem;
+ }
+
+`
+
+export const FilterInput = styled.input`
+ padding: 0.75rem 1.25rem;
+ border: none;
+ border-radius: 4px;
+ background-color: ${props => props.theme.colors.offColor};
+ color: ${props => props.theme.colors.textCardItemColor};
+
+
+ &::placeholder {
+ color: ${props => props.theme.colors.textCardItemColor}
+ }
+
+`
+
+export const CardsContainer = styled.div`
+ width: 100%;
+ margin-top: 1rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-wrap: wrap;
+ gap: 1rem;
+
+`
+
+
+export const ItemsAmount = styled.span`
+ color: ${props => props.theme.colors.lightGray};
+ margin-top: 0.5rem;
+ font-size: 0.75rem;
+`
\ No newline at end of file
diff --git a/src/styles/home.ts b/src/styles/home.ts
new file mode 100644
index 00000000..1f2ef07b
--- /dev/null
+++ b/src/styles/home.ts
@@ -0,0 +1,26 @@
+import styled from "styled-components";
+
+export const Container = styled.div`
+ width: 100vw;
+ height: 80vh;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+
+`
+export const Title = styled.h1`
+ color: ${props => props.theme.colors.textColor};
+`
+
+export const SubTitle = styled.span`
+ display: block;
+ margin-top: 1rem;
+ color: ${props => props.theme.colors.textColor};
+
+ a {
+ text-decoration: none;
+ color: ${props => props.theme.colors.offColor};
+ }
+
+`
\ No newline at end of file
diff --git a/src/styles/themes/dark.ts b/src/styles/themes/dark.ts
new file mode 100644
index 00000000..6d22f87f
--- /dev/null
+++ b/src/styles/themes/dark.ts
@@ -0,0 +1,16 @@
+const darkTheme = {
+ title: 'dark',
+ colors: {
+ primary: '#1e1e1e',
+ secondary: '#383838',
+ lightGray: '#b1b1b1',
+ offColor: '#F73577',
+ backgroundColor: '#121212',
+ textColor: '#ffffff',
+ textCardItemColor: '#ffffff',
+ textHeaderColor: '#ffffff',
+ cardBgColor: '#363838'
+ }
+}
+
+export default darkTheme;
\ No newline at end of file
diff --git a/src/styles/themes/light.ts b/src/styles/themes/light.ts
new file mode 100644
index 00000000..a45a6d54
--- /dev/null
+++ b/src/styles/themes/light.ts
@@ -0,0 +1,16 @@
+const lightTheme = {
+ title: 'light',
+ colors: {
+ primary: '#0070f3',
+ secondary: '#1f2022',
+ lightGray: '#3c3c3c',
+ offColor: '#01A9A0',
+ backgroundColor: '#fafafa',
+ textCardItemColor: '#363838',
+ textColor: "#333333",
+ textHeaderColor: '#ffffff',
+ cardBgColor: '#fffffa'
+ }
+}
+
+export default lightTheme;
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 00000000..8878c74a
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,33 @@
+{
+ "compilerOptions": {
+ "target": "es5",
+ "lib": [
+ "dom",
+ "dom.iterable",
+ "esnext"
+ ],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": false,
+ "forceConsistentCasingInFileNames": true,
+ "noEmit": true,
+ "incremental": true,
+ "esModuleInterop": true,
+ "module": "esnext",
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve"
+ },
+ "include": [
+ "next-env.d.ts",
+ "**/*.ts",
+ "**/*.tsx"
+, "src/components/ThemeSwitcher/index.tsz" ],
+ "exclude": [
+ "node_modules"
+ ],
+ "files": [
+ "@types/styled.d.ts"
+ ]
+}
diff --git a/yarn.lock b/yarn.lock
index 904d3d1c..6b22acec 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2,6 +2,87 @@
# yarn lockfile v1
+"@babel/code-frame@^7.18.6":
+ version "7.18.6"
+ resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
+ integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==
+ dependencies:
+ "@babel/highlight" "^7.18.6"
+
+"@babel/generator@^7.20.7":
+ version "7.20.7"
+ resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.20.7.tgz#f8ef57c8242665c5929fe2e8d82ba75460187b4a"
+ integrity sha512-7wqMOJq8doJMZmP4ApXTzLxSr7+oO2jroJURrVEp6XShrQUObV8Tq/D0NCcoYg2uHqUrjzO0zwBjoYzelxK+sw==
+ dependencies:
+ "@babel/types" "^7.20.7"
+ "@jridgewell/gen-mapping" "^0.3.2"
+ jsesc "^2.5.1"
+
+"@babel/helper-annotate-as-pure@^7.16.0":
+ version "7.18.6"
+ resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz#eaa49f6f80d5a33f9a5dd2276e6d6e451be0a6bb"
+ integrity sha512-duORpUiYrEpzKIop6iNbjnwKLAKnJ47csTyRACyEmWj0QdUrm5aqNJGHSSEQSUAvNW0ojX0dOmK9dZduvkfeXA==
+ dependencies:
+ "@babel/types" "^7.18.6"
+
+"@babel/helper-environment-visitor@^7.18.9":
+ version "7.18.9"
+ resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be"
+ integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==
+
+"@babel/helper-function-name@^7.19.0":
+ version "7.19.0"
+ resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.19.0.tgz#941574ed5390682e872e52d3f38ce9d1bef4648c"
+ integrity sha512-WAwHBINyrpqywkUH0nTnNgI5ina5TFn85HKS0pbPDfxFfhyR/aNQEn4hGi1P1JyT//I0t4OgXUlofzWILRvS5w==
+ dependencies:
+ "@babel/template" "^7.18.10"
+ "@babel/types" "^7.19.0"
+
+"@babel/helper-hoist-variables@^7.18.6":
+ version "7.18.6"
+ resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678"
+ integrity sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==
+ dependencies:
+ "@babel/types" "^7.18.6"
+
+"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.16.0":
+ version "7.18.6"
+ resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
+ integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==
+ dependencies:
+ "@babel/types" "^7.18.6"
+
+"@babel/helper-split-export-declaration@^7.18.6":
+ version "7.18.6"
+ resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz#7367949bc75b20c6d5a5d4a97bba2824ae8ef075"
+ integrity sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==
+ dependencies:
+ "@babel/types" "^7.18.6"
+
+"@babel/helper-string-parser@^7.19.4":
+ version "7.19.4"
+ resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.19.4.tgz#38d3acb654b4701a9b77fb0615a96f775c3a9e63"
+ integrity sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==
+
+"@babel/helper-validator-identifier@^7.18.6", "@babel/helper-validator-identifier@^7.19.1":
+ version "7.19.1"
+ resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
+ integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
+
+"@babel/highlight@^7.18.6":
+ version "7.18.6"
+ resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
+ integrity sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==
+ dependencies:
+ "@babel/helper-validator-identifier" "^7.18.6"
+ chalk "^2.0.0"
+ js-tokens "^4.0.0"
+
+"@babel/parser@^7.20.7":
+ version "7.20.7"
+ resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.20.7.tgz#66fe23b3c8569220817d5feb8b9dcdc95bb4f71b"
+ integrity sha512-T3Z9oHybU+0vZlY9CiDSJQTD5ZapcW18ZctFMi0MOAl/4BjFF4ul7NVSARLdbGO5vDqy9eQiGTV0LtKfvCYvcg==
+
"@babel/runtime-corejs3@^7.10.2":
version "7.20.6"
resolved "https://registry.yarnpkg.com/@babel/runtime-corejs3/-/runtime-corejs3-7.20.6.tgz#63dae945963539ab0ad578efbf3eff271e7067ae"
@@ -17,6 +98,62 @@
dependencies:
regenerator-runtime "^0.13.11"
+"@babel/template@^7.18.10":
+ version "7.20.7"
+ resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.20.7.tgz#a15090c2839a83b02aa996c0b4994005841fd5a8"
+ integrity sha512-8SegXApWe6VoNw0r9JHpSteLKTpTiLZ4rMlGIm9JQ18KiCtyQiAMEazujAHrUS5flrcqYZa75ukev3P6QmUwUw==
+ dependencies:
+ "@babel/code-frame" "^7.18.6"
+ "@babel/parser" "^7.20.7"
+ "@babel/types" "^7.20.7"
+
+"@babel/traverse@^7.4.5":
+ version "7.20.12"
+ resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.20.12.tgz#7f0f787b3a67ca4475adef1f56cb94f6abd4a4b5"
+ integrity sha512-MsIbFN0u+raeja38qboyF8TIT7K0BFzz/Yd/77ta4MsUsmP2RAnidIlwq7d5HFQrH/OZJecGV6B71C4zAgpoSQ==
+ dependencies:
+ "@babel/code-frame" "^7.18.6"
+ "@babel/generator" "^7.20.7"
+ "@babel/helper-environment-visitor" "^7.18.9"
+ "@babel/helper-function-name" "^7.19.0"
+ "@babel/helper-hoist-variables" "^7.18.6"
+ "@babel/helper-split-export-declaration" "^7.18.6"
+ "@babel/parser" "^7.20.7"
+ "@babel/types" "^7.20.7"
+ debug "^4.1.0"
+ globals "^11.1.0"
+
+"@babel/types@^7.18.6", "@babel/types@^7.19.0", "@babel/types@^7.20.7":
+ version "7.20.7"
+ resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.20.7.tgz#54ec75e252318423fc07fb644dc6a58a64c09b7f"
+ integrity sha512-69OnhBxSSgK0OzTJai4kyPDiKTIe3j+ctaHdIGVbRahTLAT7L3R9oeXHC2aVSuGYt3cVnoAMDmOCgJ2yaiLMvg==
+ dependencies:
+ "@babel/helper-string-parser" "^7.19.4"
+ "@babel/helper-validator-identifier" "^7.19.1"
+ to-fast-properties "^2.0.0"
+
+"@emotion/is-prop-valid@^1.1.0":
+ version "1.2.0"
+ resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-1.2.0.tgz#7f2d35c97891669f7e276eb71c83376a5dc44c83"
+ integrity sha512-3aDpDprjM0AwaxGE09bOPkNxHpBd+kA6jty3RnaEXdweX1DF1U3VQpPYb0g1IStAuK7SVQ1cy+bNBBKp4W3Fjg==
+ dependencies:
+ "@emotion/memoize" "^0.8.0"
+
+"@emotion/memoize@^0.8.0":
+ version "0.8.0"
+ resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.8.0.tgz#f580f9beb67176fa57aae70b08ed510e1b18980f"
+ integrity sha512-G/YwXTkv7Den9mXDO7AhLWkE3q+I92B+VqAE+dYG4NGPaHZGvt3G8Q0p9vmE+sq7rTGphUbAvmQ9YpbfMQGGlA==
+
+"@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==
+
"@eslint/eslintrc@^1.3.3":
version "1.3.3"
resolved "https://registry.yarnpkg.com/@eslint/eslintrc/-/eslintrc-1.3.3.tgz#2b044ab39fdfa75b4688184f9e573ce3c5b0ff95"
@@ -51,6 +188,38 @@
resolved "https://registry.yarnpkg.com/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
integrity sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==
+"@jridgewell/gen-mapping@^0.3.2":
+ version "0.3.2"
+ resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz#c1aedc61e853f2bb9f5dfe6d4442d3b565b253b9"
+ integrity sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==
+ dependencies:
+ "@jridgewell/set-array" "^1.0.1"
+ "@jridgewell/sourcemap-codec" "^1.4.10"
+ "@jridgewell/trace-mapping" "^0.3.9"
+
+"@jridgewell/resolve-uri@3.1.0":
+ version "3.1.0"
+ resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz#2203b118c157721addfe69d47b70465463066d78"
+ integrity sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==
+
+"@jridgewell/set-array@^1.0.1":
+ version "1.1.2"
+ resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
+ integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
+
+"@jridgewell/sourcemap-codec@1.4.14", "@jridgewell/sourcemap-codec@^1.4.10":
+ version "1.4.14"
+ resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
+ integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
+
+"@jridgewell/trace-mapping@^0.3.9":
+ version "0.3.17"
+ resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.17.tgz#793041277af9073b0951a7fe0f0d8c4c98c36985"
+ integrity sha512-MCNzAp77qzKca9+W/+I0+sEpaUnZoeasnghNeVc41VZCEKaCH73Vq3BZZ/SzWIgrqE4H4ceI+p+b6C0mHf9T4g==
+ dependencies:
+ "@jridgewell/resolve-uri" "3.1.0"
+ "@jridgewell/sourcemap-codec" "1.4.14"
+
"@next/env@13.0.6":
version "13.0.6"
resolved "https://registry.yarnpkg.com/@next/env/-/env-13.0.6.tgz#3fcab11ffbe95bff127827d9f7f3139bc5e6adff"
@@ -173,11 +342,52 @@
dependencies:
tslib "^2.4.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/json5@^0.0.29":
version "0.0.29"
resolved "https://registry.yarnpkg.com/@types/json5/-/json5-0.0.29.tgz#ee28707ae94e11d2b827bcbe5270bcea7f3e71ee"
integrity sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==
+"@types/node@^18.11.18":
+ version "18.11.18"
+ resolved "https://registry.yarnpkg.com/@types/node/-/node-18.11.18.tgz#8dfb97f0da23c2293e554c5a50d61ef134d7697f"
+ integrity sha512-DHQpWGjyQKSHj3ebjFI/wRKcqQcdR+MoFBygntYOZytCqNfkd2ZC4ARDJ2DQqhjH5p85Nnd3jhUJIXrszFX/JA==
+
+"@types/prop-types@*":
+ version "15.7.5"
+ resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
+ integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
+
+"@types/react@*", "@types/react@^18.0.26":
+ version "18.0.26"
+ resolved "https://registry.yarnpkg.com/@types/react/-/react-18.0.26.tgz#8ad59fc01fef8eaf5c74f4ea392621749f0b7917"
+ integrity sha512-hCR3PJQsAIXyxhTNSiDFY//LhnMZWpNNr5etoCqx/iUfGc5gXWtQR2Phl908jVR6uPXacojQWTg4qRpkxTuGug==
+ dependencies:
+ "@types/prop-types" "*"
+ "@types/scheduler" "*"
+ csstype "^3.0.2"
+
+"@types/scheduler@*":
+ version "0.16.2"
+ resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.2.tgz#1a62f89525723dde24ba1b01b092bf5df8ad4d39"
+ integrity sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew==
+
+"@types/styled-components@^5.1.26":
+ version "5.1.26"
+ resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-5.1.26.tgz#5627e6812ee96d755028a98dae61d28e57c233af"
+ integrity sha512-KuKJ9Z6xb93uJiIyxo/+ksS7yLjS1KzG6iv5i78dhVg/X3u5t1H7juRWqVmodIdz6wGVaIApo1u01kmFRdJHVw==
+ dependencies:
+ "@types/hoist-non-react-statics" "*"
+ "@types/react" "*"
+ csstype "^3.0.2"
+
"@typescript-eslint/parser@^5.42.0":
version "5.46.1"
resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-5.46.1.tgz#1fc8e7102c1141eb64276c3b89d70da8c0ba5699"
@@ -247,6 +457,13 @@ ansi-regex@^5.0.1:
resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
+ansi-styles@^3.2.1:
+ version "3.2.1"
+ resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
+ integrity sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==
+ dependencies:
+ color-convert "^1.9.0"
+
ansi-styles@^4.1.0:
version "4.3.0"
resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-4.3.0.tgz#edd803628ae71c04c85ae7a0906edad34b648937"
@@ -329,6 +546,22 @@ axobject-query@^2.2.0:
resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-2.2.0.tgz#943d47e10c0b704aa42275e20edf3722648989be"
integrity sha512-Td525n+iPOOyUQIeBfcASuG6uJsDOITl7Mds5gFyerkWiX7qhUTdYUBlSgNMyVqtSJqwpt1kXGLdUt6SykLMRA==
+"babel-plugin-styled-components@>= 1.12.0":
+ version "2.0.7"
+ resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.7.tgz#c81ef34b713f9da2b7d3f5550df0d1e19e798086"
+ integrity sha512-i7YhvPgVqRKfoQ66toiZ06jPNA3p6ierpfUuEWxNF+fV27Uv5gxBkf8KZLHUCc1nFA9j6+80pYoIpqCeyW3/bA==
+ dependencies:
+ "@babel/helper-annotate-as-pure" "^7.16.0"
+ "@babel/helper-module-imports" "^7.16.0"
+ babel-plugin-syntax-jsx "^6.18.0"
+ lodash "^4.17.11"
+ picomatch "^2.3.0"
+
+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 sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==
+
balanced-match@^1.0.0:
version "1.0.2"
resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
@@ -362,11 +595,25 @@ callsites@^3.0.0:
resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.1.0.tgz#b3630abd8943432f54b3f0519238e33cd7df2f73"
integrity sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==
+camelize@^1.0.0:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.1.tgz#89b7e16884056331a35d6b5ad064332c91daa6c3"
+ integrity sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==
+
caniuse-lite@^1.0.30001406:
version "1.0.30001439"
resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001439.tgz#ab7371faeb4adff4b74dad1718a6fd122e45d9cb"
integrity sha512-1MgUzEkoMO6gKfXflStpYgZDlFM7M/ck/bgfVCACO5vnAf0fXoNVHdWtqGU+MYca+4bL9Z5bpOVmR33cWW9G2A==
+chalk@^2.0.0:
+ version "2.4.2"
+ resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
+ integrity sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==
+ dependencies:
+ ansi-styles "^3.2.1"
+ escape-string-regexp "^1.0.5"
+ supports-color "^5.3.0"
+
chalk@^4.0.0:
version "4.1.2"
resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
@@ -380,6 +627,13 @@ client-only@0.0.1:
resolved "https://registry.yarnpkg.com/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1"
integrity sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==
+color-convert@^1.9.0:
+ version "1.9.3"
+ resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
+ integrity sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==
+ dependencies:
+ color-name "1.1.3"
+
color-convert@^2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3"
@@ -387,6 +641,11 @@ color-convert@^2.0.1:
dependencies:
color-name "~1.1.4"
+color-name@1.1.3:
+ version "1.1.3"
+ resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.3.tgz#a7d0558bd89c42f795dd42328f740831ca53bc25"
+ integrity sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==
+
color-name@~1.1.4:
version "1.1.4"
resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
@@ -411,6 +670,25 @@ cross-spawn@^7.0.2, cross-spawn@^7.0.3:
shebang-command "^2.0.0"
which "^2.0.1"
+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 sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==
+
+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"
+
+csstype@^3.0.2:
+ version "3.1.1"
+ resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.1.tgz#841b532c45c758ee546a11d5bd7b7b473c8c30b9"
+ integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==
+
damerau-levenshtein@^1.0.8:
version "1.0.8"
resolved "https://registry.yarnpkg.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz#b43d286ccbd36bc5b2f7ed41caf2d0aba1f8a6e7"
@@ -430,7 +708,7 @@ debug@^3.2.7:
dependencies:
ms "^2.1.1"
-debug@^4.1.1, debug@^4.3.2, debug@^4.3.4:
+debug@^4.1.0, debug@^4.1.1, debug@^4.3.2, debug@^4.3.4:
version "4.3.4"
resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.4.tgz#1319f6579357f2338d3337d2cdd4914bb5dcc865"
integrity sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==
@@ -536,6 +814,11 @@ es-to-primitive@^1.2.1:
is-date-object "^1.0.1"
is-symbol "^1.0.2"
+escape-string-regexp@^1.0.5:
+ version "1.0.5"
+ resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
+ integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
+
escape-string-regexp@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
@@ -904,6 +1187,11 @@ glob@^7.1.3:
once "^1.3.0"
path-is-absolute "^1.0.0"
+globals@^11.1.0:
+ version "11.12.0"
+ resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
+ integrity sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==
+
globals@^13.15.0:
version "13.19.0"
resolved "https://registry.yarnpkg.com/globals/-/globals-13.19.0.tgz#7a42de8e6ad4f7242fbcca27ea5b23aca367b5c8"
@@ -966,6 +1254,11 @@ has-bigints@^1.0.1, has-bigints@^1.0.2:
resolved "https://registry.yarnpkg.com/has-bigints/-/has-bigints-1.0.2.tgz#0871bd3e3d51626f6ca0966668ba35d5602d6eaa"
integrity sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==
+has-flag@^3.0.0:
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
+ integrity sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==
+
has-flag@^4.0.0:
version "4.0.0"
resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
@@ -997,6 +1290,13 @@ has@^1.0.3:
dependencies:
function-bind "^1.1.1"
+hoist-non-react-statics@^3.0.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"
+
ignore@^5.2.0:
version "5.2.1"
resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.2.1.tgz#c2b1f76cb999ede1502f3a226a9310fdfe88d46c"
@@ -1163,7 +1463,7 @@ js-sdsl@^4.1.4:
resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.2.0.tgz#278e98b7bea589b8baaf048c20aeb19eb7ad09d0"
integrity sha512-dyBIzQBDkCqCu+0upx25Y2jGdbTGxE9fshMsCdK0ViOongpV+n5tXRcZY9v7CaVQ79AGS9KA1KHtojxiM7aXSQ==
-"js-tokens@^3.0.0 || ^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==
@@ -1175,6 +1475,11 @@ js-yaml@^4.1.0:
dependencies:
argparse "^2.0.1"
+jsesc@^2.5.1:
+ version "2.5.2"
+ resolved "https://registry.yarnpkg.com/jsesc/-/jsesc-2.5.2.tgz#80564d2e483dacf6e8ef209650a67df3f0c283a4"
+ integrity sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==
+
json-schema-traverse@^0.4.1:
version "0.4.1"
resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660"
@@ -1232,6 +1537,11 @@ lodash.merge@^4.6.2:
resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
+lodash@^4.17.11:
+ version "4.17.21"
+ resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c"
+ integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==
+
loose-envify@^1.1.0, loose-envify@^1.4.0:
version "1.4.0"
resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
@@ -1455,16 +1765,26 @@ path-type@^4.0.0:
resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+phosphor-react@^1.4.1:
+ version "1.4.1"
+ resolved "https://registry.yarnpkg.com/phosphor-react/-/phosphor-react-1.4.1.tgz#97b0e034d9937db9b97fe53b186e9646464fd4e7"
+ integrity sha512-gO5j7U0xZrdglTAYDYPACU4xDOFBTJmptrrB/GeR+tHhCZF3nUMyGmV/0hnloKjuTrOmpSFlbfOY78H39rgjUQ==
+
picocolors@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
-picomatch@^2.3.1:
+picomatch@^2.3.0, picomatch@^2.3.1:
version "2.3.1"
resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+postcss-value-parser@^4.0.2:
+ version "4.2.0"
+ resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
+ integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
+
postcss@8.4.14:
version "8.4.14"
resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.14.tgz#ee9274d5622b4858c1007a74d76e42e56fd21caf"
@@ -1479,7 +1799,7 @@ prelude-ls@^1.2.1:
resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
-prop-types@^15.8.1:
+prop-types@^15.7.2, prop-types@^15.8.1:
version "15.8.1"
resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -1506,11 +1826,23 @@ react-dom@18.2.0:
loose-envify "^1.1.0"
scheduler "^0.23.0"
-react-is@^16.13.1:
+react-is@^16.13.1, react-is@^16.7.0:
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-is@^18.2.0:
+ version "18.2.0"
+ resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
+ integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
+
+react-switch@^7.0.0:
+ version "7.0.0"
+ resolved "https://registry.yarnpkg.com/react-switch/-/react-switch-7.0.0.tgz#400990bb9822864938e343ed24f13276a617bdc0"
+ integrity sha512-KkDeW+cozZXI6knDPyUt3KBN1rmhoVYgAdCJqAh7st7tk8YE6N0iR89zjCWO8T8dUTeJGTR0KU+5CHCRMRffiA==
+ dependencies:
+ prop-types "^15.7.2"
+
react@18.2.0:
version "18.2.0"
resolved "https://registry.yarnpkg.com/react/-/react-18.2.0.tgz#555bd98592883255fa00de14f1151a917b5d77d5"
@@ -1607,6 +1939,11 @@ semver@^7.3.7:
dependencies:
lru-cache "^6.0.0"
+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@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
@@ -1692,6 +2029,22 @@ strip-json-comments@^3.1.0, strip-json-comments@^3.1.1:
resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006"
integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==
+styled-components@^5.3.6:
+ version "5.3.6"
+ resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.3.6.tgz#27753c8c27c650bee9358e343fc927966bfd00d1"
+ integrity sha512-hGTZquGAaTqhGWldX7hhfzjnIYBZ0IXQXkCYdvF1Sq3DsUaLx6+NTHC5Jj1ooM2F68sBiVz3lvhfwQs/S3l6qg==
+ dependencies:
+ "@babel/helper-module-imports" "^7.0.0"
+ "@babel/traverse" "^7.4.5"
+ "@emotion/is-prop-valid" "^1.1.0"
+ "@emotion/stylis" "^0.8.4"
+ "@emotion/unitless" "^0.7.4"
+ babel-plugin-styled-components ">= 1.12.0"
+ css-to-react-native "^3.0.0"
+ hoist-non-react-statics "^3.0.0"
+ shallowequal "^1.1.0"
+ supports-color "^5.5.0"
+
styled-jsx@5.1.0:
version "5.1.0"
resolved "https://registry.yarnpkg.com/styled-jsx/-/styled-jsx-5.1.0.tgz#4a5622ab9714bd3fcfaeec292aa555871f057563"
@@ -1699,6 +2052,13 @@ styled-jsx@5.1.0:
dependencies:
client-only "0.0.1"
+supports-color@^5.3.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==
+ dependencies:
+ has-flag "^3.0.0"
+
supports-color@^7.1.0:
version "7.2.0"
resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da"
@@ -1737,6 +2097,11 @@ tiny-glob@^0.2.9:
globalyzer "0.1.0"
globrex "^0.1.2"
+to-fast-properties@^2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz#dc5e698cbd079265bc73e0377681a4e4e83f616e"
+ integrity sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==
+
to-regex-range@^5.0.1:
version "5.0.1"
resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
@@ -1783,6 +2148,11 @@ type-fest@^0.20.2:
resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.20.2.tgz#1bf207f4b28f91583666cb5fbd327887301cd5f4"
integrity sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==
+typescript@^4.9.4:
+ version "4.9.4"
+ resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.9.4.tgz#a2a3d2756c079abda241d75f149df9d561091e78"
+ integrity sha512-Uz+dTXYzxXXbsFpM86Wh3dKCxrQqUcVMxwU54orwlJjOpO3ao8L7j5lH+dWfTwgCwIuM9GQ2kvVotzYJMXTBZg==
+
unbox-primitive@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"