From 357812149eb778db99cca2acfcd414c4cf3a6b28 Mon Sep 17 00:00:00 2001 From: Hiroki Uemura Date: Tue, 20 Oct 2026 21:00:57 +0900 Subject: [PATCH 01/10] proposal(core): replace raw text sizes with typography role classes Value-identical swaps for 209 places, plus the decisions agreed on 2026-10-18/19: text below 12px moves to 12px, line heights outside the allowed modifiers move to the role, and the section labels (chat history, tool, filter rail legend, ActivityCard day label, Menu group label) use label-sm at weight 500. code-sm adds 2px of line height (16 to 18px). Co-Authored-By: Claude Opus 5.5 --- ...components__ai-chat__ai-chat.test.tsx.snap | 4 +- ...rc__components__alert__alert.test.tsx.snap | 12 ++-- ...ents__attachment__Attachment.test.tsx.snap | 6 +- ...ete__autocomplete-standalone.test.tsx.snap | 6 +- ...__autocomplete__autocomplete.test.tsx.snap | 6 +- ...__components__avatar__avatar.test.tsx.snap | 8 +-- ...__components__button__button.test.tsx.snap | 24 ++++---- ...mponents__calendar__calendar.test.tsx.snap | 2 +- ...ts__calendar__range-calendar.test.tsx.snap | 2 +- .../src__components__card__card.test.tsx.snap | 2 +- ...mponents__checkbox__checkbox.test.tsx.snap | 2 +- ...ombobox__combobox-standalone.test.tsx.snap | 8 +-- ...mponents__combobox__combobox.test.tsx.snap | 8 +-- ...__components__dialog__dialog.test.tsx.snap | 4 +- ...s-card__DocumentProgressCard.test.tsx.snap | 6 +- ...rc__components__field__field.test.tsx.snap | 10 ++-- ...mponents__fieldset__fieldset.test.tsx.snap | 4 +- ...ts__filter-rail__filter-rail.test.tsx.snap | 14 ++--- .../src__components__form__form.test.tsx.snap | 2 +- ...rc__components__input__input.test.tsx.snap | 12 ++-- ...__components__layout__Layout.test.tsx.snap | 6 +- .../src__components__menu__menu.test.tsx.snap | 10 ++-- ...s__select__select-standalone.test.tsx.snap | 8 +-- ...__components__select__select.test.tsx.snap | 10 ++-- ...rc__components__sheet__sheet.test.tsx.snap | 8 +-- ...rc__components__table__table.test.tsx.snap | 10 ++-- .../src__components__tabs__tabs.test.tsx.snap | 18 +++--- ...components__toolbar__toolbar.test.tsx.snap | 2 +- ...components__tooltip__tooltip.test.tsx.snap | 2 +- .../components/action-panel/ActionPanel.tsx | 4 +- .../components/activity-card/ActivityCard.tsx | 10 ++-- .../components/activity-card/standalone.tsx | 4 +- .../components/ai-chat/chain-of-thought.tsx | 6 +- .../src/components/ai-chat/chat-history.tsx | 4 +- .../src/components/ai-chat/conversation.tsx | 4 +- .../src/components/ai-chat/disclosure.tsx | 2 +- .../core/src/components/ai-chat/header.tsx | 2 +- .../core/src/components/ai-chat/message.tsx | 2 +- .../core/src/components/ai-chat/reasoning.tsx | 5 +- .../core/src/components/ai-chat/response.tsx | 2 +- .../core/src/components/ai-chat/sources.tsx | 6 +- packages/core/src/components/ai-chat/tool.tsx | 8 +-- packages/core/src/components/alert/alert.tsx | 4 +- .../appearance-switcher.tsx | 2 +- .../core/src/components/appshell/appshell.tsx | 4 +- .../src/components/attachment/Attachment.tsx | 12 ++-- .../components/autocomplete/autocomplete.tsx | 8 +-- .../core/src/components/avatar/avatar.tsx | 10 ++-- .../src/components/badge-list/badge-list.tsx | 2 +- packages/core/src/components/badge/badge.tsx | 2 +- .../core/src/components/button/button.tsx | 4 +- .../src/components/calendar/calendar-view.tsx | 10 +--- packages/core/src/components/card/card.tsx | 4 +- .../core/src/components/checkbox/checkbox.tsx | 2 +- .../core/src/components/combobox/combobox.tsx | 12 ++-- .../command-palette/command-palette.tsx | 28 ++++----- .../components/csv-importer/CsvImporter.tsx | 40 ++++++------- .../components/data-table/column-settings.tsx | 10 ++-- .../src/components/data-table/data-table.tsx | 4 +- .../components/data-table/editable-cell.tsx | 4 +- .../src/components/data-table/pagination.tsx | 8 ++- .../components/data-table/selection-bar.tsx | 2 +- .../src/components/data-table/toolbar.tsx | 60 ++++++++++--------- .../description-card/DescriptionCard.tsx | 8 +-- .../description-card/field-renderers.tsx | 38 ++++++------ .../core/src/components/dialog/dialog.tsx | 4 +- .../DocumentProgressCard.tsx | 6 +- packages/core/src/components/field/field.tsx | 6 +- .../core/src/components/fieldset/fieldset.tsx | 2 +- .../src/components/filter-rail/controls.tsx | 6 +- .../components/filter-rail/filter-rail.tsx | 2 +- .../src/components/filter-rail/internals.tsx | 20 ++++--- .../src/components/filter-rail/responsive.tsx | 2 +- .../src/components/filter-rail/sections.tsx | 2 +- .../src/components/filter-rail/settings.tsx | 10 ++-- packages/core/src/components/input/input.tsx | 2 +- .../internals/app-info/app-info.tsx | 6 +- .../async-error-state/async-error-state.tsx | 2 +- .../internals/breadcrumb/breadcrumb.tsx | 2 +- .../default-error-boundary.tsx | 10 ++-- .../core/src/components/layout/Layout.tsx | 4 +- packages/core/src/components/menu/menu.tsx | 12 ++-- .../src/components/metric-card/MetricCard.tsx | 13 ++-- .../components/select/select-standalone.tsx | 4 +- .../core/src/components/select/select.tsx | 6 +- packages/core/src/components/sheet/sheet.tsx | 4 +- .../sidebar/default-sidebar.test.tsx | 2 +- .../components/sidebar/default-sidebar.tsx | 13 ++-- .../src/components/sidebar/global-header.tsx | 2 +- .../src/components/sidebar/primitives.tsx | 16 ++--- .../src/components/sidebar/sidebar-group.tsx | 2 +- packages/core/src/components/table/table.tsx | 4 +- packages/core/src/components/tabs/tabs.tsx | 2 +- .../core/src/components/tooltip/tooltip.tsx | 2 +- 94 files changed, 357 insertions(+), 364 deletions(-) diff --git a/packages/core/__snapshots__/src__components__ai-chat__ai-chat.test.tsx.snap b/packages/core/__snapshots__/src__components__ai-chat__ai-chat.test.tsx.snap index 3a1eb5f83..34d2781de 100644 --- a/packages/core/__snapshots__/src__components__ai-chat__ai-chat.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__ai-chat__ai-chat.test.tsx.snap @@ -1,5 +1,5 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`AIChat > snapshots > default 1`] = `"

Hello there.

"`; +exports[`AIChat > snapshots > default 1`] = `"

Hello there.

"`; -exports[`AIChat > snapshots > with header 1`] = `"
Assistant
"`; +exports[`AIChat > snapshots > with header 1`] = `"
Assistant
"`; diff --git a/packages/core/__snapshots__/src__components__alert__alert.test.tsx.snap b/packages/core/__snapshots__/src__components__alert__alert.test.tsx.snap index 65b6bb8cc..b78179647 100644 --- a/packages/core/__snapshots__/src__components__alert__alert.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__alert__alert.test.tsx.snap @@ -1,13 +1,13 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Alert > snapshots > error variant 1`] = `""`; +exports[`Alert > snapshots > error variant 1`] = `""`; -exports[`Alert > snapshots > info variant 1`] = `""`; +exports[`Alert > snapshots > info variant 1`] = `""`; -exports[`Alert > snapshots > neutral variant (default) 1`] = `""`; +exports[`Alert > snapshots > neutral variant (default) 1`] = `""`; -exports[`Alert > snapshots > success variant 1`] = `""`; +exports[`Alert > snapshots > success variant 1`] = `""`; -exports[`Alert > snapshots > warning variant 1`] = `""`; +exports[`Alert > snapshots > warning variant 1`] = `""`; -exports[`Alert > snapshots > with dismissible 1`] = `""`; +exports[`Alert > snapshots > with dismissible 1`] = `""`; diff --git a/packages/core/__snapshots__/src__components__attachment__Attachment.test.tsx.snap b/packages/core/__snapshots__/src__components__attachment__Attachment.test.tsx.snap index 550bb6fbb..1e2f7ae9c 100644 --- a/packages/core/__snapshots__/src__components__attachment__Attachment.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__attachment__Attachment.test.tsx.snap @@ -1,7 +1,7 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Attachment > snapshots > disabled 1`] = `"
shoe-red.png

Aug-Sep 2025_1234-12.pdf

"`; +exports[`Attachment > snapshots > disabled 1`] = `"
shoe-red.png

Aug-Sep 2025_1234-12.pdf

"`; -exports[`Attachment > snapshots > empty default 1`] = `"
"`; +exports[`Attachment > snapshots > empty default 1`] = `"
"`; -exports[`Attachment > snapshots > populated mixed items 1`] = `"
shoe-red.png

Aug-Sep 2025_1234-12.pdf

"`; +exports[`Attachment > snapshots > populated mixed items 1`] = `"
shoe-red.png

Aug-Sep 2025_1234-12.pdf

"`; diff --git a/packages/core/__snapshots__/src__components__autocomplete__autocomplete-standalone.test.tsx.snap b/packages/core/__snapshots__/src__components__autocomplete__autocomplete-standalone.test.tsx.snap index 0d86b8c04..3012a1e8e 100644 --- a/packages/core/__snapshots__/src__components__autocomplete__autocomplete-standalone.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__autocomplete__autocomplete-standalone.test.tsx.snap @@ -1,7 +1,7 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Autocomplete (standalone) > snapshots > default with string items 1`] = `"
"`; +exports[`Autocomplete (standalone) > snapshots > default with string items 1`] = `"
"`; -exports[`Autocomplete (standalone) > snapshots > with custom className 1`] = `"
"`; +exports[`Autocomplete (standalone) > snapshots > with custom className 1`] = `"
"`; -exports[`Autocomplete (standalone) > snapshots > with custom mapItem 1`] = `"
"`; +exports[`Autocomplete (standalone) > snapshots > with custom mapItem 1`] = `"
"`; diff --git a/packages/core/__snapshots__/src__components__autocomplete__autocomplete.test.tsx.snap b/packages/core/__snapshots__/src__components__autocomplete__autocomplete.test.tsx.snap index f5ce574db..d28e508f5 100644 --- a/packages/core/__snapshots__/src__components__autocomplete__autocomplete.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__autocomplete__autocomplete.test.tsx.snap @@ -1,7 +1,7 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Autocomplete.Parts > snapshots > closed autocomplete with placeholder 1`] = `"
"`; +exports[`Autocomplete.Parts > snapshots > closed autocomplete with placeholder 1`] = `"
"`; -exports[`Autocomplete.Parts > snapshots > open autocomplete 1`] = `"
"`; +exports[`Autocomplete.Parts > snapshots > open autocomplete 1`] = `"
"`; -exports[`Autocomplete.Parts > snapshots > with groups 1`] = `""`; +exports[`Autocomplete.Parts > snapshots > with groups 1`] = `""`; diff --git a/packages/core/__snapshots__/src__components__avatar__avatar.test.tsx.snap b/packages/core/__snapshots__/src__components__avatar__avatar.test.tsx.snap index 83aff7839..718b05531 100644 --- a/packages/core/__snapshots__/src__components__avatar__avatar.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__avatar__avatar.test.tsx.snap @@ -1,9 +1,9 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Avatar > snapshots > fallback only 1`] = `"AB"`; +exports[`Avatar > snapshots > fallback only 1`] = `"AB"`; -exports[`Avatar > snapshots > size lg 1`] = `"EF"`; +exports[`Avatar > snapshots > size lg 1`] = `"EF"`; -exports[`Avatar > snapshots > size sm 1`] = `"CD"`; +exports[`Avatar > snapshots > size sm 1`] = `"CD"`; -exports[`Avatar > snapshots > size xs 1`] = `"AB"`; +exports[`Avatar > snapshots > size xs 1`] = `"AB"`; diff --git a/packages/core/__snapshots__/src__components__button__button.test.tsx.snap b/packages/core/__snapshots__/src__components__button__button.test.tsx.snap index a7c88aa9a..d050a98e6 100644 --- a/packages/core/__snapshots__/src__components__button__button.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__button__button.test.tsx.snap @@ -1,25 +1,25 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Button > snapshots > default variant and size 1`] = `""`; +exports[`Button > snapshots > default variant and size 1`] = `""`; -exports[`Button > snapshots > destructive variant 1`] = `""`; +exports[`Button > snapshots > destructive variant 1`] = `""`; -exports[`Button > snapshots > disabled state 1`] = `""`; +exports[`Button > snapshots > disabled state 1`] = `""`; -exports[`Button > snapshots > extra-small size 1`] = `""`; +exports[`Button > snapshots > extra-small size 1`] = `""`; -exports[`Button > snapshots > ghost variant 1`] = `""`; +exports[`Button > snapshots > ghost variant 1`] = `""`; -exports[`Button > snapshots > icon size 1`] = `""`; +exports[`Button > snapshots > icon size 1`] = `""`; -exports[`Button > snapshots > large size 1`] = `""`; +exports[`Button > snapshots > large size 1`] = `""`; -exports[`Button > snapshots > link variant 1`] = `""`; +exports[`Button > snapshots > link variant 1`] = `""`; -exports[`Button > snapshots > outline variant 1`] = `""`; +exports[`Button > snapshots > outline variant 1`] = `""`; -exports[`Button > snapshots > secondary variant 1`] = `""`; +exports[`Button > snapshots > secondary variant 1`] = `""`; -exports[`Button > snapshots > small size 1`] = `""`; +exports[`Button > snapshots > small size 1`] = `""`; -exports[`Button > snapshots > with render prop (as link) 1`] = `"Link Button"`; +exports[`Button > snapshots > with render prop (as link) 1`] = `"Link Button"`; diff --git a/packages/core/__snapshots__/src__components__calendar__calendar.test.tsx.snap b/packages/core/__snapshots__/src__components__calendar__calendar.test.tsx.snap index 992ad9a87..0e07db5d2 100644 --- a/packages/core/__snapshots__/src__components__calendar__calendar.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__calendar__calendar.test.tsx.snap @@ -1,3 +1,3 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`snapshots > Calendar — pre-selected 1`] = `"
June 2025
"`; +exports[`snapshots > Calendar — pre-selected 1`] = `"
June 2025
"`; diff --git a/packages/core/__snapshots__/src__components__calendar__range-calendar.test.tsx.snap b/packages/core/__snapshots__/src__components__calendar__range-calendar.test.tsx.snap index 717ac1ba4..c1bea342d 100644 --- a/packages/core/__snapshots__/src__components__calendar__range-calendar.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__calendar__range-calendar.test.tsx.snap @@ -1,3 +1,3 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`snapshots > RangeCalendar — pre-selected range 1`] = `"
June 2025
"`; +exports[`snapshots > RangeCalendar — pre-selected range 1`] = `"
June 2025
"`; diff --git a/packages/core/__snapshots__/src__components__card__card.test.tsx.snap b/packages/core/__snapshots__/src__components__card__card.test.tsx.snap index 71a0a061c..eb073eea0 100644 --- a/packages/core/__snapshots__/src__components__card__card.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__card__card.test.tsx.snap @@ -1,5 +1,5 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Card > snapshots > basic card with header and content 1`] = `"

