Range Design System

[Ahmet-K]

https://github.com/Capgemini/dcx-react-library/issues/595

[alexwbbr]

Please can you check the following @Ahmet-K :

• The main design system docs for range doesn't load properly in storybook due to an error
• The playground for the design system doesn't load properly in storybook due to an error
• The tokens you have created are missing in the tokens.json file in the design system folder and as such the range won't have a default design. (please see button component for a comparison)
• Please give the names of the tokens you have created more descriptive names such as "range-track-height" instead of "track-height" as this will give users a better understanding of what each token controls.
• Please double check the base css as there are properties that can be moved to tokens. Such as the outline for the thumb (line 30), the z-index values (lines 20 and 42), the border for the disabled state (line 47) and the border radius on line 17