From 3370171ddf2dbea773387fa8039182fc37c4e5ad Mon Sep 17 00:00:00 2001
From: Pavel Prichodko <14926950+prichodko@users.noreply.github.com>
Date: Fri, 18 Mar 2022 19:13:40 +0100
Subject: [PATCH] feat(system): add radius to Image primitive

---
 .../status-react/src/system/image/styles.tsx  | 11 ++++++++-
 packages/status-react/src/system/index.tsx    | 24 +++++++++++++++++++
 2 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 packages/status-react/src/system/index.tsx

diff --git a/packages/status-react/src/system/image/styles.tsx b/packages/status-react/src/system/image/styles.tsx
index 4bc515dc..121fa129 100644
--- a/packages/status-react/src/system/image/styles.tsx
+++ b/packages/status-react/src/system/image/styles.tsx
@@ -12,8 +12,17 @@ export const Base = styled('img', {
 
   variants: {
     radius: {
+      1: {
+        borderRadius: '$1',
+      },
+      2: {
+        borderRadius: '$2',
+      },
       full: {
-        borderRadius: '100%',
+        borderRadius: '$full',
+      },
+      bubble: {
+        borderRadius: '16px 16px 4px 16px',
       },
     },
     fit: {
diff --git a/packages/status-react/src/system/index.tsx b/packages/status-react/src/system/index.tsx
new file mode 100644
index 00000000..333bd031
--- /dev/null
+++ b/packages/status-react/src/system/index.tsx
@@ -0,0 +1,24 @@
+export { Avatar } from './avatar'
+export { Box } from './box'
+export { Button } from './button'
+export { ContextMenu, ContextMenuTrigger } from './context-menu'
+export {
+  AlertDialog,
+  AlertDialogTrigger,
+  Dialog,
+  DialogTrigger,
+} from './dialog'
+export { DropdownMenu, DropdownMenuTrigger } from './dropdown-menu'
+export { EthAddress } from './eth-address'
+export { Flex } from './flex'
+export { Grid } from './grid'
+export { Heading } from './heading'
+export { Icon } from './icon'
+export { IconButton } from './icon-button'
+export { Image } from './image'
+export { Popover, PopoverTrigger } from './popover'
+export { Separator } from './separator'
+export { Text } from './text'
+export { TextInput } from './text-input'
+export { Tooltip } from './tooltip'
+export { VisuallyHidden } from './visually-hidden'