Add `transition` prop, pointer events and Storybook interaction tests

[nerdyman]

transition functionality

• [x] Add transition prop to allow slider position to be animated with CSS transitions

pointer events

• [x] Use pointer events instead of individual mouse/touch events
• [ ] Test on iOS Safari
• [ ] Test on iOS Chrome
• [ ] Test on Firefox Android
• [ ] Test on Chrome Android

Storybook Interactions

• [ ] ReactCompareSlider
  • [x] Position changes
  • [ ] Change props after mount
    • [ ] boundsPadding
    • [ ] changePositionOnHover
    • [ ] onlyHandleDraggable
    • [ ] position
    • [ ] portrait
• [x] ReactCompareSliderHandle
  • [x] Custom styles
• [x] ReactCompareSliderImage
  • [x] Styles
• [ ] Add Storybook test runner to CI

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
react-compare-slider	✅ Ready (Inspect)	Visit Preview	Jun 6, 2022 at 4:35PM (UTC)

[github-actions[bot]]

Size Change: -126 B (-1%)

Total Size: 10.8 kB

Filename	Size	Change
dist/react-compare-slider.cjs.development.js	4.27 kB	-44 B (-1%)
dist/react-compare-slider.cjs.production.min.js	2.21 kB	-39 B (-2%)
dist/react-compare-slider.esm.js	4.14 kB	-43 B (-1%)

ℹ️ View Unchanged

Filename	Size
dist/index.js	153 B

_{compressed-size-action}