feat(slider): add component tokens

[DitwanP]

Related Issue: #7180

Summary

Add tokens for the slider component, e2e, and custom-theme chromatic tests. (WIP)

Slider Tokens

--calcite-slider-text-color: Specifies the component's text color.
--calcite-slider-track-color: Specifies the component's track color.
--calcite-slider-track-fill-color: Specifies the component's fill track color.
--calcite-slider-handle-fill-color: Specifies the component's handle fill color.
--calcite-slider-handle-extension-color: Specifies the component's handle extension color.
--calcite-slider-tick-color: Specifies the component's tick color.
--calcite-slider-tick-border-color: Specifies the component's tick border color.
--calcite-slider-tick-selected-color: Specifies the component's tick color when in selected range.
--calcite-slider-graph-color: Specifies the component's graph color.

[alisonailea]

we are not adding tokens for outline-color and I don't think this component needs stateful tokens

[DitwanP]

we are not adding tokens for outline-color and I don't think this component needs stateful tokens

@alisonailea
Curious on the a reasoning for this? I feel like people might want to change from the default blue when hovering the thumb/handle no?

[alisonailea]

@alisonailea Curious on the a reasoning for this? I feel like people might want to change from the default blue when hovering the thumb/handle no?

We may in the future. For now, here's a list of our tokenizable styles

https://github.com/Esri/calcite-design-system/wiki/tokens-component#3-review-component-for-tokenizable-styles

[alisonailea]

Review the component for shared design patterns. It's more important that tokens define our design patterns than match the structure of the component. Also make sure tokens can be applied in the various host states including disabled.

[alisonailea]

🚀