From 0cb0263842e9ffa568d2b18498d0f944695421b1 Mon Sep 17 00:00:00 2001
From: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
Date: Mon, 11 Apr 2022 21:02:39 +0200
Subject: [PATCH] feat(system): small improvements

---
 packages/status-react/src/system/avatar/styles.tsx     | 10 ++++++++++
 packages/status-react/src/system/button/styles.tsx     |  1 -
 .../src/system/context-menu/context-menu.tsx           |  2 +-
 .../src/system/copy-input/copy-input.docs.mdx          |  4 ++--
 packages/status-react/src/system/heading/heading.tsx   |  3 +++
 .../status-react/src/system/icon-button/styles.tsx     |  1 -
 6 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/packages/status-react/src/system/avatar/styles.tsx b/packages/status-react/src/system/avatar/styles.tsx
index b38d4409..0942d0b9 100644
--- a/packages/status-react/src/system/avatar/styles.tsx
+++ b/packages/status-react/src/system/avatar/styles.tsx
@@ -32,6 +32,14 @@ export const Base = styled('div', {
         width: 44,
         height: 44,
       },
+      64: {
+        width: 64,
+        height: 64,
+      },
+      80: {
+        width: 80,
+        height: 80,
+      },
       120: {
         width: 120,
         height: 120,
@@ -57,6 +65,8 @@ export const Indicator = styled('span', {
       },
       36: {},
       44: {},
+      64: {},
+      80: {},
       120: {},
     },
     state: {
diff --git a/packages/status-react/src/system/button/styles.tsx b/packages/status-react/src/system/button/styles.tsx
index 6a7d326f..a6e39122 100644
--- a/packages/status-react/src/system/button/styles.tsx
+++ b/packages/status-react/src/system/button/styles.tsx
@@ -5,7 +5,6 @@ import type { VariantProps } from '~/src/styles/config'
 export type Variants = VariantProps<typeof Base>
 
 export const Base = styled('button', {
-  all: 'unset',
   fontFamily: '$sans',
   fontWeight: '$500',
   fontSize: '15px',
diff --git a/packages/status-react/src/system/context-menu/context-menu.tsx b/packages/status-react/src/system/context-menu/context-menu.tsx
index c621ced1..e0b38003 100644
--- a/packages/status-react/src/system/context-menu/context-menu.tsx
+++ b/packages/status-react/src/system/context-menu/context-menu.tsx
@@ -33,7 +33,7 @@ const ContextMenuTrigger = (props: TriggerProps) => {
 }
 
 interface MenuProps extends ContextMenuContentProps {
-  children: React.ReactElement[] | React.ReactElement
+  children: React.ReactNode
 }
 
 const ContextMenu = (props: MenuProps) => {
diff --git a/packages/status-react/src/system/copy-input/copy-input.docs.mdx b/packages/status-react/src/system/copy-input/copy-input.docs.mdx
index 4c5593a5..8b0e2d90 100644
--- a/packages/status-react/src/system/copy-input/copy-input.docs.mdx
+++ b/packages/status-react/src/system/copy-input/copy-input.docs.mdx
@@ -1,5 +1,5 @@
-# TextInput
+# CopyInput
 
 ```tsx
-import { TextInput } from '@status-im/components'
+import { CopyInput } from '@status-im/components'
 ```
diff --git a/packages/status-react/src/system/heading/heading.tsx b/packages/status-react/src/system/heading/heading.tsx
index 3b6ba88f..ce17283a 100644
--- a/packages/status-react/src/system/heading/heading.tsx
+++ b/packages/status-react/src/system/heading/heading.tsx
@@ -13,6 +13,9 @@ const Heading = styled('div', {
       17: {
         fontSize: '17px',
       },
+      22: {
+        fontSize: '22px',
+      },
     },
     color: {
       accent: {
diff --git a/packages/status-react/src/system/icon-button/styles.tsx b/packages/status-react/src/system/icon-button/styles.tsx
index aaf17374..f66f102e 100644
--- a/packages/status-react/src/system/icon-button/styles.tsx
+++ b/packages/status-react/src/system/icon-button/styles.tsx
@@ -5,7 +5,6 @@ import type { VariantProps } from '~/src/styles/config'
 export type Variants = VariantProps<typeof Base>
 
 export const Base = styled('button', {
-  all: 'unset',
   width: 32,
   height: 32,
   flexShrink: 0,