Title

Description
Content
"`; +exports[`Card > snapshots > basic card with header and content 1`] = `"

Title

Description
Content
"`; exports[`Card > snapshots > card with custom className 1`] = `"
Content
"`; diff --git a/packages/core/__snapshots__/src__components__checkbox__checkbox.test.tsx.snap b/packages/core/__snapshots__/src__components__checkbox__checkbox.test.tsx.snap index e8a585192..35024adac 100644 --- a/packages/core/__snapshots__/src__components__checkbox__checkbox.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__checkbox__checkbox.test.tsx.snap @@ -8,4 +8,4 @@ exports[`Checkbox > snapshots > indeterminate 1`] = `""`; -exports[`Checkbox > snapshots > with label 1`] = `""`; +exports[`Checkbox > snapshots > with label 1`] = `""`; diff --git a/packages/core/__snapshots__/src__components__combobox__combobox-standalone.test.tsx.snap b/packages/core/__snapshots__/src__components__combobox__combobox-standalone.test.tsx.snap index b68aeaf97..1dd9c0420 100644 --- a/packages/core/__snapshots__/src__components__combobox__combobox-standalone.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__combobox__combobox-standalone.test.tsx.snap @@ -1,9 +1,9 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Combobox (standalone) > snapshots > default with string items 1`] = `"
"`; +exports[`Combobox (standalone) > snapshots > default with string items 1`] = `"
"`; -exports[`Combobox (standalone) > snapshots > disabled 1`] = `"
"`; +exports[`Combobox (standalone) > snapshots > disabled 1`] = `"
"`; -exports[`Combobox (standalone) > snapshots > multiple mode 1`] = `"
"`; +exports[`Combobox (standalone) > snapshots > multiple mode 1`] = `"
"`; -exports[`Combobox (standalone) > snapshots > with custom className 1`] = `"
"`; +exports[`Combobox (standalone) > snapshots > with custom className 1`] = `"
"`; diff --git a/packages/core/__snapshots__/src__components__combobox__combobox.test.tsx.snap b/packages/core/__snapshots__/src__components__combobox__combobox.test.tsx.snap index c606cf03d..315bce69e 100644 --- a/packages/core/__snapshots__/src__components__combobox__combobox.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__combobox__combobox.test.tsx.snap @@ -1,9 +1,9 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Combobox.Parts > snapshots > closed combobox with placeholder 1`] = `""`; +exports[`Combobox.Parts > snapshots > closed combobox with placeholder 1`] = `""`; -exports[`Combobox.Parts > snapshots > open combobox 1`] = `"
"`; +exports[`Combobox.Parts > snapshots > open combobox 1`] = `"
"`; -exports[`Combobox.Parts > snapshots > with InputGroup, Clear, and Trigger 1`] = `"
"`; +exports[`Combobox.Parts > snapshots > with InputGroup, Clear, and Trigger 1`] = `"
"`; -exports[`Combobox.Parts > snapshots > with groups 1`] = `""`; +exports[`Combobox.Parts > snapshots > with groups 1`] = `""`; diff --git a/packages/core/__snapshots__/src__components__dialog__dialog.test.tsx.snap b/packages/core/__snapshots__/src__components__dialog__dialog.test.tsx.snap index 2023c299b..0d753851d 100644 --- a/packages/core/__snapshots__/src__components__dialog__dialog.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__dialog__dialog.test.tsx.snap @@ -2,6 +2,6 @@ exports[`Dialog > snapshots > closed dialog (trigger only) 1`] = `""`; -exports[`Dialog > snapshots > open dialog with header 1`] = `"
"`; +exports[`Dialog > snapshots > open dialog with header 1`] = `"
"`; -exports[`Dialog > snapshots > open dialog with header and footer 1`] = `"
"`; +exports[`Dialog > snapshots > open dialog with header and footer 1`] = `"
"`; diff --git a/packages/core/__snapshots__/src__components__document-progress-card__DocumentProgressCard.test.tsx.snap b/packages/core/__snapshots__/src__components__document-progress-card__DocumentProgressCard.test.tsx.snap index 0d886bf3c..f52e49c1c 100644 --- a/packages/core/__snapshots__/src__components__document-progress-card__DocumentProgressCard.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__document-progress-card__DocumentProgressCard.test.tsx.snap @@ -1,7 +1,7 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`DocumentProgressCard > snapshots > legend override distinct from bar segments 1`] = `"
30%
Received items
12
Returned items
2
Yet to receive
28
"`; +exports[`DocumentProgressCard > snapshots > legend override distinct from bar segments 1`] = `"
30%
Received items
12
Returned items
2
Yet to receive
28
"`; -exports[`DocumentProgressCard > snapshots > title, percent, and three segments 1`] = `"
Shipment status60%
Shipped
30
Returned
3
Pending
17
"`; +exports[`DocumentProgressCard > snapshots > title, percent, and three segments 1`] = `"
Shipment status60%
Shipped
30
Returned
3
Pending
17
"`; -exports[`DocumentProgressCard > snapshots > with an unfilled remainder via total 1`] = `"
25%
Done
10
"`; +exports[`DocumentProgressCard > snapshots > with an unfilled remainder via total 1`] = `"
25%
Done
10
"`; diff --git a/packages/core/__snapshots__/src__components__field__field.test.tsx.snap b/packages/core/__snapshots__/src__components__field__field.test.tsx.snap index b5f1466a1..0fa78a5f6 100644 --- a/packages/core/__snapshots__/src__components__field__field.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__field__field.test.tsx.snap @@ -1,11 +1,11 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Field > snapshots > basic field with label and control 1`] = `"
"`; +exports[`Field > snapshots > basic field with label and control 1`] = `"
"`; -exports[`Field > snapshots > disabled field 1`] = `"
"`; +exports[`Field > snapshots > disabled field 1`] = `"
"`; -exports[`Field > snapshots > field with custom className 1`] = `"
"`; +exports[`Field > snapshots > field with custom className 1`] = `"
"`; -exports[`Field > snapshots > field with description 1`] = `"

