Avatar: добавлены новые color theme `white` и size `small`
Button: добавлена новая тема `gray`
Tile: добавлен новый prop `radiusSize`
Tabs: добавлен новый prop `counterValue` для компонента `Tab`
Banner: Пропс paginationPosition привязан к значению пропса paginationType и помечен как deprecated, пропс paginationTheme привязан к значению пропса backgroundColor и помечен как deprecated. Значение paginationAlign='left' помечено как deprecated.
CounterBadge: добавлено новое значение `white` для пропа `colorTheme`
Parameter: добавлен новый prop `padding`
Parameter: добавлены иконка и подсказка (тултип) для значения
StatusBadge: добавлен новый проп `background`, который отвечает за цвет подложки
Row: добавлены два новых значения для `backgroundView` `gray` и `white`
Row: добавлена подложка для иконки `backgroundView = gray`
Dropdown: добавлен новый компонент
Carousel: Добавлен новый пропс arrowTheme отвечающий за изменение темы стрелок
Carousel: Исправлен цвет градиента в темной теме
Carousel: Исправлена ошибка TypeError: Cannot read properties of undefined (reading 'spaceBetween') при ресайзе
Accordion: Добавлен новый пропс titleTagName для возможности переопределение тега заголовка без изменения стилей
Slider: Добавлен новый проп showScale отвечающий за передачу отображение шкалы
Slider: Добавлен новый проп classes отвечающий за классы для внутренних элементов
Slider: Добавлен новый проп sizeFontScale отвечающий за размер шрифта у элементов шкалы
SliderRange: Добавлен новый проп sizeFontScale отвечающий за размер шрифта у элементов шкалы
ButtonClose: Добавлен новый компонент ButtonClose
ChipsSuggest: Добавлен новый компонент ChipsSuggest
Avatar: Добавлено значение "white" для пропса color
NavArrow: Добавлен новый пропс size отвечающий за размер иконки. Значение middle по умолчанию (использует старые размеры 40x40 и иконку M), и значение large опционально (использует новые размеры 64x64 и иконку L)
tooltip: добавлен новый пропс strategy отвечающий за позиционирование тултипа
Modal: добавлена поддержка пропсов isStickyHeader и isStickyFooter при isEnabledNativeScroll = true
UploadField: доработан прос description для возможности принимать массив строк
UploadFileItem: добавлен новый пропс disabled
Banner: Пропсы paginationPosition, paginationAlign и paginationTheme удалены. Расположение пагинации привязано к значению пропса paginationType, цветовая тема пагинации привязана к значению пропса backgroundColor. Пагинация теперь всегда находится по центру.
Chips: Добавлен новый пропс theme, отвечающий за цвета неактивных элементов
Chips: Добавлены новые пропсы isDropdownShort, dropdownPaddings и новые поля в пропсах classes и dataAttrs для управления компонентом Dropdown
Chips: Теперь у стрелки на чипсе, который вызывает дропдаун, есть анимация поворота
switcher: Switcher — добавлен input для улучшения доступности, а также два новых опциональных пропса: name, отвечающий за название компонента в DOM, и value, задающий текущее значение свитчера. Изменено поведение: переключение свитчера осуществляется при нажатии на Space вместо Enter, что соответствует стандартному поведению элементов управления формами.
PriceBadge: добавлены новые цветовые темы
Pagination: Удален deprecated `type` prop. Используются стили и логика `type="modern"`.
Carousel: добавлен новый пропс disableChildFocusPropagation. Пропс предотвращает нежелательное переключение слайдов при фокусе на внутренних элементах (при программном захвате фокуса).
Tooltip: тултипы с порталами, которые рендерятся за пределами вьюпорта (по оси x), больше не вызывают горизонтальный скролл
PromoBadge: добавлен вариант с серым цветом
ChipsSuggest: Добавлен новый пропс size отвечающий за размеры шрифта и внутренних отступов
Dropdown: добавлена возможность добавлять контент, отображаемый в шапке дропдауна
Select: добавлена возможность рендера контента в шапке выпадающего списка
ContentArea: Добавлено новое значение 'mobile-desktop-small' в тип DisableIndentsType.
TextField: добавлен аргумент currentState в onBeforeMaskChange
TextField: расширен тип mask
accordion: Добавлены стили при фокусе на элемент
badges: Добавлены стили при фокусе на элемент (StatusBadge)
checkbox: Добавлены стили при фокусе на элемент
counter: Добавлены стили при фокусе на элемент
buttons: Добавлены стили при фокусе на элемент
chips: Добавлены стили при фокусе на элемент
pagination: Добавлены стили при фокусе на элемент
row: Добавлены стили при фокусе на элемент
switcher: Добавлены стили при фокусе на элемент
selector: Добавлены стили при фокусе на элемент
tabs: Добавлены стили при фокусе на элемент
modal: Добавлены стили при фокусе на элемент
sliders: Добавлены стили при фокусе на элемент
dropdown: Добавлены стили при фокусе на элемент
search: Добавлены стили при фокусе на элемент
select: Добавлены стили при фокусе на элемент
link: Добавлен tabIndex
Tabs: Добавлен новый пропс renderTabsWrapper отвечающий за возможность добавления кастомной обертки вокруг табов
Carousel: Добавлен новый пропс arrowPosition, отвечающий за положение стрелок
UploadField: Добавлен новый пропс requiredError, отвечающий за отображение ошибки обязательности заполнения поля.
ChipsScrollPanel: Добавлены классы и data-атрибуты для root и inner
Chips: Добавлены классы и data-атрибуты для внутреннего компонента ChipsScrollPanel
search: Добавлен новый пропс compactTheme, позволяющий менять тему для состояния compact.
button: Добавлена новая цветовая тема base для кнопок с типом primary.
button: Добавлен новый опциональный пропс subtext.
ScrollBar: Добавлен новый пропс onScroll - обработчик для прокрутки
Modal: Добавлен новый пропс onScroll обработчик для прокрутки кастомного Скроллбара
Row: Добавлен рендер спецсимволов в текстах компонента
Row: Добавлен рендер спецсимволов в текстах компонента
SectionAccordionGroup: Добавлен новый компонент SectionAccordionGroup
Исправления
ModalContent: добавлены стандартные внутренние отступы для контента при включенном свойстве isEnabledNativeScroll
Accordion: теперь радиус используется по общими стандартам дизайн системы
Accordion: удалена тень у стрелки
Avatar: теперь радиус используется по общими стандартам дизайн системы
Button: теперь радиус используется по общими стандартам дизайн системы
UploadForm: теперь радиус используется по общими стандартам дизайн системы
TextField: теперь радиус используется по общими стандартам дизайн системы
Checkbox: теперь радиус используется по общими стандартам дизайн системы
ErrorLoad: убрал цветную подложку на превью у базового компонента
Tile: изменено значение для `radius=rounded`
Tabs: изменено значение `border-radius` на значение переменной `borderRadius`
Tabs: изменены внутренние отступы у `Tab` разных состояний
Parameter: изменены внутренние вертикальные отступы
StatusBadge: значения `border-radius` заменены на общие значения библиотеки
Row: теперь радиус используется по общими стандартам дизайн системы
Carousel: при достижении начала/конца стрелки скрываются
Banner: изменено значение border-radius на borderRadiusXL
Tooltip: кнопка закрытия подсказки(тултипа) была заменена на компонент ButtonClose
NotificationBadge: удален box-shadow у компонента
NotificationBadge: изменен цвет фона зеленой темы на градиент
Snackbar: кнопка закрытия заменена на компонент ButtonClose
Tabs: удалена тень у активного таба
Parameter: изменено отображение шрифта внутри подсказки(тултипа) согласно макетам дизайн системы
CounterBadge: удалены некорректные кейсы из примеров в документации
CounterBadge: удалены некорректные кейсы из примеров в документации
ListData: теперь радиус используется по общими стандартам дизайн системы
ListData: добавлен новый проп backgroundView
modal: исправлен баг с закрытием модалки при скролле в самый вверх и касании экрана
Banner: Изменен размер иконки в стрелке навигации для белой темы arrowTheme (использован новый пропс size у компонента NavArrow)
Modal: изменены скругления у шапки
Modal: кнопка закрытия заменена на компонент ButtonClose
Modal: обновлена кнопка назад в шапке компонента
Modal: добавлен новые пропсы для серого фона
Modal: изменена механика и визуал полноэкранного окна на мобилке (выезжающая снизу шторка)
Modal: изменена типизация пропса mobileView с enum на строковые литералы
Modal: удалён пропс hasHeaderButtonsShadow из headerProps
pagination: исправлен баг с положением тултипов в скрытом состоянии
Carousel: Убраны стили, скрывающие градиент в мобильной версии
Carousel: Добавлен пропс disableArrows для отключения стрелок навигации
Select: теперь радиус используется по общими стандартам дизайн системы
Select: изменен цвет стрелочки
Select: выпадающий список заменен на компонент Dropdown
PriceBadge: Добавил иконку недоступности
Chips: Используется компонент Dropdown вместо кастома для выпадающего списка при недостатке места для чипсов
PriceBadge: теперь радиус используется по общими стандартам дизайн системы
PriceBadge: компонент PriceBadge переименован на InfoBadge
Search: теперь радиус используется по общими стандартам дизайн системы
Search: выпадающий список заменен на компонент Dropdown
Snackbar: исправлено отображение кнопки на мобильном устройстве при длинном тексте
colors: добавлены варианты цветов в формате rgb для градиента Carousel
Notification: редизайн компонента
Notification: удалены пропсы isColored и shadowLevel
Modal: изменена формула измерения высоты, которая должна быть у Modal относительно экрана
InfoBadge: Исправлено значение font-weight для текста
Button: в серой теме поправлен цвет текста
Modal: исправлены стили кнопки закрытия
Modal: добавлен вариант с белым цветом кнопок в шапке
Modal: добавлена возможность применения кастомного контента в шапке
ChipsSuggest: Изменены дефолтные размеры шрифта и отступов согласно обновленным гайдам
Dropdown: Изменен отступ выпадающего списка от триггер элемента
Dropdown: Изменен отступ выпадающего списка от триггер элемента
Tooltip: исправлены стили тултипа с порталом, добавлено опциональное свойство portalPreventScroll для предотвращения горизонтального скролла при рендере тултипа за пределами вьюпорта.
Modal: Добавлена ссылка на дом узел в компонент CSSTransition для устранения ошибки findDOMNode
textfield: Изменен отступ между инпутом и подписью снизу
ContentView: изменены стили и выравнивание для кнопок
ContentView: добавлены новые пропсы isFullwidthButtons и classes.buttons
Modal: исправлены стили кнопки закрытия для ios <18
Chip: Исправлен баг с checked состоянием для серой темы неактивных чипсов
UploadField: Изменен радиус скругления поля загрузки.
UploadFileItem: Изменены радиусы скругления у корневого элемента и кнопки.
Button: исправлено изменение ширины кнопки при переходе в состояние disabled, для этого добавлена прозрачная граница обводки (по-умолчанию) и на ширину обводки уменьшены внутренние отступы.
chips: Изменен tabIndex (если chip выбран, то к нему не применяется фокус)
tabs: Изменен tabIndex (если tab активен, то к нему не применяется фокус)
styles: Изменена анимация при фокусе с клавиатуры
search: Изменены стили состояния disabled
textfield: Изменены стили для disabled состояния
select: Изменены стили для disabled состояния
icons: добавлен переключатель для отображения иконок в вариантах fill и outline.
Modal: Изменены боковые и нижний отступы контента для разрешения от 768px и выше
Dropdown: исправлена подсветка при наведении в выпадающем списке
Tabs: исправлен конфликт стилей вложенных табов при использовании autoWidth
Components: удалены явно заданные tabIndex для тегов a и button
modal: исправлен баг с закрытием модалки при скролле в самый вверх и касании экрана
ContentView: Обновлены изображения
ContentView: Добавил новый тип info
ContentView: Удалил ненужный тип update
Pagination: исправлена иконка "троеточие"
button: отключена возможность клика в состоянии с прелоадером
StatusBadge: Изменена иконка стрелки, которая появляется при наличии тултипа
ui-helpers 5.0.0
Улучшения
nestingNameGenerator: теперь принимает цифры в названии блоков и элементов
ui-icons 4.0.0
Улучшения
article: Добавлена новая иконка в basic
icons: Добавлена новая иконка add-to-account в basic
icons: Добавлена новая иконка Add-to-icon в basic
Исправления
icons: Добавил новую системную иконку недоступности
Max: Изменена иконка Max
ui-shared 9.0.0
Улучшения
Stepper: Добавлен курсор по умолчанию, убран курсор, когда свойство "Все шаги пройдены" активно
AccordionBox: Добавлен новый пропс titleTagName для возможности переопределение тега заголовка без изменения стилей
Table: Обновлен дизайн: удалена часть бордеров, доблены скругления, изменены тени и скроллбары. Добавлен новый пропс boldFontInFirstColumn отвечающий за жирность текста в ячейках первой колонки.
Steps: Удалено deprecated свойство `theme="none"`. По-умолчанию, используется `theme="gray"`
Instructions: Удален deprecated `itemsGap` prop. Используются стили `itemsGap="medium"`.
StoreBanner: Удалены deprecated свойства `deviceMask="black-iphone, white-iphone, iphone-12"`.
BlogBox: добавлены новые свойства rootRef, classes.itemTitle
DarkGradientCards: добавлены новые свойства rootRef, onCarouselChange, classes.itemTitle
PromoCards: добавлены новые свойства onCarouselChange, classes.cardTitle
SidePictureCards: добавлены новые свойства onCarouselChange, classes.itemTitle
SidePictureCards: добавлен обраотчик клика для кнопки карточки
partners: Добавлен новый дизайн карточек 'shadow', 'white', 'outline' и 'gray'.
TitleDescriptionBox: добавлена возможность включать кнопку рядом с заголовком и текстом.
Container: Добавлено новое свойство disableHorizontalIndents для отключения горизонтальных отступов на различных разрешениях.
Card: добавлен вид карточки 'stroke'.
Card: у кнопок убрано ограничение по ширине, добавлены темы 'gray' и 'white', удалена тема 'green-soft'. Пропс 'isCentered' удален.
card: Добавлены стили при фокусе на элемент
partners: Добавлены стили при фокусе на элемент
instructions: Добавлены стили при фокусе на элемент
card: добавлена поддержка тега <a> в заголовках и текстах. Добавлеп пропс для выравнивания текста по центру. Добавлено свойство box-sizing
StepperBox: добавлен новый компонент.
Container: добавлены стандартные отступы для компонента StepperBox (k38).
CardsOnBackground: добавлен новый компонент
Container: добавлены стандартные отступы для компонента CardsOnBackground (k39)
PictureBox: Добавлен новый пропс icon, который позволяет задать иконки кнопкам компонента.
container: Добавлены отступы для компонента BenefitCards
PromoBanner: Добавлен новый пропс icon для добавления иконок в кнопки
PromoBanner: Добавлен новый пропс icon для добавления иконок в кнопки
InfoCards: добавлены стили при фокусе на элемент
CardsOnBackground: добавлены стили при фокусе на элемент
BlogBox: добавлены стили при фокусе на элемент
Breadcrumbs: Добавлен новый пропс для включения микроразметки у последнего элемента цепочки хлебных крошек.
Breadcrumbs: Добавлен новый пропс для включения микроразметки у последнего элемента цепочки хлебных крошек.
CardsOnBackground: Добавлен новый пропс singleCardAlign для выравнивания одничной карточки
ImageBanner: Добавлен новый пропс headerTag для возможности переопределение тега заголовка без изменения стилей.
Instructions: добавлены два новых пропа _`pictureOverlay`_ и _`size`_, добавлена новая маска для `android`, так же удалены устаревшие маски для `iphone`, `android`, `laptop` и стили для них соответственно. Добавлены новые цета для фона (`transparent` - по умолчанию).
Исправления
infocards: изменен отступ между заголовком и текстом в компоненте InfoCard для варианта imgPosition=right-side, size=small и medium
container: изменен border-radius на 32px
DownloadLink: Изменен отступ между иконкой текстом с 22px на 16px на разрешении 1280+, и с 22px на 8px на разрешении 1279-
partners: Изменено расположение карточек в зависимости от их количества. Добавлено скругление углов у карточек. Пропс radius больше не используется.
stepper: Компонент перенесен в ui-core
CardsOnBackground: добавлен хук useIsomorphicLayoutEffect для корректного применнения хука useLayoutEffect при SSR
Carousel: отключен стандарный focus outline для слайда карусели при активном пропсе disableChildFocusPropagation
Components: удалены явно заданные tabIndex для тегов a и button
CardOnBackground: Изменены отступы и размеры изображения в карточке
BenefitCards: Исправлен стиль текста, когда карточка является ссылкой. Добавлены стили при фокусе на карточке.
CardsOnBackground: Исправлена сетка для разного количества карточек на разных разрешениях. Убрано минимальное ограничение на количество карточек.