[Feat]: SliderHandle animation onPointerdown

[spdev3000]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

SilderHandle

Description of the requested feature

We'd like to have a little SliderHandle animation like in Lightroom Web (see screencast), it can be also seen in Spectrum, see: https://spectrum.adobe.com/page/slider/#Double-click-to-reset

Lr Web seems to have a

transition: border-width 100ms ease-out;

with border-width from 2px to 6px - which seems good to me.

Mockups or screenshots

Screen.Recording.2023-02-08.at.16.27.56.mov

Implementation notes or ideas

No response

[Westbrook]

@pfulton this seems to track back to https://github.com/adobe/spectrum-css/blob/main/components/slider/index.css#L276, this sets the active borderiwidth to the same as the default border-width. Do you think we could get this addressed in the Core Tokens work for this pattern?

[Westbrook]

Oh, it looks like it might be fixed in the WIP branch, already: https://slider-core-tokens--spectrum-web-components.netlify.app/components/slider/ ❗❗❗

[pfulton]

@Westbrook you're correct. This should be in with the migrated component work. There was an issue filed for it a few weeks ago: adobe/spectrum-css#1583