Replace numeric prop values with named react-zen values.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Mike Cao 2026-02-05 23:41:10 -08:00
parent f66a508892
commit 7cafc3e61d
23 changed files with 65 additions and 46 deletions

View file

@ -30,7 +30,7 @@ export function ActiveUsers({
return (
<LinkButton href={`/websites/${websiteId}/realtime`} variant="quiet">
<StatusLight variant="success">
<Text size="2" weight="medium">
<Text size="sm" weight="medium">
{count} {formatMessage(labels.online)}
</Text>
</StatusLight>

View file

@ -23,7 +23,7 @@ export function Legend({
<Row key={text} onClick={() => onClick(item)}>
<StatusLight color={color.alpha(color.alpha() + 0.2).toHex()}>
<Text
size="2"
size="sm"
color={hidden ? 'disabled' : undefined}
truncate={true}
style={{ maxWidth: '300px' }}

View file

@ -133,7 +133,7 @@ const AnimatedRow = ({
justifyContent="flex-start"
position="relative"
border="left"
borderColor="8"
borderColor="strong"
color="muted"
paddingLeft="3"
>

View file

@ -49,7 +49,7 @@ export function WeeklyTraffic({ websiteId }: { websiteId: string }) {
});
return (
<Row key={i} justifyContent="flex-end">
<Text color="muted" size="2">
<Text color="muted" size="sm">
{label}
</Text>
</Row>
@ -79,7 +79,7 @@ export function WeeklyTraffic({ websiteId }: { websiteId: string }) {
<Row
alignItems="center"
justifyContent="center"
backgroundColor="2"
backgroundColor="surface-raised"
width="16px"
height="16px"
borderRadius="full"