feat: SDS-16041 Tree and list view update

[mrcjhicks]

Token updates from Spectrum Tokens Studio Data

Original implementer: @larz0

Source PR: #303 SDS-16041 Tree and list view update

Automated sync via: GitHub Actions run

Source description

Description

Added:

• vertical-align-items: center

• stack-item-minimum-padding-vertical: 8px (desktop), 10px (mobile)

• stack-item-item-to-item: 0px

• stack-item-selected-background-color-highlight: accent-background-color-default

• stack-item-selected-background-opacity-highlight: 0.1

• stack-item-selected-background-opacity-highlight-hover: 0.15

Updated:

• stack-item-selected-background-color-down: gray-300

Motivation and context

"Highlight selection is a visual treatment used in components (like list views, tables, or tree views) to indicate that an item is selected, without relying on checkboxes or radio buttons. It’s helpful when we want to avoid clutter or don’t want users interacting with extra controls like checkboxes."

Related issue

SDS-15961

Types of changes

Patch (bug fixes, typos, mistakes; non-breaking change which fixes an issue)

Minor (add a new token, changing a value, deprecating a token; non-breaking change which adds functionality)

Major (deleting a token, changing token value type, renaming a token by deprecating the old one; fix or feature that would cause existing functionality to change)

Checklist:

I have signed the [Adobe Open Source CLA](https://opensource.adobe.com/cla.html).

I updated the token in all applicable sets. This applies if updating, adding, or deleting a token that has data across different sets (for example, if the value differs across color themes.)

---

Created by Action: https://github.com/adobe/spectrum-tokens-studio-data/actions/runs/25693170330

[changeset-bot]

🦋 Changeset detected

Latest commit: fae9b2d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 6 packages

Name	Type
@adobe/spectrum-tokens	Minor
s2-tokens-viewer	Patch
markdown-generator	Patch
@adobe/spectrum-design-data-mcp	Patch
token-csv-generator	Patch
token-mapping-analyzer	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

🎨 Token Changes Report

Tokens Changed (8)

Original Branch: main
New Branch: tokens-sync/patch-spectrum2-from-main

Newly "Un-deprecated" (1)

• stack-item-item-to-item

Added (5)

• stack-item-selected-background-opacity-highlight
• stack-item-selected-background-opacity-highlight-hover
• vertical-align-items
• stack-item-minimum-padding-vertical
• stack-item-selected-background-color-highlight

Updated (2)

Updated Properties (2)

• stack-item-item-to-item
  • value: -1px -> 0px
• stack-item-selected-background-color-down
  • value: {gray-200} -> {gray-300}

---

This comment was automatically generated by the token diff tool. 🤖

[GarthDB]

Run report for 61dad838

Total time: 1m 26s | Comparison time: 2m 46s | Estimated savings: 1m 19s (48.2% faster)

	Action	Time	Status	Info
⬛️	SetupProto(0.51.4)	0ms	Skipped
🟩	SyncWorkspace	7.3ms	Passed
🟩	SyncProject(sdk)	0.4ms	Passed
🟩	SyncProject(tokens)	0.6ms	Passed
🟩	SyncProject(viewer)	0.3ms	Passed
🟩	SyncProject(markdown-generator)	0.4ms	Passed
🟩	SyncProject(site)	0.4ms	Passed
🟩	RunTask(site:copySpec)	995.2ms	Passed
⬛️	SetupToolchain(node:20.17.0)	2.1s	Skipped
🟩	SetupToolchain(rust:1.85.0)	16.7s	Passed
🟩	InstallProjectDeps(node:20.17.0, sdk)	14.8s	Passed
🟩	RunTask(sdk:codegen-check)	166.3ms	Passed
🟩	InstallWorkspaceDeps(node:20.17.0)	15.3s	Passed
🟩	InstallWorkspaceDeps(rust:1.85.0, sdk)	795.2ms	Passed
🟩	RunTask(tokens:buildManifest)	398.9ms	Passed
🟩	RunTask(site:generateToolsPage)	853.2ms	Passed
🟩	RunTask(design-system-registry:test)	1.7s	Passed
🟩	RunTask(component-schemas:test)	3.3s	Passed
🟩	RunTask(sdk:build)	57.6s	Passed
🟩	RunTask(tokens:verifyLegacyRoundtrip)	758.1ms	Passed
	And 11 more...

Expanded report

	Action	Time	Status	Info
🟥	RunTask(tokens:verifyDesignDataSnapshot)	1.1s	Failed
🟥	RunTask(tokens:validateDesignData)	1.2s	Failed
🟩	RunTask(tokens:buildTokens)	1m 5s	Passed
⬛️	RunTask(tokens:test)	0.2ms	Skipped
🟩	RunTask(tokens:build)	14ms	Passed
🟩	RunTask(viewer:prepare)	96.2ms	Passed
🟩	RunTask(viewer:export)	60.2ms	Passed
🟩	RunTask(markdown-generator:generate)	307.8ms	Passed
🟩	RunTask(site:copyContent)	76.7ms	Passed
🟩	RunTask(site:build)	2.9s	Passed
🟩	RunTask(site:export)	8ms	Passed

Touched files

packages/tokens/src/color-aliases.json
packages/tokens/src/color-component.json
packages/tokens/src/layout-component.json