v46.1.0

46.1.0

^13.06.2024

#1229

Что изменилось

• Изменили цветовые токены: color-light-neutral-1500 -> color-light-neutral-translucent-1300, color-light-neutral-1500-inverted -> color-light-neutral-translucent-1300-inverted, color-static-neutral-1500 -> color-static-neutral-translucent-1300, color-static-neutral-1500-inverted -> color-static-neutral-translucent-1300-inverted

Влияние на компоненты

• Патчи
  action-button badge bank-card button calendar-range
calendar checkbox circular-progress-bar dropzone file-upload-item
filter-tag icon-button indicator input navigation-bar-private
pass-code progress-bar radio select sortable-list
spinner status-badge steps underlay

Что изменилось

• Изменили цветовой токен: color-light-graphic-primary -> color-light-neutral-0-inverted

Влияние на компоненты

• Патчи
  pattern-lock

Что изменилось

• Изменили цветовой токен: color-static-neutral-1500-inverted -> color-static-neutral-0

Влияние на компоненты

• Патчи
  switch

#1225

Что изменилось

• Добавлено новое свойство transparentBg, отвечающее за включение прозрачного фона у компонента

Влияние на компоненты

• Минорное
  icon-button

#1239

Что изменилось

• Исправлено положение футера для виртуального списка опций с поиском (при OptionsList={VirtualOptionsList}). Раньше при вводе в инпут поиска положение футера было сверху, теперь футер снизу

Влияние на компоненты

• Патчи
  select

#1223

Что изменилось

• Добавлены новые значения для свойства view: 'muted-alt' и 'muted'. Значение 'soft' для view теперь deprecated, используйте вместо него 'muted-alt'
• Также добавлен кодмод, который изменяет значение view компонента Status с 'soft' на 'muted-alt'

Влияние на компоненты

• Минорное
  status

#1234

Что изменилось

• Исправлено поведение scrollToArea при первом рендере, когда еще не выполнены расчеты высоты. Теперь scrollToArea при первом рендере ведет себя так же, как и initialActiveAreaIndex.

Влияние на компоненты

• Патчи
  bottom-sheet

v46.0.0

46.0.0

^28.05.2024

#1159

Что изменилось

• Добавлено новое свойство allowBackdropBlur, отвечающее за размытие фона
• Добавлен трансформер skeleton-blur, который устанавливает свойство allowBackdropBlur в значение true для компонента Skeleton
• Удалена css переменная --skeleton-gradient-animation-display

Влияние на компоненты

• Мажорное
  skeleton

Что изменилось

• Удалена тема click для компонента Skeleton

Влияние на компоненты

• Минорное
  themes

#1158

Что изменилось

• В toast-plate компоненте badge заменен на status-badge
• Добавлена возможность принимать кастомные иконки для status-badge

Миграция для toast-plate компонента

• Добавлены изменения в пропс getBadgeIcons. Теперь он будет принимать объект в виде:

{
  'positive-checkmark': {
      24: AScoresCircleMIcon,
  },
  'negative-cross': {
    ...
  },
}

• 'negative' | 'positive' | 'attention' - @deprеcated
  Их по-прежнему можно передавать в пропс badge (компоненты toast, toast-plate, notification), под капотом они автоматически преобразуютеся в 'negative-cross' | 'positive-checkmark' | 'attention-alert' соответственно

Влияние на компоненты

• Мажорное
  notification toast-plate toast

• Минорное
  shared status-badge

#1114

Что изменилось

• Изменили компонент, отвечающий за индикатор таба с Badge на Indicator. Следовательно, изменился тип свойства indicatorProps с BadgeProps на IndicatorProps

Миграция с предыдущей версии

• Для того чтобы передать значение в индикатор необходимо заменить content на value. Например: indicatorProps: { content: 100 } -> indicatorProps: { value: 100 }

Влияние на компоненты

• Мажорное
  tab-bar

Что изменилось

• Добавили новые props accentColor и bgColor, отвечающие за цвет активного таба и фон соответственно

Влияние на компоненты

• Минорное
  tab-bar

#1194

Что изменилось

• Изменен тип параметра на Files[] в обработчике onDrop

Влияние на компоненты

• Мажорное
  dropzone

v45.10.0

45.10.0

^24.05.2024

#1193

Что изменилось

• Добавили dataTestId к PeriodSlider

Влияние на компоненты

• Патчи
  calendar

#1216

Что изменилось

• Исправлено поведение фокуса внутри модального окна

Влияние на компоненты

• Патчи
  base-modal

#1214

Что изменилось

• Добавлена возможность обработки строковых значений для отображения даты

