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'