We will never share your email.

"`; +exports[`Field > snapshots > field with description 1`] = `"

We will never share your email.

"`; -exports[`Field > snapshots > field with error 1`] = `"
Please enter a valid URL.
"`; +exports[`Field > snapshots > field with error 1`] = `"
Please enter a valid URL.
"`; diff --git a/packages/core/__snapshots__/src__components__fieldset__fieldset.test.tsx.snap b/packages/core/__snapshots__/src__components__fieldset__fieldset.test.tsx.snap index b10857ba2..38152299f 100644 --- a/packages/core/__snapshots__/src__components__fieldset__fieldset.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__fieldset__fieldset.test.tsx.snap @@ -1,5 +1,5 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Fieldset > snapshots > basic fieldset with legend 1`] = `"
Billing details
Field content
"`; +exports[`Fieldset > snapshots > basic fieldset with legend 1`] = `"
Billing details
Field content
"`; -exports[`Fieldset > snapshots > fieldset with custom className 1`] = `"
Section
"`; +exports[`Fieldset > snapshots > fieldset with custom className 1`] = `"
Section
"`; diff --git a/packages/core/__snapshots__/src__components__filter-rail__filter-rail.test.tsx.snap b/packages/core/__snapshots__/src__components__filter-rail__filter-rail.test.tsx.snap index a4a98b79f..2964a10b2 100644 --- a/packages/core/__snapshots__/src__components__filter-rail__filter-rail.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__filter-rail__filter-rail.test.tsx.snap @@ -1,15 +1,15 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`FilterRail > snapshots > checkbox section 1`] = `"
[]
"`; +exports[`FilterRail > snapshots > checkbox section 1`] = `"
[]
"`; -exports[`FilterRail > snapshots > comfortable density 1`] = `"
[]
"`; +exports[`FilterRail > snapshots > comfortable density 1`] = `"
[]
"`; -exports[`FilterRail > snapshots > compact density 1`] = `"
[]
"`; +exports[`FilterRail > snapshots > compact density 1`] = `"
[]
"`; -exports[`FilterRail > snapshots > numberRange section 1`] = `"
[{"field":"price","operator":"between","value":{"min":10,"max":200}}]
"`; +exports[`FilterRail > snapshots > numberRange section 1`] = `"
[{"field":"price","operator":"between","value":{"min":10,"max":200}}]
"`; -exports[`FilterRail > snapshots > radio and boolean sections 1`] = `"
[{"field":"status","operator":"eq","value":"active"}]
"`; +exports[`FilterRail > snapshots > radio and boolean sections 1`] = `"
[{"field":"status","operator":"eq","value":"active"}]
"`; -exports[`FilterRail > snapshots > text section 1`] = `"
[]
"`; +exports[`FilterRail > snapshots > text section 1`] = `"
[]
"`; -exports[`FilterRail > snapshots > with Header and ClearAll 1`] = `"
[{"field":"category","operator":"in","value":["apparel"]}]
"`; +exports[`FilterRail > snapshots > with Header and ClearAll 1`] = `"
[{"field":"category","operator":"in","value":["apparel"]}]
"`; diff --git a/packages/core/__snapshots__/src__components__form__form.test.tsx.snap b/packages/core/__snapshots__/src__components__form__form.test.tsx.snap index dcaa909e0..53bc3c3e2 100644 --- a/packages/core/__snapshots__/src__components__form__form.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__form__form.test.tsx.snap @@ -1,6 +1,6 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Form > snapshots > basic form with a field 1`] = `"
"`; +exports[`Form > snapshots > basic form with a field 1`] = `"
"`; exports[`Form > snapshots > form with custom className 1`] = `"
Content
"`; diff --git a/packages/core/__snapshots__/src__components__input__input.test.tsx.snap b/packages/core/__snapshots__/src__components__input__input.test.tsx.snap index ad30b2e2d..5c3addf05 100644 --- a/packages/core/__snapshots__/src__components__input__input.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__input__input.test.tsx.snap @@ -1,13 +1,13 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Input > snapshots > default text input 1`] = `""`; +exports[`Input > snapshots > default text input 1`] = `""`; -exports[`Input > snapshots > disabled input 1`] = `""`; +exports[`Input > snapshots > disabled input 1`] = `""`; -exports[`Input > snapshots > email input 1`] = `""`; +exports[`Input > snapshots > email input 1`] = `""`; -exports[`Input > snapshots > file input 1`] = `""`; +exports[`Input > snapshots > file input 1`] = `""`; -exports[`Input > snapshots > password input 1`] = `""`; +exports[`Input > snapshots > password input 1`] = `""`; -exports[`Input > snapshots > with custom className 1`] = `""`; +exports[`Input > snapshots > with custom className 1`] = `""`; diff --git a/packages/core/__snapshots__/src__components__layout__Layout.test.tsx.snap b/packages/core/__snapshots__/src__components__layout__Layout.test.tsx.snap index 4a5619faf..fbd1a64cb 100644 --- a/packages/core/__snapshots__/src__components__layout__Layout.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__layout__Layout.test.tsx.snap @@ -12,10 +12,10 @@ exports[`Layout > snapshots > 3-column area-based layout 1`] = `"
Left
Center
Right
"`; -exports[`Layout > snapshots > Layout.Header with title 1`] = `"