Влияние на компоненты

• Патчи
  universal-date-input

#1175

Что изменилось

• Внутренний компонент NavigationBar переименован в NavigationBarPrivate

Влияние на компоненты

• Минорное
  bottom-sheet modal navigation-bar-private popup-sheet side-panel
  

Что изменилось

• Добавлен новый компонент NavigationBar

Влияние на компоненты

• Минорное
  navigation-bar

#1204

Что изменилось

• Исправлен отступ в компонентах CheckboxGroup и RadioGroup в соответствии с макетом при их вертикальном расположении. Ранее отступ составлял 16px, теперь он уменьшен до 12px

Влияние на компоненты

• Патчи
  checkbox-group radio-group

#1178

Что изменилось

• При открытии модальных окон в iOS, если браузерный navbar был сжат, то в модалке сохранится возможность взаимодействия со скролом. Текущее поведение исправлено, чтобы воспользоваться, нужно передать пропс iOSLock.

Влияние на компоненты

• Патчи
  base-modal modal

#1189

Что изменилось

• Свойство style перенесено с корневого HTML тега на заголовок табов.

Влияние на компоненты

• Минорное
  tabs

#1205

Что изменилось

• Для компонента Status было добавлено многоточие для обработки сценариев переполнения

Влияние на компоненты

• Минорное
  status

#1210

Что изменилось

• Изменены типы принимаемых компонентов

Влияние на компоненты

• Патчи
  base-modal custom-picker-button input-autocomplete input picker-button
select slider-input slider

#1201

Что изменилось

• У кнопок в нижнем аддоне изменился отступ сверху: для десктопа с 20 до 8 пикселей, а на мобильной версии — с 12 до 8 пикселей. Также на десктопе у контейнера Caption был уменьшен верхний отступ с 4 до 0 пикселей

Влияние на компоненты

• Патчи
  plate

#1203

Что изменилось

• Исправлена форма для компонета SuperEllipse в размере 40 (стала более округлой)

Влияние на компоненты

• Минорное
  icon-view

#1218

Что изменилось

• Исправлен выбор даты на мобильных устройствах

Влияние на компоненты

• Патчи
  universal-date-input

#1208

Что изменилось

• Тип GenericWrapperProps был расширен нативными атрибутами, предоставляемыми библиотекой React для элемента HTMLDivElement

Влияние на компоненты

• Патчи
  generic-wrapper

#1103

Что изменилось

• Добавлен новый компонент ProductCover

Влияние на компоненты

• Минорное
  product-cover

#1212

Что изменилось

• Исправлено предупреждение, которое возникало из-за передачи FormControlComponent в компонент Button

Влияние на компоненты

• Патчи
  picker-button

#1209

Что изменилось

• Добавлено новое свойство icon, которое позволяет передать кастомную иконку при использовании типа кнопки compact

Влияние на компоненты

• Минорное
  picker-button

#1211

Что изменилось

• Добавили dataTestId для иконок, обозначающих успешное действие, ошибку и крестик для очистки
• Компонент Badge заменен на StatusBadge

Влияние на компоненты

• Патчи
  input

v45.9.0

45.9.0

^15.05.2024

#1188

Что изменилось

• Исправлено закрытие компонента при горизонтальных свайпах

Влияние на компоненты

• Патчи
  bottom-sheet

#1197

Что изменилось

• Исправлен отступ кнопок в компоненте bottom-sheet для iOS систем

Влияние на компоненты

• Патчи
  bottom-sheet input-autocomplete input picker-button

#1195

Что изменилось

• Обновлена зависимость react-focus-lock

Влияние на компоненты

• Патчи
  base-modal

#1199

Что изменилось

• В PureCell.AmountTitle заменили компонент Typography.Title на Typography.TitleResponsive

Влияние на компоненты

• Минорное
  pure-cell

#1192

Что изменилось

• В связи с проблемами поддержки свойства gap в Chrome версии 79, было принято решение заменить его использование для создания отступа между элементами Checkmark и подписью в опциях на свойство margin-right, которое было применено к самому элементу Checkmark

Влияние на компоненты

• Патчи
  select

#1202

Что изменилось

• Добавлена возможность устанавливать тип маски для номера счёта

Влияние на компоненты

• Минорное
  bank-card

#1198

Что изменилось

• Добавили новое свойство wrapperRef, отвечающее за ref для обертки textarea

Влияние на компоненты

• Минорное
  textarea

v45.8.0

45.8.0

^27.04.2024

#1173

Что изменилось

• Для компонента Attach с размером 64 исправлен отступ от label. Для остальных размеров сохранены прежние отступы.

