@via-profit/ui-kit 0.6.0 → 0.7.0

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 Все заметные изменения пакета `@via-profit/ui-kit`. Формат основан на [Keep a Changelog](https://keepachangelog.com/ru/1.1.0/), версии следуют [семантическому версионированию](https://semver.org/lang/ru/).
 
+## 0.7.0 — 2026-10-09
+
+Swiper: дробный `slidesPerView` и `centered`, вертикальная прокрутка, затухание и бегущая лента.
+
+### Добавлено
+
+- **Swiper**: дробный `slidesPerView` (например, `1.2` — слайд и часть соседнего) и `centered` — текущий слайд посередине, соседи видны по краям;
+- **Swiper**: `direction="vertical"` — вертикальная прокрутка, стрелки ↑/↓;
+- **Swiper**: `effect="fade"` — смена слайдов затуханием;
+- **Swiper**: `speed` — длительность смены слайда;
+- **Swiper**: `autoScroll` — бегущая лента с постоянной скоростью в пикселях в секунду. Останавливается при наведении и при включённом в системе уменьшении движения.
+
+### Исправлено
+
+- **Swiper**: ширину слайда задаёт только `slidesPerView`. Раньше слайд с широким содержимым растягивался, и лента сдвигалась;
+- **Swiper**: если слайдов меньше, чем нужно для бесконечной прокрутки, она выключается целиком. Раньше в консоль выводилась ошибка, но индексы считались с копиями слайдов, которых не было.
+
 ## 0.6.0 — 2026-10-07
 
 Поддержка React 19. Тема снова задаёт только токены. Оформление компонентов в теме убрано: оно делало внутренние части компонентов публичным контрактом и добавляло работы при каждой отрисовке.

package/Swiper/Swiper.d.ts

@@ -20,6 +20,8 @@ export interface SwiperOverrides {
     readonly Wrapper?: React.ComponentType<SwiperWrapperProps & React.RefAttributes<HTMLDivElement>>;
     readonly Track?: React.ComponentType<SwiperTrackProps & React.RefAttributes<HTMLDivElement>>;
 }
+export type SwiperDirection = 'horizontal' | 'vertical';
+export type SwiperEffect = 'slide' | 'fade';
 export type SwiperProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
     readonly dragThreshold?: number;
     readonly snap?: boolean;
@@ -32,7 +34,40 @@ export type SwiperProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>
     readonly pauseOnHover?: boolean;
     readonly threshold?: number;
     readonly resistance?: boolean;
+    /**
+     * How many slides are visible at once. A fractional value shows a part of the next slide,
+     * for example `1.2`\
+     * **Default:** `1`
+     */
     readonly slidesPerView?: number;
+    /**
+     * The current slide is in the middle of the view, the neighbours are partially visible on both sides.
+     * Makes sense with a fractional `slidesPerView`\
+     * **Default:** `false`
+     */
+    readonly centered?: boolean;
+    /**
+     * The direction of the scroll. The vertical swiper needs a height: set it on the swiper\
+     * **Default:** `'horizontal'`
+     */
+    readonly direction?: SwiperDirection;
+    /**
+     * `slide` moves the track, `fade` cross-fades the slides lying on top of each other.
+     * With `fade` the slides are always one per view\
+     * **Default:** `'slide'`
+     */
+    readonly effect?: SwiperEffect;
+    /**
+     * The duration of the slide change in milliseconds\
+     * **Default:** `300`
+     */
+    readonly speed?: number;
+    /**
+     * Continuous scroll (ticker) in pixels per second, for example the logos of the clients.
+     * The track moves without stops in the infinite loop, the drag and the keyboard are off.
+     * The scroll pauses with `pauseOnHover`, by the API and when the user asked the system to reduce motion
+     */
+    readonly autoScroll?: number;
     /**
      * Arrow keys switch the slides when the swiper is focused\
      * **Default:** `true`
@@ -61,7 +96,40 @@ export declare const Swiper: React.ForwardRefExoticComponent<Omit<React.HTMLAttr
     readonly pauseOnHover?: boolean;
     readonly threshold?: number;
     readonly resistance?: boolean;
+    /**
+     * How many slides are visible at once. A fractional value shows a part of the next slide,
+     * for example `1.2`\
+     * **Default:** `1`
+     */
     readonly slidesPerView?: number;
+    /**
+     * The current slide is in the middle of the view, the neighbours are partially visible on both sides.
+     * Makes sense with a fractional `slidesPerView`\
+     * **Default:** `false`
+     */
+    readonly centered?: boolean;
+    /**
+     * The direction of the scroll. The vertical swiper needs a height: set it on the swiper\
+     * **Default:** `'horizontal'`
+     */
+    readonly direction?: SwiperDirection;
+    /**
+     * `slide` moves the track, `fade` cross-fades the slides lying on top of each other.
+     * With `fade` the slides are always one per view\
+     * **Default:** `'slide'`
+     */
+    readonly effect?: SwiperEffect;
+    /**
+     * The duration of the slide change in milliseconds\
+     * **Default:** `300`
+     */
+    readonly speed?: number;
+    /**
+     * Continuous scroll (ticker) in pixels per second, for example the logos of the clients.
+     * The track moves without stops in the infinite loop, the drag and the keyboard are off.
+     * The scroll pauses with `pauseOnHover`, by the API and when the user asked the system to reduce motion
+     */
+    readonly autoScroll?: number;
     /**
      * Arrow keys switch the slides when the swiper is focused\
      * **Default:** `true`