SDS-16041 Tree and list view update

[larz0]

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.)

[mrcjhicks]

TESTING spectrum2

READING spectrum-design-data: /spectrum-design-data/packages/tokens/src/
READING tokens studio: /spectrum-tokens-studio-data/src/tokens-studio/spectrum2-colors/
READING tokens studio: /spectrum-tokens-studio-data/src/tokens-studio/spectrum2-non-colors/

STUDIO SYNC SUMMARY

UPDATED METADATA - SPECTRUM UUID: colorTheme/component.colorTheme.stack-item-selected-background-color-highlight
UPDATED METADATA - SPECTRUM UUID: colorTheme/opacity.component.colorTheme.stack-item-selected-background-opacity-highlight
UPDATED METADATA - SPECTRUM UUID: colorTheme/opacity.component.colorTheme.stack-item-selected-background-opacity-highlight-hover
UPDATED METADATA - SPECTRUM UUID: Platform scale/layout.component.platformScale.vertical-align-items
UPDATED METADATA - SPECTRUM UUID: Platform scale/layout.component/desktop.platformScale.stack-item-minimum-padding-vertical
UPDATED METADATA - SPECTRUM UUID: Platform scale/layout.component/mobile.platformScale.stack-item-minimum-padding-vertical
UPDATED METADATA - SPECTRUM UUID: Platform scale/layout.component.platformScale.stack-item-item-to-item

SPECTRUM SYNC SUMMARY

NEW TOKENS: (7) stack-item-selected-background-color-highlight, stack-item-selected-background-opacity-highlight, stack-item-selected-background-opacity-highlight-hover, vertical-align-items, stack-item-minimum-padding-vertical/desktop, stack-item-minimum-padding-vertical/mobile, stack-item-item-to-item
CHANGED VALUES: (1) stack-item-selected-background-color-down

TEST COMPLETE