Page Title

Content
"`; +exports[`Layout > snapshots > Layout.Header with title 1`] = `"

Page Title

Content
"`; -exports[`Layout > snapshots > Layout.Header with title, actions, and children 1`] = `"

Edit

Tabs
Content
"`; +exports[`Layout > snapshots > Layout.Header with title, actions, and children 1`] = `"

Edit

Tabs
Content
"`; exports[`Layout > snapshots > className passthrough 1`] = `"
Content
"`; -exports[`Layout > snapshots > legacy title and actions props 1`] = `"

Legacy Title

Content
"`; +exports[`Layout > snapshots > legacy title and actions props 1`] = `"

Legacy Title

Content
"`; diff --git a/packages/core/__snapshots__/src__components__menu__menu.test.tsx.snap b/packages/core/__snapshots__/src__components__menu__menu.test.tsx.snap index 8577e5238..ae1941530 100644 --- a/packages/core/__snapshots__/src__components__menu__menu.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__menu__menu.test.tsx.snap @@ -2,14 +2,14 @@ exports[`Menu > snapshots > closed menu (trigger only) 1`] = `""`; -exports[`Menu > snapshots > open menu with items 1`] = `"
"`; +exports[`Menu > snapshots > open menu with items 1`] = `"
"`; -exports[`Menu > snapshots > with checkbox items 1`] = `"
"`; +exports[`Menu > snapshots > with checkbox items 1`] = `"
"`; -exports[`Menu > snapshots > with disabled item 1`] = `"
"`; +exports[`Menu > snapshots > with disabled item 1`] = `"
"`; -exports[`Menu > snapshots > with groups and group labels 1`] = `"
"`; +exports[`Menu > snapshots > with groups and group labels 1`] = `"
"`; -exports[`Menu > snapshots > with radio group 1`] = `"
"`; +exports[`Menu > snapshots > with radio group 1`] = `"
"`; exports[`Menu > snapshots > with submenu 1`] = `""`; diff --git a/packages/core/__snapshots__/src__components__select__select-standalone.test.tsx.snap b/packages/core/__snapshots__/src__components__select__select-standalone.test.tsx.snap index 53f2eb55a..d580063fe 100644 --- a/packages/core/__snapshots__/src__components__select__select-standalone.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__select__select-standalone.test.tsx.snap @@ -1,9 +1,9 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Select (standalone) > snapshots > default with string items 1`] = `"
"`; +exports[`Select (standalone) > snapshots > default with string items 1`] = `"
"`; -exports[`Select (standalone) > snapshots > disabled 1`] = `"
"`; +exports[`Select (standalone) > snapshots > disabled 1`] = `"
"`; -exports[`Select (standalone) > snapshots > multiple mode 1`] = `"
"`; +exports[`Select (standalone) > snapshots > multiple mode 1`] = `"
"`; -exports[`Select (standalone) > snapshots > with custom mapItem 1`] = `"
"`; +exports[`Select (standalone) > snapshots > with custom mapItem 1`] = `"
"`; diff --git a/packages/core/__snapshots__/src__components__select__select.test.tsx.snap b/packages/core/__snapshots__/src__components__select__select.test.tsx.snap index 1f515f07d..22fab4578 100644 --- a/packages/core/__snapshots__/src__components__select__select.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__select__select.test.tsx.snap @@ -1,11 +1,11 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Select > snapshots > closed select with placeholder 1`] = `""`; +exports[`Select > snapshots > closed select with placeholder 1`] = `""`; -exports[`Select > snapshots > disabled item 1`] = `"
Apple
Banana
"`; +exports[`Select > snapshots > disabled item 1`] = `"
Apple
Banana
"`; -exports[`Select > snapshots > disabled select 1`] = `""`; +exports[`Select > snapshots > disabled select 1`] = `""`; -exports[`Select > snapshots > open select 1`] = `"
Apple
Banana
"`; +exports[`Select > snapshots > open select 1`] = `"
Apple
Banana
"`; -exports[`Select > snapshots > with groups and separator 1`] = `"
Apple
Carrot
"`; +exports[`Select > snapshots > with groups and separator 1`] = `"
Apple
Carrot
"`; diff --git a/packages/core/__snapshots__/src__components__sheet__sheet.test.tsx.snap b/packages/core/__snapshots__/src__components__sheet__sheet.test.tsx.snap index 10e75cc78..b5c144936 100644 --- a/packages/core/__snapshots__/src__components__sheet__sheet.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__sheet__sheet.test.tsx.snap @@ -2,10 +2,10 @@ exports[`Sheet > snapshots > closed sheet (trigger only) 1`] = `""`; -exports[`Sheet > snapshots > open non-modal sheet without backdrop 1`] = `"
"`; +exports[`Sheet > snapshots > open non-modal sheet without backdrop 1`] = `"
"`; -exports[`Sheet > snapshots > open sheet (left side) 1`] = `"
"`; +exports[`Sheet > snapshots > open sheet (left side) 1`] = `"
"`; -exports[`Sheet > snapshots > open sheet (right side, default) 1`] = `"
"`; +exports[`Sheet > snapshots > open sheet (right side, default) 1`] = `"
"`; -exports[`Sheet > snapshots > open sheet with header and footer 1`] = `"
"`; +exports[`Sheet > snapshots > open sheet with header and footer 1`] = `"
"`; diff --git a/packages/core/__snapshots__/src__components__table__table.test.tsx.snap b/packages/core/__snapshots__/src__components__table__table.test.tsx.snap index 6905bf962..7764821c2 100644 --- a/packages/core/__snapshots__/src__components__table__table.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__table__table.test.tsx.snap @@ -1,11 +1,11 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Table > snapshots > basic table with header and body 1`] = `"
NameStatus
Item 1Active
"`; +exports[`Table > snapshots > basic table with header and body 1`] = `"
NameStatus
Item 1Active
"`; -exports[`Table > snapshots > empty table 1`] = `"
NameStatus
"`; +exports[`Table > snapshots > empty table 1`] = `"
NameStatus
"`; -exports[`Table > snapshots > table with caption 1`] = `"
A list of items
Name
Item
"`; +exports[`Table > snapshots > table with caption 1`] = `"
A list of items
Name
Item
"`; -exports[`Table > snapshots > table with containerClassName 1`] = `"
Name
Item
"`; +exports[`Table > snapshots > table with containerClassName 1`] = `"
Name
Item
"`; -exports[`Table > snapshots > table with footer 1`] = `"
ProductPrice
Widget$10
Total$10
"`; +exports[`Table > snapshots > table with footer 1`] = `"
ProductPrice
Widget$10
Total$10
"`; diff --git a/packages/core/__snapshots__/src__components__tabs__tabs.test.tsx.snap b/packages/core/__snapshots__/src__components__tabs__tabs.test.tsx.snap index ef1322123..6aa49e275 100644 --- a/packages/core/__snapshots__/src__components__tabs__tabs.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__tabs__tabs.test.tsx.snap @@ -1,19 +1,19 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Tabs > snapshots > capsule variant 1`] = `"
Content 1
"`; +exports[`Tabs > snapshots > capsule variant 1`] = `"
Content 1
"`; -exports[`Tabs > snapshots > capsule variant with icon-only tabs (square) 1`] = `"
Table content
"`; +exports[`Tabs > snapshots > capsule variant with icon-only tabs (square) 1`] = `"
Table content
"`; -exports[`Tabs > snapshots > capsule variant with lg size 1`] = `"
Content 1
"`; +exports[`Tabs > snapshots > capsule variant with lg size 1`] = `"
Content 1
"`; -exports[`Tabs > snapshots > capsule variant with sm size 1`] = `"
Content 1
"`; +exports[`Tabs > snapshots > capsule variant with sm size 1`] = `"
Content 1
"`; -exports[`Tabs > snapshots > capsule variant with xs size 1`] = `"
Content 1
"`; +exports[`Tabs > snapshots > capsule variant with xs size 1`] = `"
Content 1
"`; -exports[`Tabs > snapshots > default tabs 1`] = `"
Content 1
"`; +exports[`Tabs > snapshots > default tabs 1`] = `"
Content 1
"`; -exports[`Tabs > snapshots > line variant 1`] = `"
Content 1
"`; +exports[`Tabs > snapshots > line variant 1`] = `"
Content 1
"`; -exports[`Tabs > snapshots > tabs with disabled tab 1`] = `"
Content 1
"`; +exports[`Tabs > snapshots > tabs with disabled tab 1`] = `"
Content 1
"`; -exports[`Tabs > snapshots > tabs with three tabs 1`] = `"
Overview content
"`; +exports[`Tabs > snapshots > tabs with three tabs 1`] = `"
Overview content
"`; diff --git a/packages/core/__snapshots__/src__components__toolbar__toolbar.test.tsx.snap b/packages/core/__snapshots__/src__components__toolbar__toolbar.test.tsx.snap index 8534f44c3..e2b379276 100644 --- a/packages/core/__snapshots__/src__components__toolbar__toolbar.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__toolbar__toolbar.test.tsx.snap @@ -1,3 +1,3 @@ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html -exports[`Toolbar > renders grouped controls and a separator 1`] = `"
"`; +exports[`Toolbar > renders grouped controls and a separator 1`] = `"
"`; diff --git a/packages/core/__snapshots__/src__components__tooltip__tooltip.test.tsx.snap b/packages/core/__snapshots__/src__components__tooltip__tooltip.test.tsx.snap index 0e5630b8b..78330a289 100644 --- a/packages/core/__snapshots__/src__components__tooltip__tooltip.test.tsx.snap +++ b/packages/core/__snapshots__/src__components__tooltip__tooltip.test.tsx.snap @@ -2,6 +2,6 @@ exports[`Tooltip > snapshots > closed tooltip (trigger only) 1`] = `""`; -exports[`Tooltip > snapshots > open tooltip 1`] = `"
Helpful information
"`; +exports[`Tooltip > snapshots > open tooltip 1`] = `"
Helpful information
"`; exports[`Tooltip > snapshots > tooltip with provider 1`] = `""`; diff --git a/packages/core/src/components/action-panel/ActionPanel.tsx b/packages/core/src/components/action-panel/ActionPanel.tsx index 1883f6b57..10deea912 100644 --- a/packages/core/src/components/action-panel/ActionPanel.tsx +++ b/packages/core/src/components/action-panel/ActionPanel.tsx @@ -12,7 +12,7 @@ const iconSlotClasses = "astw:flex astw:size-4 astw:items-center astw:justify-ce const actionRowBaseClasses = cn( "astw:flex astw:items-center astw:gap-2 astw:w-full astw:rounded-md astw:px-3 astw:py-2", - "astw:text-sm astw:font-medium astw:transition-colors astw:border astw:border-transparent", + "astw:text-label-md astw:transition-colors astw:border astw:border-transparent", "astw:bg-transparent astw:text-left astw:cursor-pointer astw:[&_svg]:size-4 astw:[&_svg]:shrink-0", ); @@ -115,7 +115,7 @@ export function ActionPanel({ title, actions, className }: ActionPanelProps) { {actions.length === 0 ? ( -

+

No actions available

) : ( diff --git a/packages/core/src/components/activity-card/ActivityCard.tsx b/packages/core/src/components/activity-card/ActivityCard.tsx index c6f3ed7fc..acc6dc89b 100644 --- a/packages/core/src/components/activity-card/ActivityCard.tsx +++ b/packages/core/src/components/activity-card/ActivityCard.tsx @@ -102,9 +102,7 @@ function Root({ > {title != null && (
-

- {title} -

+

{title}

)} {children} @@ -126,7 +124,7 @@ function renderSection( return (
{dayLabel != null && ( -

+

{dayLabel}

)} @@ -212,7 +210,7 @@ function Items({ children }: ActivityCardItemsPr
{visible.length === 0 ? ( -

No activities yet

+

No activities yet

) : ( renderList(visible, children, groupBy) )} @@ -222,7 +220,7 @@ function Items({ children }: ActivityCardItemsPr diff --git a/packages/core/src/components/activity-card/standalone.tsx b/packages/core/src/components/activity-card/standalone.tsx index e74a9685d..af148da4a 100644 --- a/packages/core/src/components/activity-card/standalone.tsx +++ b/packages/core/src/components/activity-card/standalone.tsx @@ -44,12 +44,12 @@ function ActivityCardStandalone({ ) : undefined } > -

+

{actorName ? {actorName} : null} {actorName ? " " : null} {item.description}

-

+

{formatTimestamp(item.timestamp)}

diff --git a/packages/core/src/components/ai-chat/chain-of-thought.tsx b/packages/core/src/components/ai-chat/chain-of-thought.tsx index 5f366cbfd..bb848b93c 100644 --- a/packages/core/src/components/ai-chat/chain-of-thought.tsx +++ b/packages/core/src/components/ai-chat/chain-of-thought.tsx @@ -99,7 +99,7 @@ function ChainOfThoughtStep({ return (
@@ -131,7 +131,7 @@ function ChainOfThoughtStep({ )} >

{label}

- {description ?

{description}

: null} + {description ?

{description}

: null} {children}
@@ -162,7 +162,7 @@ function ChainOfThoughtSearchResult({ children, }: ChainOfThoughtSearchResultProps) { return ( - + {children} ); diff --git a/packages/core/src/components/ai-chat/chat-history.tsx b/packages/core/src/components/ai-chat/chat-history.tsx index 2022f5223..ea4259ceb 100644 --- a/packages/core/src/components/ai-chat/chat-history.tsx +++ b/packages/core/src/components/ai-chat/chat-history.tsx @@ -49,7 +49,7 @@ function ChatHistory({ .filter((group) => group.items.length > 0) .map((group) => (
-
+
{group.title}
{group.items.map((item) => { @@ -66,7 +66,7 @@ function ChatHistory({ type="button" onClick={() => onSelect?.(item.id)} className={cn( - "astw:flex astw:min-w-0 astw:flex-1 astw:items-center astw:gap-2 astw:px-2 astw:py-1.5 astw:text-left astw:text-sm", + "astw:flex astw:min-w-0 astw:flex-1 astw:items-center astw:gap-2 astw:px-2 astw:py-1.5 astw:text-left astw:text-body-md", active ? "astw:font-medium astw:text-foreground" : "astw:text-muted-foreground astw:group-hover:text-foreground", diff --git a/packages/core/src/components/ai-chat/conversation.tsx b/packages/core/src/components/ai-chat/conversation.tsx index 51295930c..942c311f1 100644 --- a/packages/core/src/components/ai-chat/conversation.tsx +++ b/packages/core/src/components/ai-chat/conversation.tsx @@ -177,9 +177,9 @@ function ConversationEmptyState({ {icon} {title == null && description == null ? null : (
- {title ?

{title}

: null} + {title ?

{title}

: null} {description ? ( -

{description}

+

{description}

) : null}
)} diff --git a/packages/core/src/components/ai-chat/disclosure.tsx b/packages/core/src/components/ai-chat/disclosure.tsx index 2fb8650fe..62d8c6d14 100644 --- a/packages/core/src/components/ai-chat/disclosure.tsx +++ b/packages/core/src/components/ai-chat/disclosure.tsx @@ -41,7 +41,7 @@ function DisclosureTrigger({ className, children, ...props }: DisclosureTriggerP -
+
{icon === undefined ? ( ) : ( diff --git a/packages/core/src/components/ai-chat/message.tsx b/packages/core/src/components/ai-chat/message.tsx index db1833a25..d46f539a3 100644 --- a/packages/core/src/components/ai-chat/message.tsx +++ b/packages/core/src/components/ai-chat/message.tsx @@ -26,7 +26,7 @@ function Message({ className, from, children, ...props }: MessageProps) {
, "child function ReasoningContent({ children, className, ...props }: ReasoningContentProps) { return ( {children} diff --git a/packages/core/src/components/ai-chat/response.tsx b/packages/core/src/components/ai-chat/response.tsx index bc69e8da1..1a43df36b 100644 --- a/packages/core/src/components/ai-chat/response.tsx +++ b/packages/core/src/components/ai-chat/response.tsx @@ -37,7 +37,7 @@ function renderInline(text: string): ReactNode[] { tokens.push( {token.slice(1, -1)} , diff --git a/packages/core/src/components/ai-chat/sources.tsx b/packages/core/src/components/ai-chat/sources.tsx index 90e482877..568bf303b 100644 --- a/packages/core/src/components/ai-chat/sources.tsx +++ b/packages/core/src/components/ai-chat/sources.tsx @@ -34,7 +34,7 @@ type SourcesProps = Omit, "children"> & { function Sources({ className, children, ...props }: SourcesProps) { return ( {children} @@ -64,7 +64,7 @@ function SourcesContent({ className, ...props }: SourcesContentProps) { return ( - + {STATUS_ICONS[state]} {labelKey ? t(labelKey) : {t("aiChatToolDone")}} @@ -115,7 +115,7 @@ function ToolContent({ className, ...props }: ToolContentProps) { function JsonBlock({ value }: { value: unknown }) { const text = typeof value === "string" ? value : JSON.stringify(value, null, 2); return ( - 
+    
       {text}
     

   );
@@ -128,7 +128,7 @@ function ToolInput({ input, className, ...props }: ToolInputProps) {
 
   return (
     

-      

+      

         {t("aiChatToolParameters")}
       

       
@@ -149,7 +149,7 @@ function ToolOutput({ output, errorText, className, ...props }: ToolOutputProps)
     

       

diff --git a/packages/core/src/components/alert/alert.tsx b/packages/core/src/components/alert/alert.tsx
index f39860656..c188213fb 100644
--- a/packages/core/src/components/alert/alert.tsx
+++ b/packages/core/src/components/alert/alert.tsx
@@ -11,7 +11,7 @@ import {
 import { cn } from "../../lib/utils";
 
 const alertVariants = cva(
-  "astw:relative astw:w-full astw:rounded-lg astw:border astw:px-4 astw:py-3 astw:text-sm astw:grid astw:grid-cols-[calc(var(--spacing)*4.5)_1fr_auto] astw:gap-x-3 astw:gap-y-0.5 astw:items-start astw:[&>svg]:size-[17.5px] astw:[&>svg]:self-center astw:[&>svg]:shrink-0 astw:[&>svg]:text-current",
+  "astw:relative astw:w-full astw:rounded-lg astw:border astw:px-4 astw:py-3 astw:text-body-md astw:grid astw:grid-cols-[calc(var(--spacing)*4.5)_1fr_auto] astw:gap-x-3 astw:gap-y-0.5 astw:items-start astw:[&>svg]:size-[17.5px] astw:[&>svg]:self-center astw:[&>svg]:shrink-0 astw:[&>svg]:text-current",
   {
     variants: {
       /** Visual style and automatic icon */
@@ -124,7 +124,7 @@ function Description({ className, ...props }: React.ComponentProps<"div">) {
     
 {
     return (
       

         

-          

+          

             Configuration Error
           

-          
{errorMessage}

+          
{errorMessage}

         

       

     );
diff --git a/packages/core/src/components/attachment/Attachment.tsx b/packages/core/src/components/attachment/Attachment.tsx
index 0f9a89aa4..79956251b 100644
--- a/packages/core/src/components/attachment/Attachment.tsx
+++ b/packages/core/src/components/attachment/Attachment.tsx
@@ -170,7 +170,7 @@ export function Attachment({
                           aria-hidden
                           data-testid="attachment-image-fallback-icon"
                         />
-                        

+                        

                           
                             {baseName}
                           
@@ -192,7 +192,7 @@ export function Attachment({
                       aria-hidden
                       data-testid="attachment-file-icon"
                     />
-                    

+                    

                       
                         {baseName}
                       
@@ -242,13 +242,9 @@ export function Attachment({
                 aria-hidden
               />
               

-                

-                  {uploadLabel}
-                

+                
{uploadLabel}

                 {uploadHint ? (
-                  

-                    {uploadHint}
-                  

+                  
{uploadHint}

                 ) : null}
               

             
diff --git a/packages/core/src/components/autocomplete/autocomplete.tsx b/packages/core/src/components/autocomplete/autocomplete.tsx
index 855c6ba0d..a7843dfca 100644
--- a/packages/core/src/components/autocomplete/autocomplete.tsx
+++ b/packages/core/src/components/autocomplete/autocomplete.tsx
@@ -55,7 +55,7 @@ function AutocompleteInput({
     
           
             +{overflow.length}
           
diff --git a/packages/core/src/components/badge/badge.tsx b/packages/core/src/components/badge/badge.tsx
index 5aefe2b94..7c716d8fe 100644
--- a/packages/core/src/components/badge/badge.tsx
+++ b/packages/core/src/components/badge/badge.tsx
@@ -3,7 +3,7 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "../../lib/utils";
 
 const badgeVariants = cva(
-  "astw:inline-flex astw:cursor-default astw:items-center astw:rounded-md astw:border astw:px-2 astw:py-0.5 astw:text-xs astw:font-medium astw:transition-colors astw:focus:outline-none astw:focus:ring-2 astw:focus:ring-ring astw:focus:ring-offset-2",
+  "astw:inline-flex astw:cursor-default astw:items-center astw:rounded-md astw:border astw:px-2 astw:py-0.5 astw:text-label-sm astw:transition-colors astw:focus:outline-none astw:focus:ring-2 astw:focus:ring-ring astw:focus:ring-offset-2",
   {
     variants: {
       /** Visual style variant */
diff --git a/packages/core/src/components/button/button.tsx b/packages/core/src/components/button/button.tsx
index 070342df3..b5cc5652f 100644
--- a/packages/core/src/components/button/button.tsx
+++ b/packages/core/src/components/button/button.tsx
@@ -6,7 +6,7 @@ import { cn } from "@/lib/utils";
 import { mergeRefs, useToolbarItem } from "../toolbar/toolbar";
 
 const buttonVariants = cva(
-  "astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:gap-2 astw:whitespace-nowrap astw:rounded-md astw:text-sm astw:font-medium astw:transition-all astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:[&_svg]:pointer-events-none astw:[&_svg:not([class*='size-'])]:size-4 astw:shrink-0 astw:[&_svg]:shrink-0 astw:outline-none astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px] astw:aria-invalid:ring-danger-solid/20 astw:dark:aria-invalid:ring-danger-solid/40 astw:aria-invalid:border-danger-solid",
+  "astw:inline-flex astw:cursor-pointer astw:items-center astw:justify-center astw:gap-2 astw:whitespace-nowrap astw:rounded-md astw:text-label-md astw:transition-all astw:disabled:pointer-events-none astw:disabled:opacity-50 astw:[&_svg]:pointer-events-none astw:[&_svg:not([class*='size-'])]:size-4 astw:shrink-0 astw:[&_svg]:shrink-0 astw:outline-none astw:focus-visible:border-ring astw:focus-visible:ring-ring/50 astw:focus-visible:ring-[3px] astw:aria-invalid:ring-danger-solid/20 astw:dark:aria-invalid:ring-danger-solid/40 astw:aria-invalid:border-danger-solid",
   {
     variants: {
       /** Visual style variant */
@@ -25,7 +25,7 @@ const buttonVariants = cva(
       /** Button size */
       size: {
         default: "astw:h-9 astw:px-4 astw:py-2 astw:has-[>svg]:px-3",
-        xs: "astw:h-7 astw:rounded-md astw:gap-1 astw:px-2.5 astw:text-xs astw:has-[>svg]:px-1.5",
+        xs: "astw:h-7 astw:rounded-md astw:gap-1 astw:px-2.5 astw:text-label-sm astw:has-[>svg]:px-1.5",
         sm: "astw:h-8 astw:rounded-md astw:gap-1.5 astw:px-3 astw:has-[>svg]:px-2.5",
         lg: "astw:h-10 astw:rounded-md astw:px-6 astw:has-[>svg]:px-4",
         icon: "astw:size-9",
diff --git a/packages/core/src/components/calendar/calendar-view.tsx b/packages/core/src/components/calendar/calendar-view.tsx
index 3f7d3df35..a30585b25 100644
--- a/packages/core/src/components/calendar/calendar-view.tsx
+++ b/packages/core/src/components/calendar/calendar-view.tsx
@@ -19,7 +19,7 @@ import type { CalendarDay, CalendarViewState } from "./use-calendar-base-state";
 // arbitrary variants match attribute presence) — the same contract the
 // react-aria implementation uses, so the visual identity is identical.
 const calendarCellVariants = cva(
-  "astw:flex astw:size-9 astw:cursor-pointer astw:items-center astw:justify-center astw:rounded-md astw:text-sm",
+  "astw:flex astw:size-9 astw:cursor-pointer astw:items-center astw:justify-center astw:rounded-md astw:text-body-md",
   {
     variants: {
       state: {
@@ -161,11 +161,7 @@ export function CalendarView({
         >
           
         
-        
+        
           {state.title}
         
         
@@ -715,7 +715,7 @@ export function CommandPaletteContent({ navItems, extraRoutes = [] }: CommandPal
               {/* Search results (search mode only) */}
               {activeSearchSource && searchResults.length > 0 && (
                 <>
-                  

+                  

                     {activeSearchSource.title}
                   

                   {searchResults.map((result, index) => (
@@ -744,7 +744,7 @@ export function CommandPaletteContent({ navItems, extraRoutes = [] }: CommandPal
                         {result.label}
                       
                       {result.description && (
-                        
+                        
                           {result.description}
                         
                       )}
@@ -756,7 +756,7 @@ export function CommandPaletteContent({ navItems, extraRoutes = [] }: CommandPal
           )}
           {/* Searching indicator */}
           {isSearching && (
-            

+            

               
               {t("commandPaletteSearching")}
             

diff --git a/packages/core/src/components/csv-importer/CsvImporter.tsx b/packages/core/src/components/csv-importer/CsvImporter.tsx
index bd2242393..45338d0df 100644
--- a/packages/core/src/components/csv-importer/CsvImporter.tsx
+++ b/packages/core/src/components/csv-importer/CsvImporter.tsx
@@ -144,8 +144,8 @@ function UploadStep({
       >
         
         

-          
{t("uploadButton")}

-          
CSV (max {maxSizeMB}MB)

+          
{t("uploadButton")}

+          
CSV (max {maxSizeMB}MB)

         

         
       
       {error && (
-        

+        

           
           {error}
         

       )}