feat(tabs): add size="sm" variant

[mattrothenberg]

Summary

• Adds size prop to Tabs with "base" (default) and "sm" options
• size="sm" uses h-6.5 (26px) for both segmented and underline variants, matching Input size="sm" for aligned toolbars
• Adds TabsSmDemo to Tabs doc page and LayerCardFilterSubrequestsDemo to LayerCard doc page showing Tabs sm + Input sm side-by-side in a filter toolbar

• Reviews
• bonk has reviewed the change
• automated review not possible because: new feature needs visual review
• Tests
• Additional testing not necessary because: additive prop with no logic changes to existing behavior

[mattrothenberg]

/bonk review

[ask-bonk]

Code review complete. Implementation follows all project conventions:

• ✅ Proper KUMO_TABS_VARIANTS/KUMO_TABS_DEFAULT_VARIANTS exports
• ✅ Semantic tokens throughout (no raw colors, no dark: prefixes)
• ✅ h-6.5 height matches Input size="sm" for toolbar alignment
• ✅ Both segmented and underline variants supported
• ✅ Demos properly named and documented
• ✅ Changeset correctly marked as minor

LGTM!

[ask-bonk]

Posted approval on PR #499. The implementation is solid and ready to merge.

github run

[pkg-pr-new]

npm i https://pkg.pr.new/@cloudflare/kumo@499

commit: 9eed9e1

[github-actions]

Docs Preview

View docs preview

Commit: 1a47d35

[github-actions]

Visual Regression Report — 11 changed, 27 unchanged

11 screenshot(s) with visual changes:

Button / Basic

264 px (0.26%) changed

Before	After	Diff

Button / Loading State

5 px (0%) changed

Before	After	Diff

Dialog (Open)

0 px (0%) changed

Before	After	Diff

Select / Select Sizes

170 px (0.09%) changed

Before	After	Diff

Select / Select Without Label

105 px (0.1%) changed

Before	After	Diff

Select / Select With Field

635 px (0.54%) changed

Before	After	Diff

Select / Select Placeholder

418 px (0.41%) changed

Before	After	Diff

Select / Select Loading

0 px (0%) changed

Before	After	Diff

Select / Select Multiple

801 px (0.79%) changed

Before	After	Diff

Select / Select Grouped

407 px (0.4%) changed

Before	After	Diff

Select (Open)

538 px (0%) changed

Before	After	Diff

27 screenshot(s) unchanged

• Button / Variant: Primary
• Button / Variant: Secondary
• Button / Variant: Ghost
• Button / Variant: Destructive
• Button / Variant: Outline
• Button / Variant: Secondary Destructive
• Button / Sizes
• Button / With Icon
• Button / Icon Only
• Button / Disabled State
• Button / Title
• Button / Link as Button
• Dialog / Dialog With Actions
• Dialog / Dialog Basic
• Dialog / Dialog Alert
• Dialog / Dialog Confirmation
• Dialog / Dialog With Select
• Dialog / Dialog With Combobox
• Dialog / Dialog With Dropdown
• Select / Select Basic
• Select / Select With Tooltip
• Select / Select Custom Rendering
• Select / Select Complex
• Select / Select Disabled Options
• Select / Select Disabled Items
• Select / Select Grouped With Disabled
• Select / Select Long List

---

Generated by Kumo Visual Regression

[najlaskr]

looks great to me! just suggesting a few smol changes to the underline variant to mimic the targeted touch targets