diff --git a/packages/components/src/avatar/avatar.tsx b/packages/components/src/avatar/avatar.tsx index 0715edd7..b8181cd3 100644 --- a/packages/components/src/avatar/avatar.tsx +++ b/packages/components/src/avatar/avatar.tsx @@ -203,16 +203,10 @@ const Avatar = (props: AvatarProps) => { {/* todo?: contrasting color to background */} {props.type === 'group' ? ( - cloneElement( - , - { - color: '$white-100', - } - ) + ) : ( { const renderBadge = () => { switch (props.type) { case 'user': { - if (!props.indicator) { + const { indicator = 'none', size } = props + + if (!indicator || indicator === 'none') { return } return ( - + ) } diff --git a/packages/components/src/text/text.tsx b/packages/components/src/text/text.tsx index 37185c6b..f57c347e 100644 --- a/packages/components/src/text/text.tsx +++ b/packages/components/src/text/text.tsx @@ -12,7 +12,6 @@ type Weight = NonNullable type Props = { children: React.ReactNode - size?: 27 | 19 | 15 | 13 | 11 | undefined color?: ColorTokens truncate?: boolean wrap?: false @@ -27,8 +26,8 @@ type Props = { // TODO: monospace should be used only for variant. Extract to separate
component? // TODO: Ubuntu Mono should be used only for code snippets. Extract to separate component? const Text = (props: Props, ref: Ref) => { - const { color = '$neutral-100', size = 13, ...rest } = props - return + const { color = '$neutral-100', ...rest } = props + return } const Base = styled(BaseText, {