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 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 export const Base = styled('button', { - all: 'unset', width: 32, height: 32, flexShrink: 0,