Skip to content

Commit f444c8f

Browse files
BillLeoutsakosvl346Bill Leoutsakos
BillLeoutsakosvl346
and
Bill Leoutsakos
authored
improvement(ui): use existing 12px and 13px text tokens (#8036)
Co-authored-by: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>
1 parent d5df6f6 commit f444c8f

19 files changed

Lines changed: 40 additions & 42 deletions

File tree

‎apps/sim/app/(interfaces)/resume/[workflowId]/[executionId]/resume-page-client.tsx‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -131,7 +131,7 @@ function truncateForPreview(text: string): { text: string; truncated: boolean }
131131

132132
function renderStructuredValuePreview(value: unknown) {
133133
if (value === null || value === undefined || value === '') {
134-
return <span className='text-[12px] text-[var(--text-muted)]'>—</span>
134+
return <span className='text-[var(--text-muted)] text-caption'>—</span>
135135
}
136136

137137
if (typeof value === 'object') {
@@ -158,7 +158,7 @@ function renderStructuredValuePreview(value: unknown) {
158158
const { text: stringValue, truncated } = truncateForPreview(String(value))
159159
return (
160160
<div className='max-w-full'>
161-
<div className='inline-flex max-w-full rounded-[6px] border border-[var(--border)] bg-[var(--surface-5)] px-2 py-1 font-mono text-[12px] text-[var(--text-primary)] leading-4 [white-space:pre-wrap] [word-break:break-word]'>
161+
<div className='inline-flex max-w-full rounded-[6px] border border-[var(--border)] bg-[var(--surface-5)] px-2 py-1 font-mono text-[var(--text-primary)] text-caption leading-4 [white-space:pre-wrap] [word-break:break-word]'>
162162
{truncated ? `${stringValue}…` : stringValue}
163163
</div>
164164
{truncated && (
@@ -806,7 +806,7 @@ export default function ResumeExecutionPage({
806806
</div>
807807
<div>
808808
{pausePoints.length === 0 ? (
809-
<div className='px-4 py-8 text-center text-[13px] text-[var(--text-secondary)]'>
809+
<div className='px-4 py-8 text-center text-[var(--text-secondary)] text-small'>
810810
No pause points
811811
</div>
812812
) : (
@@ -821,7 +821,7 @@ export default function ResumeExecutionPage({
821821
}}
822822
className='w-full justify-between rounded-none px-4 py-3'
823823
>
824-
<span className='text-[13px]'>{getBlockName(pause)}</span>
824+
<span className='text-small'>{getBlockName(pause)}</span>
825825
<StatusBadge status={pause.resumeStatus} />
826826
</Button>
827827
))
@@ -833,17 +833,17 @@ export default function ResumeExecutionPage({
833833
<div>
834834
{loadingDetail && !selectedDetail ? (
835835
<div className='flex h-[200px] items-center justify-center rounded-[8px] border border-[var(--border)] bg-[var(--surface-1)]'>
836-
<span className='text-[13px] text-[var(--text-secondary)]'>Loading…</span>
836+
<span className='text-[var(--text-secondary)] text-small'>Loading…</span>
837837
</div>
838838
) : !selectedContextId ? (
839839
<div className='flex h-[200px] items-center justify-center rounded-[8px] border border-[var(--border)] bg-[var(--surface-1)]'>
840-
<span className='text-[13px] text-[var(--text-secondary)]'>
840+
<span className='text-[var(--text-secondary)] text-small'>
841841
Select a pause point
842842
</span>
843843
</div>
844844
) : !selectedDetail ? (
845845
<div className='flex h-[200px] items-center justify-center rounded-[8px] border border-[var(--border)] bg-[var(--surface-1)]'>
846-
<span className='text-[13px] text-[var(--text-secondary)]'>
846+
<span className='text-[var(--text-secondary)] text-small'>
847847
Could not load details
848848
</span>
849849
</div>
@@ -853,7 +853,7 @@ export default function ResumeExecutionPage({
853853
<div className='flex items-center justify-between rounded-[8px] border border-[var(--border)] bg-[var(--surface-1)] px-4 py-3'>
854854
<div>
855855
<Label>{getBlockName(selectedDetail.pausePoint)}</Label>
856-
<p className='mt-[2px] text-[12px] text-[var(--text-muted)]'>
856+
<p className='mt-[2px] text-[var(--text-muted)] text-caption'>
857857
Paused at {formatDate(selectedDetail.pausePoint.registeredAt)}
858858
</p>
859859
</div>
@@ -870,10 +870,10 @@ export default function ResumeExecutionPage({
870870
{selectedDetail.pausePoint.automaticResumeWaitingReason && (
871871
<div className='rounded-[8px] border border-[var(--border)] bg-[var(--surface-1)] px-4 py-3'>
872872
<Label>Waiting to resume automatically</Label>
873-
<p className='mt-1 text-[13px] text-[var(--text-secondary)]'>
873+
<p className='mt-1 text-[var(--text-secondary)] text-small'>
874874
{selectedDetail.pausePoint.automaticResumeWaitingReason}
875875
</p>
876-
<p className='mt-1 text-[12px] text-[var(--text-muted)]'>
876+
<p className='mt-1 text-[var(--text-muted)] text-caption'>
877877
Sim will retry automatically.
878878
</p>
879879
</div>
@@ -898,7 +898,7 @@ export default function ResumeExecutionPage({
898898
<div key={field.id} className='flex flex-col gap-[9px]'>
899899
<Label>{field.label}</Label>
900900
{field.description && (
901-
<p className='text-[12px] text-[var(--text-muted)]'>
901+
<p className='text-[var(--text-muted)] text-caption'>
902902
{field.description}
903903
</p>
904904
)}
@@ -922,7 +922,7 @@ export default function ResumeExecutionPage({
922922
rows={6}
923923
/>
924924
) : (
925-
<p className='text-[13px] text-[var(--text-muted)]'>
925+
<p className='text-[var(--text-muted)] text-small'>
926926
No input data provided
927927
</p>
928928
)}
@@ -963,7 +963,7 @@ export default function ResumeExecutionPage({
963963
<Label>Display Data</Label>
964964
</div>
965965
<div className='p-4'>
966-
<p className='text-[13px] text-[var(--text-muted)]'>
966+
<p className='text-[var(--text-muted)] text-small'>
967967
No display data configured
968968
</p>
969969
</div>
@@ -986,7 +986,7 @@ export default function ResumeExecutionPage({
986986
)}
987987
</Label>
988988
{field.description && (
989-
<p className='text-[12px] text-[var(--text-muted)]'>
989+
<p className='text-[var(--text-muted)] text-caption'>
990990
{field.description}
991991
</p>
992992
)}

‎apps/sim/app/f/[token]/public-file-view.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@ export function PublicFileView({
8686
<div className='flex min-w-0 flex-col'>
8787
<OverflowText label={name} className='text-[var(--text-body)] text-sm' />
8888
{provenance ? (
89-
<span className='truncate text-[12px] text-[var(--text-muted)]'>{provenance}</span>
89+
<span className='truncate text-[var(--text-muted)] text-caption'>{provenance}</span>
9090
) : null}
9191
</div>
9292
</div>

‎apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/chart-preview.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ function ChartErrorCard({ message, content }: { message: string; content: string
2828
<span className='text-[11px] text-[var(--text-muted)]'>{message}</span>
2929
</div>
3030
<div className='code-editor-theme bg-[var(--surface-5)]'>
31-
<pre className='m-0 overflow-x-auto whitespace-pre p-4 font-mono text-[13px] text-[var(--text-primary)] leading-[1.6]'>
31+
<pre className='m-0 overflow-x-auto whitespace-pre p-4 font-mono text-[var(--text-primary)] text-small leading-[1.6]'>
3232
<code>{content}</code>
3333
</pre>
3434
</div>

‎apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/csv-table-preview.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ export const CsvTablePreview = memo(function CsvTablePreview({
3838
if (data.headers.length === 0) {
3939
return (
4040
<div className='flex h-full items-center justify-center p-6'>
41-
<p className='text-[13px] text-[var(--text-muted)]'>No data to display</p>
41+
<p className='text-[var(--text-muted)] text-small'>No data to display</p>
4242
</div>
4343
)
4444
}

‎apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/file-save-conflict.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ export function FileSaveConflict({
1818
return (
1919
<div
2020
role='alert'
21-
className='flex shrink-0 flex-wrap items-center gap-2 border-[var(--border)] border-b px-4 py-2 text-[13px] text-[var(--text-body)]'
21+
className='flex shrink-0 flex-wrap items-center gap-2 border-[var(--border)] border-b px-4 py-2 text-[var(--text-body)] text-small'
2222
>
2323
<p className='min-w-0 flex-1'>
2424
Saving paused: the file changed elsewhere. Your local draft is preserved. Reload replaces it

‎apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/file-viewer.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -327,7 +327,7 @@ const ReadOnlyTextPreview = memo(function ReadOnlyTextPreview({
327327

328328
return (
329329
<div className='min-h-0 w-full flex-1 overflow-auto bg-[var(--surface-1)] p-4'>
330-
<pre className='whitespace-pre-wrap break-words font-mono text-[13px] text-[var(--text-body)]'>
330+
<pre className='whitespace-pre-wrap break-words font-mono text-[var(--text-body)] text-small'>
331331
{content}
332332
</pre>
333333
</div>

‎apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/mermaid-diagram.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ function MermaidSourcePreview({
5757
)}
5858
</div>
5959
<div className='code-editor-theme bg-[var(--surface-5)]'>
60-
<pre className='m-0 overflow-x-auto whitespace-pre p-4 font-mono text-[13px] text-[var(--text-primary)] leading-[1.6]'>
60+
<pre className='m-0 overflow-x-auto whitespace-pre p-4 font-mono text-[var(--text-primary)] text-small leading-[1.6]'>
6161
<code>{definition}</code>
6262
</pre>
6363
</div>

‎apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/pdf-viewer.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ function PdfError({ error }: { error: string }) {
4444
return (
4545
<div className='flex flex-1 flex-col items-center justify-center gap-[8px]'>
4646
<p className='text-[14px] text-[var(--text-body)]'>Failed to preview PDF</p>
47-
<p className='text-[13px] text-[var(--text-muted)]'>{error}</p>
47+
<p className='text-[var(--text-muted)] text-small'>{error}</p>
4848
</div>
4949
)
5050
}

‎apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/preview-panel.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -502,7 +502,7 @@ const CsvPreview = memo(function CsvPreview({
502502
if (headers.length === 0) {
503503
return (
504504
<div className='flex min-h-0 flex-1 items-center justify-center p-6'>
505-
<p className='text-[13px] text-[var(--text-muted)]'>No data to display</p>
505+
<p className='text-[var(--text-muted)] text-small'>No data to display</p>
506506
</div>
507507
)
508508
}

‎apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/preview-shared.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ export const UnsupportedPreview = memo(function UnsupportedPreview({ name }: { n
2121
<p className='text-[14px] text-[var(--text-primary)]'>
2222
Preview not available{ext ? ` for .${ext} files` : ' for this file'}
2323
</p>
24-
<p className='text-[13px] text-[var(--text-muted)]'>
24+
<p className='text-[var(--text-muted)] text-small'>
2525
Use the download button to view this file
2626
</p>
2727
</div>
@@ -32,7 +32,7 @@ export function PreviewError({ label, error }: { label: string; error: string })
3232
return (
3333
<div className='flex flex-1 flex-col items-center justify-center gap-[8px]'>
3434
<p className='text-[14px] text-[var(--text-primary)]'>Failed to preview {label}</p>
35-
<p className='text-[13px] text-[var(--text-muted)]'>{error}</p>
35+
<p className='text-[var(--text-muted)] text-small'>{error}</p>
3636
</div>
3737
)
3838
}

0 commit comments

Comments
 (0)