[vvaliyev]

Description

Adds the internal Style API v2 to Tabs: tabsHeader, tab (a class name or a function of the tab), tabLink, content, dismissButton forwards to Button.root. No container slot: a styled Container around a default-variant Tabs covers that case.

Default rendering is unchanged.

The style-docs snapshot and the VR registration of the dev page follow in one PR for all components.

Tracker section: P3d34KdbCd6o.

Related links, issue #, if available: n/a

How has this been tested?

Unit tests for every slot and forward, dev page tabs/style-api-v2, build and lint green.

Review checklist

The following items are to be evaluated by the author(s) and the reviewer(s).

Correctness

• Changes include appropriate documentation updates.
• Changes are backward-compatible if not indicated, see CONTRIBUTING.md.
• Changes do not include unsupported browser features, see CONTRIBUTING.md.
• Changes were manually tested for accessibility, see accessibility guidelines.

Security

• If the code handles URLs: all URLs are validated through the checkSafeUrl function.

Testing

• Changes are covered with new/existing unit tests?
• Changes are covered with new/existing integration tests?

---

By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 97.84%. Comparing base (d25043b) to head (32c4ae0).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #5256   +/-   ##
=======================================
  Coverage   97.83%   97.84%           
=======================================
  Files        1008     1008           
  Lines       32590    32593    +3     
  Branches    12098    12104    +6     
=======================================
+ Hits        31886    31889    +3     
+ Misses        698      663   -35     
- Partials        6       41   +35     

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Copilot]

🟢 Approval recommended

No active review issues are reported for the tab styling update.

No open issues 🎉

What changed in this PR

Moves default tab colors and typography to the tab container so future container-level styles can reach labels in every state, while keeping style.tab styling on the link.

Changes:

• Makes tab links inherit container typography and state colors while preserving action and dismiss styling.
• Adds tests confirming where style.tab, indicator, and separator styles are applied.
• Adds disabled-tab examples with text actions and dismiss buttons.

File	Description
src/​tabs/​tab-header-bar.scss	Moves default typography and state colors to containers, preserving link-level overrides.
src/​tabs/​__tests__/​tabs.test.tsx	Tests link and container style placement and padding passthrough.
pages/​tabs/​actions.page.tsx	Adds disabled tabs with text actions and dismiss buttons.

_{Review effort: Balanced}

[Copilot]

🟡 Changes recommended

Two-value padding customizations generate invalid longhand values and lose tab padding, while the hover rule overrides disabled-tab colors.

2 open issues

• Prevent hover styles from overriding disabled tab colors · New
• Use padding shorthands for two-value customizations · New

_{Review effort: Balanced}

[Copilot]

🟡 Changes recommended

The styled-tab selections use local state instead of the required AppContext URL parameters, so they are lost on reload and cannot be shared via links or directly targeted by integration tests.

1 open issue

• Persist active tab selections in URL parameters · New

2 resolved since last review

• Use padding shorthands for two-value customizations
• Prevent hover styles from overriding disabled tab colors

_{Review effort: Balanced}