fix: update slider new md, add classname to slider (#969)

Author: qradle-yndx

src/blocks/SliderNew/Slider.tsx

@@ -50,6 +50,7 @@ export const SliderNewBlock = ({
     adaptive,
     autoplay: autoplayMs,
     dots = true,
+    className,
     dotsClassName,
     disclaimer,
     children,
@@ -90,7 +91,7 @@ export const SliderNewBlock = ({
             />
             <AnimateBlock className={b('animate-slides')} animate={animated}>
                 <Swiper
-                    className={b('slider')}
+                    className={b('slider', className)}
                     onSwiper={onSwiper}
                     pagination={
                         dots && {

src/blocks/SliderNew/__stories__/Slider.mdx

@@ -5,25 +5,29 @@ import * as SliderStories from './Slider.stories.tsx';
 
 <Meta of={SliderStories} />
 <StoryTemplate>
+
+##### Slider new block. based on [swiper](https://v6.swiperjs.com/react) library.
+<br/><br/>
+
 ## Parameters
 
 The slider supports two types of content: loadable and from a config. Loadable content is loaded via the `loadable` property and content from a config via the `children` property.
 
-`type: "slider-block"`
+`type: "slider-new-block"`
 
 `animated?: bool` — Enables/disables animation for the block (enabled by default).
 
 `dots?: bool` — A flag that indicates whether to show navigation dots.
 
 `arrows? bool` — A flag that indicates whether to show navigation arrows.
 
-`title: Title`: Title.
+`title: Title` — Title.
 
-`description?: string`: Description.
+`description?: string` — Description.
 
-`randomOrder?: bool`: Enables a random slide order.
+`randomOrder?: bool` — Enables a random slide order.
 
-`slidesToShow?: Record<'all' | 'sm' | 'md' | 'lg' | 'xl', number> | number`: How many slides to show on screens of different width. Overrides the default values. They can be overridden for each screen width. You can also set a single numeric value so that the number of slides is always the same (except for mobiles, where the value is always 1).
+`slidesToShow?: Record<'all' | 'sm' | 'md' | 'lg' | 'xl', number> | number` — How many slides to show on screens of different width. Overrides the default values. They can be overridden for each screen width. You can also set a single numeric value so that the number of slides is always the same (except for mobiles, where the value is always 1).
 
 Default values:
 
@@ -32,6 +36,14 @@ Default values:
 - `md`: 2
 - `sm`: 1
 
+`type?: string` — Currently supported: `"media-card" | "header-card"`.
+
+`autoplay?: number` — Autoplay delay between transitions in ms.
+
+`arrowSize?: number` - Size of arrow icons. Default: `16`.
+
+`adaptive?: boolean` - Adapt slider height to the height of the active slide. Default: `false`.
+
 `loadable: Loadable` — Loadable content, the following data sources are currently supported:
 
 - `events` — Events.
@@ -50,4 +62,5 @@ The following blocks are currently supported:
 - [`MediaCard` — Card with an image](?path=/story/блоки-media--default&viewMode=docs)
 - [`PriceCard` — Price card](?path=/story/components-cards-pricecard--default&viewMode=docs)
 
+`onSlideChange | onSlideChangeTransitionStart | onSlideChangeTransitionEnd | onActiveIndexChange | onBreakpoint` [events](https://v6.swiperjs.com/swiper-api#events) supported. If you need more please open an [issue](https://github.com/gravity-ui/page-constructor/issues) or make PR.
 </StoryTemplate>