From 05b7306a25aa3eca96e99e8a973afcef2d5d3143 Mon Sep 17 00:00:00 2001 From: Felicio Mununga Date: Wed, 5 Oct 2022 16:29:36 +0200 Subject: [PATCH] Move global/base styles and remove `styled-components` (#314) --- packages/status-react/package.json | 2 - .../src/components/Icons/ActivityIcon.tsx | 25 -- .../src/components/Icons/AddContactIcon.tsx | 38 --- .../src/components/Icons/AddIcon.tsx | 23 -- .../src/components/Icons/AddMemberIcon.tsx | 40 ---- .../src/components/Icons/BlockIcon.tsx | 42 ---- .../src/components/Icons/ChainIcon.tsx | 31 --- .../src/components/Icons/ChatIcon.tsx | 39 --- .../src/components/Icons/CheckIcon.tsx | 36 --- .../src/components/Icons/ClearIcon.tsx | 67 ------ .../src/components/Icons/ClearIconFull.tsx | 36 --- .../src/components/Icons/CoinbaseLogo.tsx | 50 ---- .../src/components/Icons/CommunityIcon.tsx | 44 ---- .../src/components/Icons/CopyIcon.tsx | 32 --- .../src/components/Icons/CreateIcon.tsx | 28 --- .../src/components/Icons/CrossIcon.tsx | 36 --- .../src/components/Icons/DeleteIcon.tsx | 39 --- .../src/components/Icons/DownloadIcon.tsx | 28 --- .../src/components/Icons/EditIcon.tsx | 35 --- .../src/components/Icons/EmojiIcon.tsx | 47 ---- .../src/components/Icons/EthereumLogo.tsx | 38 --- .../src/components/Icons/GifIcon.tsx | 47 ---- .../src/components/Icons/GroupIcon.tsx | 33 --- .../src/components/Icons/HideIcon.tsx | 25 -- .../src/components/Icons/LeftIcon.tsx | 35 --- .../src/components/Icons/LoadingIcon.tsx | 45 ---- .../src/components/Icons/LogoutIcon.tsx | 22 -- .../src/components/Icons/MarkerdaoLogo.tsx | 33 --- .../src/components/Icons/MembersIcon.tsx | 27 --- .../src/components/Icons/MembersSmallIcon.tsx | 37 --- .../src/components/Icons/MetamaskLogo.tsx | 217 ----------------- .../src/components/Icons/MobileIcon.tsx | 26 -- .../src/components/Icons/MoreIcon.tsx | 25 -- .../src/components/Icons/MuteIcon.tsx | 32 --- .../src/components/Icons/MutedIcon.tsx | 23 -- .../src/components/Icons/NextIcon.tsx | 29 --- .../src/components/Icons/PictureIcon.tsx | 31 --- .../src/components/Icons/PinIcon.tsx | 42 ---- .../src/components/Icons/ProfileIcon.tsx | 38 --- .../src/components/Icons/QuoteIcon.tsx | 38 --- .../src/components/Icons/ReactionIcon.tsx | 52 ---- .../src/components/Icons/ReadIcon.tsx | 44 ---- .../src/components/Icons/ReadMessageIcon.tsx | 34 --- .../components/Icons/ReplyActivityIcon.tsx | 20 -- .../src/components/Icons/ReplyIcon.tsx | 35 --- .../src/components/Icons/ScanIcon.tsx | 41 ---- .../src/components/Icons/ShowIcon.tsx | 28 --- .../src/components/Icons/StatusIcon.tsx | 24 -- .../src/components/Icons/StatusLogo.tsx | 42 ---- .../src/components/Icons/StickerIcon.tsx | 39 --- .../src/components/Icons/TipIcon.tsx | 39 --- .../src/components/Icons/UntrustworthIcon.tsx | 29 --- .../src/components/Icons/UserIcon.tsx | 39 --- .../components/Icons/WalletConnectLogo.tsx | 35 --- .../src/components/Icons/WarningIcon.tsx | 48 ---- packages/status-react/src/routes/index.tsx | 6 +- .../status-react/src/styles/GlobalStyle.tsx | 159 ------------- packages/status-react/src/styles/config.tsx | 175 ++++++++++++++ yarn.lock | 223 +----------------- 59 files changed, 181 insertions(+), 2492 deletions(-) delete mode 100644 packages/status-react/src/components/Icons/ActivityIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/AddContactIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/AddIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/AddMemberIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/BlockIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/ChainIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/ChatIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/CheckIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/ClearIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/ClearIconFull.tsx delete mode 100644 packages/status-react/src/components/Icons/CoinbaseLogo.tsx delete mode 100644 packages/status-react/src/components/Icons/CommunityIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/CopyIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/CreateIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/CrossIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/DeleteIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/DownloadIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/EditIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/EmojiIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/EthereumLogo.tsx delete mode 100644 packages/status-react/src/components/Icons/GifIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/GroupIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/HideIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/LeftIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/LoadingIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/LogoutIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/MarkerdaoLogo.tsx delete mode 100644 packages/status-react/src/components/Icons/MembersIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/MembersSmallIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/MetamaskLogo.tsx delete mode 100644 packages/status-react/src/components/Icons/MobileIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/MoreIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/MuteIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/MutedIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/NextIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/PictureIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/PinIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/ProfileIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/QuoteIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/ReactionIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/ReadIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/ReadMessageIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/ReplyActivityIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/ReplyIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/ScanIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/ShowIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/StatusIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/StatusLogo.tsx delete mode 100644 packages/status-react/src/components/Icons/StickerIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/TipIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/UntrustworthIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/UserIcon.tsx delete mode 100644 packages/status-react/src/components/Icons/WalletConnectLogo.tsx delete mode 100644 packages/status-react/src/components/Icons/WarningIcon.tsx delete mode 100644 packages/status-react/src/styles/GlobalStyle.tsx diff --git a/packages/status-react/package.json b/packages/status-react/package.json index 17ac0484..fb24d6f7 100644 --- a/packages/status-react/package.json +++ b/packages/status-react/package.json @@ -53,7 +53,6 @@ "react-content-loader": "^6.2.0", "react-is": "^17.0.2", "react-router-dom": "^6.3.0", - "styled-components": "^5.3.1", "tinykeys": "^1.4.0" }, "devDependencies": { @@ -61,7 +60,6 @@ "@types/hcaptcha__react-hcaptcha": "^0.1.5", "@types/node": "^16.9.6", "@types/react": "^17.0.16", - "@types/styled-components": "^5.1.12", "@vitejs/plugin-react": "^1.3.2", "happy-dom": "^5.3.1" }, diff --git a/packages/status-react/src/components/Icons/ActivityIcon.tsx b/packages/status-react/src/components/Icons/ActivityIcon.tsx deleted file mode 100644 index 3f648245..00000000 --- a/packages/status-react/src/components/Icons/ActivityIcon.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const ActivityIcon = () => { - return ( - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.primary}; -` diff --git a/packages/status-react/src/components/Icons/AddContactIcon.tsx b/packages/status-react/src/components/Icons/AddContactIcon.tsx deleted file mode 100644 index 19e83c11..00000000 --- a/packages/status-react/src/components/Icons/AddContactIcon.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type AddContactIconProps = { - width: number - height: number - className?: string -} - -export function AddContactIcon({ - width, - height, - className, -}: AddContactIconProps) { - return ( - - - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; -` diff --git a/packages/status-react/src/components/Icons/AddIcon.tsx b/packages/status-react/src/components/Icons/AddIcon.tsx deleted file mode 100644 index 55554482..00000000 --- a/packages/status-react/src/components/Icons/AddIcon.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const AddIcon = () => { - return ( - - - - ) -} - -const Icon = styled.svg` - & > path { - fill: ${({ theme }) => theme.bodyBackgroundColor}; - } -` diff --git a/packages/status-react/src/components/Icons/AddMemberIcon.tsx b/packages/status-react/src/components/Icons/AddMemberIcon.tsx deleted file mode 100644 index 6bbd39f0..00000000 --- a/packages/status-react/src/components/Icons/AddMemberIcon.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type AddMemberIconProps = { - width: number - height: number - className?: string -} - -export function AddMemberIcon({ - width, - height, - className, -}: AddMemberIconProps) { - return ( - - - - - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; -` diff --git a/packages/status-react/src/components/Icons/BlockIcon.tsx b/packages/status-react/src/components/Icons/BlockIcon.tsx deleted file mode 100644 index 5e18424c..00000000 --- a/packages/status-react/src/components/Icons/BlockIcon.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type BlockSvgProps = { - width: number - height: number - className?: string -} - -export function BlockSvg({ width, height, className }: BlockSvgProps) { - return ( - - - - ) -} - -export const BlockIcon = () => { - return -} - -const Icon = styled(BlockSvg)` - & > path { - fill: ${({ theme }) => theme.redColor}; - } - - &:hover > path { - fill: ${({ theme }) => theme.bodyBackgroundColor}; - } -` diff --git a/packages/status-react/src/components/Icons/ChainIcon.tsx b/packages/status-react/src/components/Icons/ChainIcon.tsx deleted file mode 100644 index 605a89f3..00000000 --- a/packages/status-react/src/components/Icons/ChainIcon.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -interface ChainIconProps { - className?: string -} - -export const ChainIcon = ({ className }: ChainIconProps) => { - return ( - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.secondary}; - transform: rotate(15deg); - - &.transformed { - transform: matrix(-0.97, 0.26, 0.26, 0.97, 0, 0); - } -` diff --git a/packages/status-react/src/components/Icons/ChatIcon.tsx b/packages/status-react/src/components/Icons/ChatIcon.tsx deleted file mode 100644 index e4ece5db..00000000 --- a/packages/status-react/src/components/Icons/ChatIcon.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type ChatSvgProps = { - width: number - height: number -} - -export function ChatSvg({ width, height }: ChatSvgProps) { - return ( - - - - ) -} - -export const ChatIcon = () => { - return -} - -const Icon = styled(ChatSvg)` - & > path { - fill: ${({ theme }) => theme.tertiary}; - } - - &:hover > path { - fill: ${({ theme }) => theme.bodyBackgroundColor}; - } -` diff --git a/packages/status-react/src/components/Icons/CheckIcon.tsx b/packages/status-react/src/components/Icons/CheckIcon.tsx deleted file mode 100644 index d8fd5d22..00000000 --- a/packages/status-react/src/components/Icons/CheckIcon.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type CheckIconProps = { - width: number - height: number - className?: string -} - -export function CheckIcon({ width, height, className }: CheckIconProps) { - return ( - - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; - - &.green { - fill: ${({ theme }) => theme.greenColor}; - } -` diff --git a/packages/status-react/src/components/Icons/ClearIcon.tsx b/packages/status-react/src/components/Icons/ClearIcon.tsx deleted file mode 100644 index c64057c8..00000000 --- a/packages/status-react/src/components/Icons/ClearIcon.tsx +++ /dev/null @@ -1,67 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type ClearSvgProps = { - width: number - height: number - className?: string -} - -export function ClearSvg({ height, width, className }: ClearSvgProps) { - return ( - - - - - ) -} - -; - - - -export const ClearIcon = () => { - return -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; - - &.profile { - fill: ${({ theme }) => theme.secondary}; - } - - &.input { - fill: ${({ theme }) => theme.primary}; - } - - &.profile > path { - fill: ${({ theme }) => theme.bodyBackgroundColor}; - } - - &.decline { - fill: ${({ theme }) => theme.redColor}; - } -` diff --git a/packages/status-react/src/components/Icons/ClearIconFull.tsx b/packages/status-react/src/components/Icons/ClearIconFull.tsx deleted file mode 100644 index 4eb9bdb2..00000000 --- a/packages/status-react/src/components/Icons/ClearIconFull.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type ClearSvgFullProps = { - width: number - height: number - className?: string -} - -export function ClearSvgFull({ height, width, className }: ClearSvgFullProps) { - return ( - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.secondary}; - - &:hover { - fill: ${({ theme }) => theme.primary}; - } -` diff --git a/packages/status-react/src/components/Icons/CoinbaseLogo.tsx b/packages/status-react/src/components/Icons/CoinbaseLogo.tsx deleted file mode 100644 index b968ebd6..00000000 --- a/packages/status-react/src/components/Icons/CoinbaseLogo.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import React from 'react' - -export const CoinbaseLogo = () => { - return ( - - - - - - - - - - - - - - - - ) -} diff --git a/packages/status-react/src/components/Icons/CommunityIcon.tsx b/packages/status-react/src/components/Icons/CommunityIcon.tsx deleted file mode 100644 index 56d1a2cb..00000000 --- a/packages/status-react/src/components/Icons/CommunityIcon.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type CommunityIconProps = { - width: number - height: number - className?: string -} - -export const CommunityIcon = ({ - width, - height, - className, -}: CommunityIconProps) => { - return ( - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.secondary}; - - &.green { - fill: ${({ theme }) => theme.greenColor}; - } - - &.red { - fill: ${({ theme }) => theme.redColor}; - } -` diff --git a/packages/status-react/src/components/Icons/CopyIcon.tsx b/packages/status-react/src/components/Icons/CopyIcon.tsx deleted file mode 100644 index b6718b78..00000000 --- a/packages/status-react/src/components/Icons/CopyIcon.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type CopyIconProps = { - width: number - height: number - className?: string -} - -export function CopyIcon({ width, height, className }: CopyIconProps) { - return ( - - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; -` diff --git a/packages/status-react/src/components/Icons/CreateIcon.tsx b/packages/status-react/src/components/Icons/CreateIcon.tsx deleted file mode 100644 index 03cf46b1..00000000 --- a/packages/status-react/src/components/Icons/CreateIcon.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const CreateIcon = () => { - return ( - - - - - ) -} - -const Icon = styled.svg` - & > path { - fill: ${({ theme }) => theme.primary}; - } -` diff --git a/packages/status-react/src/components/Icons/CrossIcon.tsx b/packages/status-react/src/components/Icons/CrossIcon.tsx deleted file mode 100644 index 42ff5a3c..00000000 --- a/packages/status-react/src/components/Icons/CrossIcon.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -interface CrossIconProps { - memberView?: boolean -} - -export const CrossIcon = ({ memberView }: CrossIconProps) => ( - - - -) - -const Icon = styled.svg` - & > path { - fill: ${({ theme }) => theme.primary}; - } - - &.white { - & > path { - fill: ${({ theme }) => theme.bodyBackgroundColor}; - } - } -` diff --git a/packages/status-react/src/components/Icons/DeleteIcon.tsx b/packages/status-react/src/components/Icons/DeleteIcon.tsx deleted file mode 100644 index a750dee4..00000000 --- a/packages/status-react/src/components/Icons/DeleteIcon.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type DeleteIconProps = { - width: number - height: number - className?: string -} - -export const DeleteIcon = ({ width, height, className }: DeleteIconProps) => { - return ( - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; - - &.red { - fill: ${({ theme }) => theme.redColor}; - } - - &.grey { - fill: ${({ theme }) => theme.secondary}; - } -` diff --git a/packages/status-react/src/components/Icons/DownloadIcon.tsx b/packages/status-react/src/components/Icons/DownloadIcon.tsx deleted file mode 100644 index 8064413a..00000000 --- a/packages/status-react/src/components/Icons/DownloadIcon.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type DownloadIconProps = { - width: number - height: number - className?: string -} - -export function DownloadIcon({ width, height, className }: DownloadIconProps) { - return ( - - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; -` diff --git a/packages/status-react/src/components/Icons/EditIcon.tsx b/packages/status-react/src/components/Icons/EditIcon.tsx deleted file mode 100644 index db31eaef..00000000 --- a/packages/status-react/src/components/Icons/EditIcon.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type EditIconProps = { - width: number - height: number - className?: string -} - -export function EditIcon({ width, height, className }: EditIconProps) { - return ( - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; - - &.grey { - fill: ${({ theme }) => theme.secondary}; - } -` diff --git a/packages/status-react/src/components/Icons/EmojiIcon.tsx b/packages/status-react/src/components/Icons/EmojiIcon.tsx deleted file mode 100644 index f79f4bc9..00000000 --- a/packages/status-react/src/components/Icons/EmojiIcon.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -interface ThemeProps { - isActive?: boolean -} - -export const EmojiIcon = ({ isActive }: ThemeProps) => { - return ( - - - - - - - ) -} - -const Icon = styled.svg` - & > path { - fill: ${({ theme }) => theme.secondary}; - } - - & > path.active { - fill: ${({ theme }) => theme.tertiary}; - } -` diff --git a/packages/status-react/src/components/Icons/EthereumLogo.tsx b/packages/status-react/src/components/Icons/EthereumLogo.tsx deleted file mode 100644 index ad1ee0cf..00000000 --- a/packages/status-react/src/components/Icons/EthereumLogo.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import React from 'react' - -export const EthereumLogo = () => ( - - - - - - - - - -) diff --git a/packages/status-react/src/components/Icons/GifIcon.tsx b/packages/status-react/src/components/Icons/GifIcon.tsx deleted file mode 100644 index 13b35b36..00000000 --- a/packages/status-react/src/components/Icons/GifIcon.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -interface ThemeProps { - isActive?: boolean -} - -export const GifIcon = ({ isActive }: ThemeProps) => { - return ( - - - - - - - ) -} - -const Icon = styled.svg` - & > path { - fill: ${({ theme }) => theme.secondary}; - } - - & > path.active { - fill: ${({ theme }) => theme.tertiary}; - } -` diff --git a/packages/status-react/src/components/Icons/GroupIcon.tsx b/packages/status-react/src/components/Icons/GroupIcon.tsx deleted file mode 100644 index 69928cb8..00000000 --- a/packages/status-react/src/components/Icons/GroupIcon.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -interface GroupIconProps { - active?: boolean -} - -export const GroupIcon = ({ active }: GroupIconProps) => { - return ( - - - - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.secondary}; - - &.active { - fill: ${({ theme }) => theme.primary}; - } -` diff --git a/packages/status-react/src/components/Icons/HideIcon.tsx b/packages/status-react/src/components/Icons/HideIcon.tsx deleted file mode 100644 index 2beb556e..00000000 --- a/packages/status-react/src/components/Icons/HideIcon.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const HideIcon = () => ( - - - - - -) - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; -` diff --git a/packages/status-react/src/components/Icons/LeftIcon.tsx b/packages/status-react/src/components/Icons/LeftIcon.tsx deleted file mode 100644 index 24b6bf55..00000000 --- a/packages/status-react/src/components/Icons/LeftIcon.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type LeftIconProps = { - width: number - height: number - className?: string -} - -export function LeftIcon({ width, height, className }: LeftIconProps) { - return ( - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; - - &.black { - fill: ${({ theme }) => theme.primary}; - } - - &.red { - fill: ${({ theme }) => theme.redColor}; - } -` diff --git a/packages/status-react/src/components/Icons/LoadingIcon.tsx b/packages/status-react/src/components/Icons/LoadingIcon.tsx deleted file mode 100644 index 230fc707..00000000 --- a/packages/status-react/src/components/Icons/LoadingIcon.tsx +++ /dev/null @@ -1,45 +0,0 @@ -import React from 'react' - -import styled, { keyframes } from 'styled-components' - -const rotation = keyframes` - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -` - -interface LoadingIconProps { - className?: string -} - -export const LoadingIcon = ({ className }: LoadingIconProps) => ( - - - -) - -const Icon = styled.svg` - & > path { - fill: ${({ theme }) => theme.primary}; - } - animation: ${rotation} 2s linear infinite; - - &.message { - & > path { - fill: ${({ theme }) => theme.secondary}; - } - } -` diff --git a/packages/status-react/src/components/Icons/LogoutIcon.tsx b/packages/status-react/src/components/Icons/LogoutIcon.tsx deleted file mode 100644 index 8671c527..00000000 --- a/packages/status-react/src/components/Icons/LogoutIcon.tsx +++ /dev/null @@ -1,22 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const LogoutIcon = () => { - return ( - - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; -` diff --git a/packages/status-react/src/components/Icons/MarkerdaoLogo.tsx b/packages/status-react/src/components/Icons/MarkerdaoLogo.tsx deleted file mode 100644 index 4807e398..00000000 --- a/packages/status-react/src/components/Icons/MarkerdaoLogo.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import React from 'react' - -export const MarkerdaoLogo = () => ( - - - - - - - - - - -) diff --git a/packages/status-react/src/components/Icons/MembersIcon.tsx b/packages/status-react/src/components/Icons/MembersIcon.tsx deleted file mode 100644 index 48b2787c..00000000 --- a/packages/status-react/src/components/Icons/MembersIcon.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const MembersIcon = () => { - return ( - - - - - ) -} - -const Icon = styled.svg` - & > path { - fill: ${({ theme }) => theme.primary}; - } -` diff --git a/packages/status-react/src/components/Icons/MembersSmallIcon.tsx b/packages/status-react/src/components/Icons/MembersSmallIcon.tsx deleted file mode 100644 index ff947d34..00000000 --- a/packages/status-react/src/components/Icons/MembersSmallIcon.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type MembersSmallIconProps = { - width: number - height: number - className?: string -} - -export function MembersSmallIcon({ - height, - width, - className, -}: MembersSmallIconProps) { - return ( - - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; -` diff --git a/packages/status-react/src/components/Icons/MetamaskLogo.tsx b/packages/status-react/src/components/Icons/MetamaskLogo.tsx deleted file mode 100644 index d6917a2e..00000000 --- a/packages/status-react/src/components/Icons/MetamaskLogo.tsx +++ /dev/null @@ -1,217 +0,0 @@ -import React from 'react' - -export const MetamaskLogo = () => { - return ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ) -} diff --git a/packages/status-react/src/components/Icons/MobileIcon.tsx b/packages/status-react/src/components/Icons/MobileIcon.tsx deleted file mode 100644 index e9a455d5..00000000 --- a/packages/status-react/src/components/Icons/MobileIcon.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const MobileIcon = () => { - return ( - - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; -` diff --git a/packages/status-react/src/components/Icons/MoreIcon.tsx b/packages/status-react/src/components/Icons/MoreIcon.tsx deleted file mode 100644 index 1bde3d25..00000000 --- a/packages/status-react/src/components/Icons/MoreIcon.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const MoreIcon = () => { - return ( - - - - - - ) -} - -const Icon = styled.svg` - & > path { - fill: ${({ theme }) => theme.primary}; - } -` diff --git a/packages/status-react/src/components/Icons/MuteIcon.tsx b/packages/status-react/src/components/Icons/MuteIcon.tsx deleted file mode 100644 index 73cb02f0..00000000 --- a/packages/status-react/src/components/Icons/MuteIcon.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type MuteIconProps = { - width: number - height: number - className?: string -} - -export function MuteIcon({ width, height, className }: MuteIconProps) { - return ( - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; -` diff --git a/packages/status-react/src/components/Icons/MutedIcon.tsx b/packages/status-react/src/components/Icons/MutedIcon.tsx deleted file mode 100644 index a7518ab4..00000000 --- a/packages/status-react/src/components/Icons/MutedIcon.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const MutedIcon = () => { - return ( - - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.primary}; - fill-opacity: 0.2; - flex-shrink: 0; -` diff --git a/packages/status-react/src/components/Icons/NextIcon.tsx b/packages/status-react/src/components/Icons/NextIcon.tsx deleted file mode 100644 index 877663c9..00000000 --- a/packages/status-react/src/components/Icons/NextIcon.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const NextIcon = () => { - return ( - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.primary}; - position: absolute; - right: 8px; - top: 50%; - transform: translateY(-50%); -` diff --git a/packages/status-react/src/components/Icons/PictureIcon.tsx b/packages/status-react/src/components/Icons/PictureIcon.tsx deleted file mode 100644 index 98dbe038..00000000 --- a/packages/status-react/src/components/Icons/PictureIcon.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const PictureIcon = () => { - return ( - - - - - ) -} - -const Icon = styled.svg` - & > path { - fill: ${({ theme }) => theme.secondary}; - } -` diff --git a/packages/status-react/src/components/Icons/PinIcon.tsx b/packages/status-react/src/components/Icons/PinIcon.tsx deleted file mode 100644 index 3ea482df..00000000 --- a/packages/status-react/src/components/Icons/PinIcon.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type PinIconProps = { - width: number - height: number - className?: string -} - -export function PinIcon({ width, height, className }: PinIconProps) { - return ( - - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.secondary}; - - &.menu { - fill: ${({ theme }) => theme.tertiary}; - } - - &.small { - width: 14px; - height: 14px; - } -` diff --git a/packages/status-react/src/components/Icons/ProfileIcon.tsx b/packages/status-react/src/components/Icons/ProfileIcon.tsx deleted file mode 100644 index 88dacf96..00000000 --- a/packages/status-react/src/components/Icons/ProfileIcon.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type ProfileIconProps = { - width: number - height: number - className?: string -} - -export function ProfileIcon({ width, height, className }: ProfileIconProps) { - return ( - - - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; -` diff --git a/packages/status-react/src/components/Icons/QuoteIcon.tsx b/packages/status-react/src/components/Icons/QuoteIcon.tsx deleted file mode 100644 index 44e1d980..00000000 --- a/packages/status-react/src/components/Icons/QuoteIcon.tsx +++ /dev/null @@ -1,38 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type QuoteProps = { - width: number - height: number -} - -export function QuoteSvg({ width, height }: QuoteProps) { - return ( - - - - ) -} - -const Icon = styled.svg` - & > path { - stroke: ${({ theme }) => theme.secondary}; - } - position: absolute; - left: 16px; - top: 50%; - transform: translateY(-50%); -` diff --git a/packages/status-react/src/components/Icons/ReactionIcon.tsx b/packages/status-react/src/components/Icons/ReactionIcon.tsx deleted file mode 100644 index f6f05732..00000000 --- a/packages/status-react/src/components/Icons/ReactionIcon.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type ReactionProps = { - className?: string -} - -export function ReactionSvg({ className }: ReactionProps) { - return ( - - - - - - - - - - ) -} - -const Icon = styled.svg` - width: 22px; - height: 22px; - fill: ${({ theme }) => theme.secondary}; - - &:hover { - fill: ${({ theme }) => theme.tertiary}; - } - - &.small { - width: 18px; - height: 18px; - } -` diff --git a/packages/status-react/src/components/Icons/ReadIcon.tsx b/packages/status-react/src/components/Icons/ReadIcon.tsx deleted file mode 100644 index bbae2160..00000000 --- a/packages/status-react/src/components/Icons/ReadIcon.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -interface ReadIconProps { - isRead?: boolean -} - -export const ReadIcon = ({ isRead }: ReadIconProps) => { - return ( - - - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; - - &.read { - fill: ${({ theme }) => theme.secondary}; - } -` diff --git a/packages/status-react/src/components/Icons/ReadMessageIcon.tsx b/packages/status-react/src/components/Icons/ReadMessageIcon.tsx deleted file mode 100644 index 95bfcd31..00000000 --- a/packages/status-react/src/components/Icons/ReadMessageIcon.tsx +++ /dev/null @@ -1,34 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -interface ReadMessageIconProps { - isRead?: boolean -} - -export const ReadMessageIcon = ({ isRead }: ReadMessageIconProps) => { - return ( - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; - - &.read { - fill: ${({ theme }) => theme.secondary}; - } -` diff --git a/packages/status-react/src/components/Icons/ReplyActivityIcon.tsx b/packages/status-react/src/components/Icons/ReplyActivityIcon.tsx deleted file mode 100644 index 24744a89..00000000 --- a/packages/status-react/src/components/Icons/ReplyActivityIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const ReplyIcon = () => ( - - - -) - -const Icon = styled.svg` - fill: ${({ theme }) => theme.secondary}; - flex-shrink: 0; -` diff --git a/packages/status-react/src/components/Icons/ReplyIcon.tsx b/packages/status-react/src/components/Icons/ReplyIcon.tsx deleted file mode 100644 index 244ffe57..00000000 --- a/packages/status-react/src/components/Icons/ReplyIcon.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type ReplyProps = { - width: number - height: number - className?: string -} - -export function ReplySvg({ width, height, className }: ReplyProps) { - return ( - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.secondary}; - - &.input { - fill: ${({ theme }) => theme.primary}; - } - - &.menu { - fill: ${({ theme }) => theme.tertiary}; - } -` diff --git a/packages/status-react/src/components/Icons/ScanIcon.tsx b/packages/status-react/src/components/Icons/ScanIcon.tsx deleted file mode 100644 index 3c79f968..00000000 --- a/packages/status-react/src/components/Icons/ScanIcon.tsx +++ /dev/null @@ -1,41 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const ScanIcon = () => { - return ( - - - - - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; -` diff --git a/packages/status-react/src/components/Icons/ShowIcon.tsx b/packages/status-react/src/components/Icons/ShowIcon.tsx deleted file mode 100644 index 466fd698..00000000 --- a/packages/status-react/src/components/Icons/ShowIcon.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const ShowIcon = () => ( - - - - -) - -const Icon = styled.svg` - fill: ${({ theme }) => theme.tertiary}; -` diff --git a/packages/status-react/src/components/Icons/StatusIcon.tsx b/packages/status-react/src/components/Icons/StatusIcon.tsx deleted file mode 100644 index fafbf739..00000000 --- a/packages/status-react/src/components/Icons/StatusIcon.tsx +++ /dev/null @@ -1,24 +0,0 @@ -import React from 'react' - -export const StatusIcon = () => ( - - - - -) diff --git a/packages/status-react/src/components/Icons/StatusLogo.tsx b/packages/status-react/src/components/Icons/StatusLogo.tsx deleted file mode 100644 index 6b435499..00000000 --- a/packages/status-react/src/components/Icons/StatusLogo.tsx +++ /dev/null @@ -1,42 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const StatusLogo = () => ( - - - - - -) - -const Icon = styled.svg` - & > path:first-child { - fill: ${({ theme }) => theme.tertiary}; - } - - & > path:nth-child(2) { - fill: ${({ theme }) => theme.bodyBackgroundColor}; - } - - & > path:last-child { - fill: ${({ theme }) => theme.primary}; - } -` diff --git a/packages/status-react/src/components/Icons/StickerIcon.tsx b/packages/status-react/src/components/Icons/StickerIcon.tsx deleted file mode 100644 index 482cdf22..00000000 --- a/packages/status-react/src/components/Icons/StickerIcon.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -interface ThemeProps { - isActive?: boolean -} - -export const StickerIcon = ({ isActive }: ThemeProps) => { - return ( - - - - - ) -} - -const Icon = styled.svg` - & > path { - fill: ${({ theme }) => theme.secondary}; - } - - & > path.active { - fill: ${({ theme }) => theme.tertiary}; - } -` diff --git a/packages/status-react/src/components/Icons/TipIcon.tsx b/packages/status-react/src/components/Icons/TipIcon.tsx deleted file mode 100644 index 6ed4736a..00000000 --- a/packages/status-react/src/components/Icons/TipIcon.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type TipIconProps = { - className?: string -} - -export const TipIcon = ({ className }: TipIconProps) => { - return ( - - - - ) -} - -const Icon = styled.svg` - fill: ${({ theme }) => theme.primary}; - position: absolute; - top: 100%; - left: 50%; - transform: translateX(-50%); - - &.read { - left: 62%; - } - - &.muted { - top: -8px; - transform: rotate(180deg) translateX(50%); - } -` diff --git a/packages/status-react/src/components/Icons/UntrustworthIcon.tsx b/packages/status-react/src/components/Icons/UntrustworthIcon.tsx deleted file mode 100644 index 8d89882d..00000000 --- a/packages/status-react/src/components/Icons/UntrustworthIcon.tsx +++ /dev/null @@ -1,29 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -export const UntrustworthIcon = () => { - return ( - - - - - ) -} - -const Icon = styled.svg` - & > circle { - fill: ${({ theme }) => theme.redColor}; - } -` diff --git a/packages/status-react/src/components/Icons/UserIcon.tsx b/packages/status-react/src/components/Icons/UserIcon.tsx deleted file mode 100644 index 5839a5ef..00000000 --- a/packages/status-react/src/components/Icons/UserIcon.tsx +++ /dev/null @@ -1,39 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -interface UserIconProps { - memberView?: boolean - modalView?: boolean -} - -export const UserIcon = ({ memberView, modalView }: UserIconProps) => { - return ( - - - - - ) -} - -const Icon = styled.svg` - width: ${({ memberView, modalView }) => - memberView ? '20px' : modalView ? '80px' : '34px'}; - height: ${({ memberView, modalView }) => - memberView ? '20px' : modalView ? '80px' : '34px'}; - - & > path, - & > ellipse { - fill: ${({ theme }) => theme.iconUserColor}; - } -` diff --git a/packages/status-react/src/components/Icons/WalletConnectLogo.tsx b/packages/status-react/src/components/Icons/WalletConnectLogo.tsx deleted file mode 100644 index 2e0febc1..00000000 --- a/packages/status-react/src/components/Icons/WalletConnectLogo.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import React from 'react' - -export const WalletConnectLogo = () => { - return ( - - - - - - - - - - - ) -} diff --git a/packages/status-react/src/components/Icons/WarningIcon.tsx b/packages/status-react/src/components/Icons/WarningIcon.tsx deleted file mode 100644 index 8ce37a71..00000000 --- a/packages/status-react/src/components/Icons/WarningIcon.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import React from 'react' - -import styled from 'styled-components' - -type WarningSvgProps = { - width: number - height: number - className?: string -} - -export function WarningSvg({ width, height, className }: WarningSvgProps) { - return ( - - - - - - ) -} - -export const WarningIcon = () => { - return -} - -const Icon = styled(WarningSvg)` - & > path { - fill: ${({ theme }) => theme.tertiary}; - } - - &.red > path { - fill: ${({ theme }) => theme.redColor}; - } - - &:hover > path { - fill: ${({ theme }) => theme.bodyBackgroundColor}; - } -` diff --git a/packages/status-react/src/routes/index.tsx b/packages/status-react/src/routes/index.tsx index 34fcb1da..137651e9 100644 --- a/packages/status-react/src/routes/index.tsx +++ b/packages/status-react/src/routes/index.tsx @@ -14,8 +14,7 @@ import { DialogProvider } from '../contexts/dialog-context' import { useTheme } from '../hooks/use-theme' import { ProtocolProvider, useProtocol } from '../protocol' import { Chat } from '../routes/chat' -import { styled } from '../styles/config' -import { GlobalStyle } from '../styles/GlobalStyle' +import { base, styled } from '../styles/config' import type { Config } from '../types/config' @@ -57,8 +56,7 @@ export const Community = (props: Props) => { - - + export type Theme = typeof theme diff --git a/yarn.lock b/yarn.lock index 2e66a1ff..3284e750 100644 --- a/yarn.lock +++ b/yarn.lock @@ -43,7 +43,7 @@ "@jridgewell/gen-mapping" "^0.1.0" "@jridgewell/trace-mapping" "^0.3.9" -"@babel/code-frame@^7.0.0", "@babel/code-frame@^7.16.7": +"@babel/code-frame@^7.0.0": version "7.16.7" resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.16.7.tgz#44416b6bd7624b998f5b1af5d470856c40138789" integrity sha512-iAXqUn8IIeBTNd72xsFlgaXHkMBMt6y4HJp1tIaK465CWLT/fG1aqB7ykr95gHHmlBdGbFeWWfyB4NJJ0nmeIg== @@ -109,15 +109,6 @@ json5 "^2.2.1" semver "^6.3.0" -"@babel/generator@^7.17.3": - version "7.17.7" - resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.17.7.tgz#8da2599beb4a86194a3b24df6c085931d9ee45ad" - integrity sha512-oLcVCTeIFadUoArDTwpluncplrYBmTCCZZgXCbgNGvOBBiSDDK3eWO4b/+eOTli5tKv1lg+a5/NAXg+nTcei1w== - dependencies: - "@babel/types" "^7.17.0" - jsesc "^2.5.1" - source-map "^0.5.0" - "@babel/generator@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.18.6.tgz#9ab2d46d3cbf631f0e80f72e72874a04c3fc12a9" @@ -136,13 +127,6 @@ "@jridgewell/gen-mapping" "^0.3.2" jsesc "^2.5.1" -"@babel/helper-annotate-as-pure@^7.16.0": - version "7.16.7" - resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz#bb2339a7534a9c128e3102024c60760a3a7f3862" - integrity sha512-s6t2w/IPQVTAET1HitoowRGXooX8mCgtuP5195wD/QJPV6wYjpujCGF7JuMODVX2ZAJOf1GT6DT9MHEZvLOFSw== - dependencies: - "@babel/types" "^7.16.7" - "@babel/helper-annotate-as-pure@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.18.6.tgz#eaa49f6f80d5a33f9a5dd2276e6d6e451be0a6bb" @@ -170,13 +154,6 @@ browserslist "^4.20.2" semver "^6.3.0" -"@babel/helper-environment-visitor@^7.16.7": - version "7.16.7" - resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.16.7.tgz#ff484094a839bde9d89cd63cba017d7aae80ecd7" - integrity sha512-SLLb0AAn6PkUeAfKJCCOl9e1R53pQlGAfc4y4XuMRZfqeMYLE0dM1LMhqbGAlGQY0lfw5/ohoYWAe9V1yibRag== - dependencies: - "@babel/types" "^7.16.7" - "@babel/helper-environment-visitor@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.6.tgz#b7eee2b5b9d70602e59d1a6cad7dd24de7ca6cd7" @@ -187,15 +164,6 @@ 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.16.7": - version "7.16.7" - resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.16.7.tgz#f1ec51551fb1c8956bc8dd95f38523b6cf375f8f" - integrity sha512-QfDfEnIUyyBSR3HtrtGECuZ6DAyCkYFp7GHl75vFtTnn6pjKeK0T1DB5lLkFvBea8MdaiUABx3osbgLyInoejA== - dependencies: - "@babel/helper-get-function-arity" "^7.16.7" - "@babel/template" "^7.16.7" - "@babel/types" "^7.16.7" - "@babel/helper-function-name@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.18.6.tgz#8334fecb0afba66e6d87a7e8c6bb7fed79926b83" @@ -212,20 +180,6 @@ "@babel/template" "^7.18.10" "@babel/types" "^7.19.0" -"@babel/helper-get-function-arity@^7.16.7": - version "7.16.7" - resolved "https://registry.yarnpkg.com/@babel/helper-get-function-arity/-/helper-get-function-arity-7.16.7.tgz#ea08ac753117a669f1508ba06ebcc49156387419" - integrity sha512-flc+RLSOBXzNzVhcLu6ujeHUrD6tANAOU5ojrRx/as+tbzf8+stUCj7+IfRRoAbEZqj/ahXEMsjhOhgeZsrnTw== - dependencies: - "@babel/types" "^7.16.7" - -"@babel/helper-hoist-variables@^7.16.7": - version "7.16.7" - resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.16.7.tgz#86bcb19a77a509c7b77d0e22323ef588fa58c246" - integrity sha512-m04d/0Op34H5v7pbZw6pSKP7weA6lsMvfiIAMeIvkY/R4xQtBSMFEigu9QTZ2qB/9l22vsxtM8a+Q8CzD255fg== - dependencies: - "@babel/types" "^7.16.7" - "@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" @@ -233,13 +187,6 @@ dependencies: "@babel/types" "^7.18.6" -"@babel/helper-module-imports@^7.0.0", "@babel/helper-module-imports@^7.16.0": - version "7.16.7" - resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.16.7.tgz#25612a8091a999704461c8a222d0efec5d091437" - integrity sha512-LVtS6TqjJHFc+nYeITRo6VLXve70xmq7wPhWTqDJusJEgGmkAACWwMiTNrvfoQo6hEhFwAIixNkvB0jPXDL8Wg== - dependencies: - "@babel/types" "^7.16.7" - "@babel/helper-module-imports@^7.18.6": version "7.18.6" resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e" @@ -292,13 +239,6 @@ dependencies: "@babel/types" "^7.18.6" -"@babel/helper-split-export-declaration@^7.16.7": - version "7.16.7" - resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.16.7.tgz#0b648c0c42da9d3920d85ad585f2778620b8726b" - integrity sha512-xbWoy/PFoxSWazIToT9Sif+jJTlrMcndIsaOKvTA6u7QEo7ilkRZpjew18/W3c7nm8fXdUDXh02VXTbZ0pGDNw== - dependencies: - "@babel/types" "^7.16.7" - "@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" @@ -362,11 +302,6 @@ chalk "^2.0.0" js-tokens "^4.0.0" -"@babel/parser@^7.16.7", "@babel/parser@^7.17.3": - version "7.17.7" - resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.17.7.tgz#fc19b645a5456c8d6fdb6cecd3c66c0173902800" - integrity sha512-bm3AQf45vR4gKggRfvJdYJ0gFLoCbsPxiFLSH6hTVYABptNHY6l9NrhnucVjQ/X+SPtLANT9lc0fFhikj+VBRA== - "@babel/parser@^7.18.10", "@babel/parser@^7.19.0": version "7.19.0" resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.19.0.tgz#497fcafb1d5b61376959c1c338745ef0577aa02c" @@ -456,15 +391,6 @@ dependencies: regenerator-runtime "^0.13.4" -"@babel/template@^7.16.7": - version "7.16.7" - resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.16.7.tgz#8d126c8701fde4d66b264b3eba3d96f07666d155" - integrity sha512-I8j/x8kHUrbYRTUxXrrMbfCa7jxkE7tZre39x3kjr9hvI82cK1FfqLygotcWN5kdPGWcLdWMHpSBavse5tWw3w== - dependencies: - "@babel/code-frame" "^7.16.7" - "@babel/parser" "^7.16.7" - "@babel/types" "^7.16.7" - "@babel/template@^7.18.10": version "7.18.10" resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.10.tgz#6f9134835970d1dbf0835c0d100c9f38de0c5e71" @@ -515,30 +441,6 @@ debug "^4.1.0" globals "^11.1.0" -"@babel/traverse@^7.4.5": - version "7.17.3" - resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.17.3.tgz#0ae0f15b27d9a92ba1f2263358ea7c4e7db47b57" - integrity sha512-5irClVky7TxRWIRtxlh2WPUUOLhcPN06AGgaQSB8AEwuyEBgJVuJ5imdHm5zxk8w0QS5T+tDfnDxAlhWjpb7cw== - dependencies: - "@babel/code-frame" "^7.16.7" - "@babel/generator" "^7.17.3" - "@babel/helper-environment-visitor" "^7.16.7" - "@babel/helper-function-name" "^7.16.7" - "@babel/helper-hoist-variables" "^7.16.7" - "@babel/helper-split-export-declaration" "^7.16.7" - "@babel/parser" "^7.17.3" - "@babel/types" "^7.17.0" - debug "^4.1.0" - globals "^11.1.0" - -"@babel/types@^7.16.7", "@babel/types@^7.17.0": - version "7.17.0" - resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.17.0.tgz#a826e368bccb6b3d84acd76acad5c0d87342390b" - integrity sha512-TmKSNO4D5rzhL5bjWFcVHHLETzfQ/AmbKpKPOSjlP0WoHZ6L911fgoOKY4Alp/emzG4cHJdyN49zpgkbXFEHHw== - dependencies: - "@babel/helper-validator-identifier" "^7.16.7" - to-fast-properties "^2.0.0" - "@babel/types@^7.18.10", "@babel/types@^7.19.0": version "7.19.0" resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.19.0.tgz#75f21d73d73dc0351f3368d28db73465f4814600" @@ -808,28 +710,6 @@ human-id "^1.0.2" prettier "^1.19.1" -"@emotion/is-prop-valid@^0.8.8": - version "0.8.8" - resolved "https://registry.yarnpkg.com/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz#db28b1c4368a259b60a97311d6a952d4fd01ac1a" - integrity sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA== - dependencies: - "@emotion/memoize" "0.7.4" - -"@emotion/memoize@0.7.4": - version "0.7.4" - resolved "https://registry.yarnpkg.com/@emotion/memoize/-/memoize-0.7.4.tgz#19bf0f5af19149111c40d98bb0cf82119f5d9eeb" - integrity sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw== - -"@emotion/stylis@^0.8.4": - version "0.8.5" - resolved "https://registry.yarnpkg.com/@emotion/stylis/-/stylis-0.8.5.tgz#deacb389bd6ee77d1e7fcaccce9e16c5c7e78e04" - integrity sha512-h6KtPihKFn3T9fuIrwvXXUOwlx3rfUvfZIcP5a6rh8Y7zjE3O06hT5Ss4S/YI1AYhuZ1kjaE/5EaOOI2NqSylQ== - -"@emotion/unitless@^0.7.4": - version "0.7.5" - resolved "https://registry.yarnpkg.com/@emotion/unitless/-/unitless-0.7.5.tgz#77211291c1900a700b8a78cfafda3160d76949ed" - integrity sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg== - "@esbuild/linux-loong64@0.15.7": version "0.15.7" resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.15.7.tgz#1ec4af4a16c554cbd402cc557ccdd874e3f7be53" @@ -2191,14 +2071,6 @@ dependencies: "@types/react" "*" -"@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/is-ci@^3.0.0": version "3.0.0" resolved "https://registry.yarnpkg.com/@types/is-ci/-/is-ci-3.0.0.tgz#7e8910af6857601315592436f030aaa3ed9783c3" @@ -2297,15 +2169,6 @@ resolved "https://registry.yarnpkg.com/@types/semver/-/semver-6.2.3.tgz#5798ecf1bec94eaa64db39ee52808ec0693315aa" integrity sha512-KQf+QAMWKMrtBMsB8/24w53tEsxllMj6TuA80TT/5igJalLI/zm0L3oXRbIAl4Ohfc85gyHX/jhMwsVkmhLU4A== -"@types/styled-components@^5.1.12": - version "5.1.23" - resolved "https://registry.yarnpkg.com/@types/styled-components/-/styled-components-5.1.23.tgz#11e5740047f292b42a042c60c0ef16b58d5adef6" - integrity sha512-zt8oQGU6XB4LH1Xpq169YnAVmt22+swzHJvyKMyTZu/z8+afvgKjjg0s79aAodgNSf36ZOEG6DyVAW/JhLH2Nw== - dependencies: - "@types/hoist-non-react-statics" "*" - "@types/react" "*" - csstype "^3.0.2" - "@typescript-eslint/eslint-plugin@^5.12.0": version "5.12.1" resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-5.12.1.tgz#b2cd3e288f250ce8332d5035a2ff65aba3374ac4" @@ -2606,22 +2469,6 @@ 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.6" - resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-2.0.6.tgz#6f76c7f7224b7af7edc24a4910351948c691fc90" - integrity sha512-Sk+7o/oa2HfHv3Eh8sxoz75/fFvEdHsXV4grdeHufX0nauCmymlnN0rGhIvfpMQSJMvGutJ85gvCGea4iqmDpg== - 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 sha1-CvMqmm4Tyno/1QaeYtew9Y0NiUY= - balanced-match@^1.0.0: version "1.0.2" resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee" @@ -2726,11 +2573,6 @@ camelcase@^6.3.0: resolved "https://registry.yarnpkg.com/camelcase/-/camelcase-6.3.0.tgz#5685b95eb209ac9c0c177467778c9c84df58ba9a" integrity sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA== -camelize@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/camelize/-/camelize-1.0.0.tgz#164a5483e630fa4321e5af07020e531831b2609b" - integrity sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs= - caniuse-lite@^1.0.30001332: version "1.0.30001344" resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001344.tgz#8a1e7fdc4db9c2ec79a05e9fd68eb93a761888bb" @@ -2940,20 +2782,6 @@ 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 sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU= - -css-to-react-native@^3.0.0: - version "3.0.0" - resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-3.0.0.tgz#62dbe678072a824a689bcfee011fc96e02a7d756" - integrity sha512-Ro1yETZA813eoyUp2GDBhG2j+YggidUmzO1/v9eYBKR2EHVEniE2MI/NqpTQ954BMpTPZFsGNPm46qFB9dpaPQ== - dependencies: - camelize "^1.0.0" - css-color-keywords "^1.0.0" - postcss-value-parser "^4.0.2" - css.escape@^1.5.1: version "1.5.1" resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb" @@ -4241,13 +4069,6 @@ history@^5.2.0: dependencies: "@babel/runtime" "^7.7.6" -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" - hosted-git-info@^2.1.4: version "2.8.9" resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9" @@ -5075,11 +4896,6 @@ lodash.startcase@^4.4.0: resolved "https://registry.yarnpkg.com/lodash.startcase/-/lodash.startcase-4.4.0.tgz#9436e34ed26093ed7ffae1936144350915d9add8" integrity sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg== -lodash@^4.17.11: - version "4.17.21" - resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c" - integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg== - log-update@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/log-update/-/log-update-4.0.0.tgz#589ecd352471f2a1c0c570287543a64dfd20e0a1" @@ -5718,7 +5534,7 @@ picocolors@^1.0.0: resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c" integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ== -picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.0, picomatch@^2.3.1: +picomatch@^2.2.2, picomatch@^2.2.3, picomatch@^2.3.1: version "2.3.1" resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42" integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA== @@ -5744,11 +5560,6 @@ pkg-types@^0.3.2: mlly "^0.5.3" pathe "^0.3.0" -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.13: version "8.4.14" resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.14.tgz#ee9274d5622b4858c1007a74d76e42e56fd21caf" @@ -5969,7 +5780,7 @@ react-dom@^17.0.0: object-assign "^4.1.1" scheduler "^0.20.2" -react-is@^16.13.1, react-is@^16.7.0: +react-is@^16.13.1: version "16.13.1" resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4" integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ== @@ -6324,11 +6135,6 @@ set-delayed-interval@^1.0.0: resolved "https://registry.yarnpkg.com/set-delayed-interval/-/set-delayed-interval-1.0.0.tgz#1f7c065780a365f10250f8a80e2be10175ea0388" integrity sha512-29fhAwuZlLcuBnW/EwxvLcg2D3ELX+VBDNhnavs3YYkab72qmrcSeQNVdzl8EcPPahGQXhBM6MKdPLCQGMDakw== -shallowequal@^1.1.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8" - integrity sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ== - shebang-command@^1.2.0: version "1.2.0" resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea" @@ -6420,11 +6226,6 @@ source-map-js@^1.0.2: resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw== -source-map@^0.5.0: - version "0.5.7" - resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc" - integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w= - sourcemap-codec@^1.4.8: version "1.4.8" resolved "https://registry.yarnpkg.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz#ea804bd94857402e6992d05a38ef1ae35a9ab4c4" @@ -6602,22 +6403,6 @@ 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.1: - version "5.3.3" - resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-5.3.3.tgz#312a3d9a549f4708f0fb0edc829eb34bde032743" - integrity sha512-++4iHwBM7ZN+x6DtPPWkCI4vdtwumQ+inA/DdAsqYd4SVgUKJie5vXyzotA00ttcFdQkCng7zc6grwlfIfw+lw== - dependencies: - "@babel/helper-module-imports" "^7.0.0" - "@babel/traverse" "^7.4.5" - "@emotion/is-prop-valid" "^0.8.8" - "@emotion/stylis" "^0.8.4" - "@emotion/unitless" "^0.7.4" - babel-plugin-styled-components ">= 1.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" - super-regex@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/super-regex/-/super-regex-0.2.0.tgz#dc1e071e55cdcf56930eb6271f73653a655b2642" @@ -6627,7 +6412,7 @@ super-regex@^0.2.0: function-timeout "^0.1.0" time-span "^5.1.0" -supports-color@^5.3.0, supports-color@^5.5.0: +supports-color@^5.3.0: version "5.5.0" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f" integrity sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==