Влияние на компоненты

• Патчи
  attach

#1174

Что изменилось

• Обновление библиотеки ui-primitives и зависящих от нее файлов.

Влияние на компоненты

• Патчи
  action-button amount-input amount attach bottom-sheet
button

#1177

Что изменилось

• Добавлены css переменные --pure-cell-clickable-area-hover-opacity и --pure-cell-clickable-area-active-opacity для PureCell темы click

Влияние на компоненты

• Патчи
  themes

Что изменилось

• Добавлен пропс onClick для компонента PureCell.Graphics
• Добавлен пропс onClick для компонента PureCell.Main
• Добавлен пропс onClick для компонента PureCell.Addon
• Кликабельные области PureCell изолированы в плане всплытия событий (click, hover, active)

Влияние на компоненты

• Минорное
  pure-cell

#1183

Что изменилось

• Добавлена возможность изменения текста PeriodSlider для состояния когда ему не переданы даты

Влияние на компоненты

• Минорное
  calendar

#1171

Что изменилось

• Добавлен параметр reason для onInput события

Влияние на компоненты

• Минорное
  input-autocomplete input

#1182

Что изменилось

• Добавлена возможность устанавливать в сегмент ReactNode
• Обновлена документация

Влияние на компоненты

• Патчи
  segmented-control

#1181

Что изменилось

• В компоненте Modal.Header теперь учитывается как onClose пропса из Modal, так и из Modal.Header

Влияние на компоненты

• Патчи
  modal

#1187

Что изменилось

• В компоненте Tab был расширен тип для свойства title до ReactNode

Влияние на компоненты

• Патчи
  tabs

v45.7.0

45.7.0

^19.04.2024

#1163

Что изменилось

• Обновили версию react-canvas-pattern-lock. Исправили ховер, теперь, если линию не довести до узла, она исчезает

Влияние на компоненты

• Минорное
  pattern-lock

#1168

Что изменилось

• Для свойства onDelete был добавлен второй параметр, который является опциональным и представляет собой событие event

Влияние на компоненты

• Минорное
  file-upload-item

#1153

Что изменилось

• Добавили возможность прокидки popoverProps в компонент

Влияние на компоненты

• Минорное
  select

#1170

Что изменилось

• Устранена проблема, из-за которой невозможно было установить год раньше 1971

Влияние на компоненты

• Патчи
  universal-date-input

#1164

Что изменилось

• Добавлен новый компонент Accordion

Влияние на компоненты

• Минорное
  accordion

#1165

Что изменилось

• Добавлено новое свойство style, отвечающее за дополнительные инлайновые стили для враппера

Влияние на компоненты

• Минорное
  tabs

#1172

Что изменилось

• Повышена специфичность для стилей, отвечающих за размеры кнопки text

Влияние на компоненты

• Патчи
  button

#1151

Что изменилось

• Исправлена логика закрытия селекта с номерами телефонов при включенном автокомплите. Теперь при переключении между селектами выбора страны и выбора номера телефона, селекты закрываются, а не перекрывают друг друга

Влияние на компоненты

• Патчи
  international-phone-input

#1169

Что изменилось

• Добавлено свойство offset, которое определяет отступ от верхнего края

Влияние на компоненты

• Минорное
  notification-manager

#1157

Что изменилось

• Изменили логику добавления бордера при скролле в десктопном компоненте. Теперь бордер добавляется к футеру и хедеру только при перекрытии контента

Влияние на компоненты

• Патчи
  select

#1166

Что изменилось

• Добавлено новое свойство style, отвечающее за дополнительные инлайновые стили для враппера

Влияние на компоненты

• Минорное
  segmented-control

v45.6.0

45.6.0

^08.04.2024

#1160

Что изменилось

• Добавлено свойство inputRef, отвечающее за передачу ref на инпут

Влияние на компоненты

• Минорное
  checkbox

#1162

Что изменилось

• Исправлена логика обработки значения minDate. Ранее при установке minDate=new Date().getTime() возникала ошибка при выборе текущей даты. Теперь данное поведение исправлено

Влияние на компоненты

• Патчи
  universal-date-input

v45.5.0

45.5.0

^29.03.2024

#1127

Что изменилось

• Исправлено выравнивание в мобильном компоненте: изменен вид кнопки "Не приходит сообщение" с link на text. Также исправлено выравнивание номеров телефона на экране "Не приходит сообщение?"

Влияние на компоненты

• Патчи
  confirmation

#1100

Что изменилось

• fix(slider): Исправлена проблема, что событие onEnd не вызывалось когда перемещался ползунок стрелками на клавиатуре или тапом в слайдере

