fix(Slider): add validation when entering number via input

[tw15egan]

Closes #7106

This prevents onChange from being fired if an invalid number is entered into the input element. The number entered is invalid if:

• it is larger than max
• it is lower than min
• not a valid increment of step

Changelog

New

• Aligned mdx files to match other components
• Before updating state, checks if the number is valid

Changed

• input width set to auto so that it expands based on larger max values, like NumberInput
• Updated tests to check if that state is only updated for valid numbers

Removed

• Old storybook remnants
• DocToc comment in Modal.mdx

Testing / Reviewing

In the Slider story, try entering a value outside of the min and max. Default is 0 and 100. It should not update to invalid values. Also, try entering 1.5 to validate the step of 1

[netlify]

Deploy preview for carbon-elements ready!

Built with commit fb72ef7

https://deploy-preview-8018--carbon-elements.netlify.app

[netlify]

Deploy preview for carbon-components-react ready!

Built without sensitive environment variables with commit fb72ef7

https://deploy-preview-8018--carbon-components-react.netlify.app