feat(system): small improvements

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: {

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',

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) => {

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'
 ```

packages/status-react/src/system/heading/heading.tsx

@@ -13,6 +13,9 @@ const Heading = styled('div', {
       17: {
         fontSize: '17px',
       },
+      22: {
+        fontSize: '22px',
+      },
     },
     color: {
       accent: {

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,