Влияние на компоненты

• Патчи
  slider

#1152

Что изменилось

• Повышена специфичность стилей label

Влияние на компоненты

• Патчи
  collapse

#1139

Что изменилось

• Исправлена ошибка при вставке номера телефона без указания кода страны (когда цифра 7 находится на второй позиции). Например, раньше при вставке номера 9706531700 номер форматировался в +7 906 531 70 0. Теперь цифра 7 не удаляется из вставляемого телефона

Влияние на компоненты

• Патчи
  phone-input

#1147

Что изменилось

• Обновили версии пакетов @alfalab/utils и @alfalab/data

Влияние на компоненты

• Минорное
  amount-input amount attach confirmation-v1 confirmation
intl-phone-input pure-cell

#1146

Что изменилось

• Убран margin-left у rightAddons, если title передали пустую строку

Влияние на компоненты

• Патчи
  tabs

#1154

Что изменилось

• Добавлено новое свойство error, отвечающее за отображение ошибки

Влияние на компоненты

• Минорное
  switch

#1143

Что изменилось

• Исправлен повторный рендеринг кастомного экрана при каждом обновлении таймера. Теперь таймер не вызывает повторный рендеринг

Влияние на компоненты

• Патчи
  confirmation

#1141

Что изменилось

• Исправлено определение ширины контента. Ранее, при включенном автокомплите, если было выбрано несколько тегов, и их контент занимал половину ширины поля ввода, при вводе любой буквы, а затем ее удалении, добавлялась и удалялась новая строка. Теперь этой проблемы нет

Влияние на компоненты

• Патчи
  select-with-tags

#1133

Что изменилось

• Добавлена возможность изменять верхний и нижний паддинги компонента независимо друг от друга.
• Добавлена возможность выставлять значение марджина графики.
• Добавлена поддержка 'secondary-large' для текста.

Влияние на компоненты

• Минорное
  pure-cell

v45.4.0

45.4.0

^22.03.2024

#1131

Что изменилось

• Добавили экспорт типа PureCellProps

Влияние на компоненты

• Патчи
  pure-cell

#1137

Что изменилось

• Зафиксирована версия downshift, т.к. более новые версии ломают поведение компонента

Влияние на компоненты

• Патчи
  select

#1135

Что изменилось

• Исправлена критическая ошибка генерации списка в мобильном календаре с view="month-only" при установке даты больше трех лет назад

Влияние на компоненты

• Патчи
  calendar

#1118

Что изменилось

• Добавлены новые варианты кнопок: outlined, transparent, text. Они заменяют предыдущие варианты: tertiary, link, ghost соответственно. Link, ghost теперь deprecated
• Добавлен трансформер button-views-45 для замены предыдущих вариантов (link, ghost) кнопок на новые

Влияние на компоненты

• Минорное
  button

#1138

Что изменилось

• Увеличена специфичность стилей в мобильном селекте

Влияние на компоненты

• Патчи
  select

#1142

Что изменилось

• Изменили название стран с английского на русский язык

Влияние на компоненты

• Патчи
  international-phone-input

#1134

Что изменилось

• Убрали hover для мобильных устройств

Влияние на компоненты

• Патчи
  link

#1129

Что изменилось

• Добавлено новое свойство "multiline", которое позволяет использовать многострочные названия файлов. Также было удалено отображение нижней границы у компонента, если он является единственным или последним в списке

Влияние на компоненты

• Минорное
  file-upload-item

#1140

Что изменилось

• Добавлен обработчик периода range для компонента PeriodSlider

Влияние на компоненты

• Патчи
  calendar

v45.3.0

45.3.0

^15.03.2024

#1122

Что изменилось

• Добавлены десктопная и адаптивная версии компонента

Влияние на компоненты

• Минорное
  pattern-lock

#1125

Что изменилось

• Изменили токен цвета фона при возникновении ошибки с neutral-translucent/100 на neutral-translucent/200

Влияние на компоненты

• Патчи
  form-control

#1120

Что изменилось

• Загрузка изображений исправлена: теперь если произошла ошибка при загрузке, битое изображение не будет отображаться

Влияние на компоненты

• Патчи
  icon-view

#1102

Что изменилось

• Добавлена переменная цвета фона для компонента tooltip

Влияние на компоненты

• Патчи
  tooltip

#1126

Что изменилось

• Добавлены флаги для следующих стран: Caribbean Netherlands, Cyprus, French Guiana, Guadeloupe, Guyana, Kuwait, Malaysia, New Caledonia, Réunion, São Tomé and Príncipe

Влияние на компоненты

• Патчи
  international-phone-input