update ContextTag (#468)

* u Avatar * u Context Tag * add changeset * revert type * Revert "revert type" This reverts commit 1d099cf. * add bigger 24 * c * f * f textSize
status-im · Sep 11, 2023 · 7c96dec · 7c96dec · vercel · Sep 11, 2023
1 parent 5dc7997
commit 7c96dec
Show file tree

Hide file tree

Showing 5 changed files with 750 additions and 86 deletions.
diff --git a/.changeset/few-coins-notice.md b/.changeset/few-coins-notice.md
@@ -0,0 +1,5 @@
+---
+'@status-im/components': patch
+---
+
+update Context Tag
diff --git a/packages/components/src/avatar/avatar.tsx b/packages/components/src/avatar/avatar.tsx
@@ -51,23 +51,23 @@ type ChannelAvatarProps = {
 
 type CommunityAvatarProps = {
   type: 'community'
-  size: 80 | 32 | 28 | 24 | 20
+  size: 80 | 32 | 28 | 24 | 20 | 16
   name: string
   src?: string
   backgroundColor?: ColorTokens
 }
 
 type AccountAvatarProps = {
   type: 'account'
-  size: 80 | 48 | 32 | 28 | 24 | 20
+  size: 80 | 48 | 32 | 28 | 24 | 20 | 16
   name: string
   src?: string
   backgroundColor?: ColorTokens
 }
 
 type IconAvatarProps = {
   type: 'icon'
-  size: 48 | 32 | 28 | 24 | 20
+  size: 48 | 32 | 28 | 24 | 20 | 16
   icon: React.ReactElement
   backgroundColor?: ColorTokens
   color?: ColorTokens
@@ -102,6 +102,7 @@ const accountRadiusSizes: Record<AccountAvatarProps['size'], RadiusTokens> = {
   '28': '$8',
   '24': '$8',
   '20': '$6',
+  '16': '$6',
 }
 
 const channelEmojiSizes: Record<ChannelAvatarProps['size'], TextProps['size']> =