v45.1.0

45.1.0

^04.03.2024

#1098

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

• обновлена темизация click

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

• Патчи
  themes

#1092

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

• Теперь, если пользователь удаляет номер телефона с помощью кнопки "очистить" (крестика), то выбранный флаг сбрасывается на флаг страны по умолчанию (если задан defaultIso2) или на заглушку - флаг страны не выбран. Ранее, после удаления номера с помощью кнопки "очистить", оставался последний выбранный флаг
• Если код страны не найден и установлено свойство defaultIso2, то теперь будет отображаться заглушка - флаг страны не выбран. Раньше оставался дефолтный флаг

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

• Патчи
  international-phone-input

#1116

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

• Добавлено новое свойство transparentMinor, теперь есть возможность отключить полупрозрачность минорной части

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

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

#1106

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

• Повышена специфичность стилей для option в SelectMobile

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

• Патчи
  select

#1112

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

• Повышена специфичность стилей для кнопки на экране FATAL_ERROR

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

• Патчи
  confirmation

#1105

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

• Расширили типы для children в подкомпонентах GraphicsElement, MainElement, FooterElement

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

• Патчи
  pure-cell

#1110

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

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

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

• Патчи
  universal-date-input

#1111

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

• Добавлен новый пропс onApply, отвечающий за обработку клика по кнопке "Выбрать"
• Добавлена возможность передавать dataTestId в компонент ModalMobile и его слоты (для CalendarMobile), а также в кнопки подтверждения и сброса

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

• Минорное
  calendar

#1108

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

• обновлены минорные версии @alfalab/utils и @alfalab/data

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

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

#1119

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

• Добавлена новая пропса errorVisibleDuration, отвечающая за продолжительность отображения ошибки
• Увеличено дефолтное время отображения ошибки с 300ms до 1300ms

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

• Минорное
  code-input confirmation

v45.0.0

45.0.0

^12.02.2024

#1021

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

• Для компонента ActionButton добавлен новый способ указать размер - 48. Буквенное значение размера s теперь deprecated, используйте вместо него 48
• Для компонента Attach добавлены новые способы указать размеры - 32, 40, 48, 56, 64. Буквенные значения размеров xxs, xs, s, m, l теперь deprecated, используйте вместо них 32 , 40 , 48 , 56 , 64 соответственно
• Для компонента FilterTag добавлены новые способы указать размеры - 32, 40, 48. Буквенные значения размеров xxs, xs, s теперь deprecated, используйте вместо них 32, 40, 48 соответственно

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

• Минорное
  action-button attach filter-tag

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

• Добавлены новые способы указать размеры - 48, 56, 64, 72. Буквенные значения размеров s, m, l, xl теперь deprecated, используйте вместо них 48, 56, 64, 72 соответственно

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

• Минорное
  amount-input form-control input-autocomplete input international-phone-input
masked-input number-input password-input phone-input select
select-with-tags slider-input textarea universal-date-input

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

• Добавлены новые способы указать размеры - 32, 40, 48, 56, 64, 72. Буквенные значения размеров xxs, xs, s, m, l, xl теперь deprecated, используйте вместо них 32, 40, 48, 56, 64, 72 соответственно

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

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

#1054

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

• Файл index.js, который находится в корне пакета, теперь имеет cjs формат.

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

• Патчи
  vars

#1033

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

• Добавлены новые способы указать размеры - 500, 600, 800, 1140. Буквенные значения размеров s, m, l, xl теперь deprecated, используйте вместо них 500, 600, 800, 1140 соответственно

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

• Минорное
  modal

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

• Добавлен новый способ указать размер - 500. Буквенное значение размера s теперь deprecated, используйте вместо него 500

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

• Минорное
  side-panel

#1025

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

• Добавлены новые способы указать размеры - 24, 48, 64, 80, 128, 144. Буквенные значения размеров xs, s, m, l, xl, xxl теперь deprecated, используйте вместо них 24, 48, 64, 80, 128, 144 соответственно

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

• Минорное
  circular-progress-bar

#1028

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

• Добавлены новые способы указать размеры - 32 и 40. Буквенные значения размеров xs и xxs теперь deprecated, используйте вместо них 32 и 40 соответственно

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

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

#1041

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

• Переименованы свойства. onChange стал называться onInputChange, onComplete стал называться onChange
• Изменены типы свойств value и onChange.
• Исправлена ошибка из-за которой onChange не вызывался в момент очистки инпута

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

• Меняем onChange на onInputChange. (но от использования onInputChange лучше отказаться, если не нужно посимвольно контролировать пользовательский ввод).
• Меняем onComplete на onChange. (Это основной обработчик. Вызывается в момент, когда дата введена полностью, либо полностью стерта. Первый аргумент - дата(или диапазон дат), второй - значение инпута).
• value теперь принимает дату(диапазон дат в случае view=data-range), а не строку как раньше.

Примеры всегда можно посмотреть в сторибуке

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

• Мажорное
  universal-date-input

#1026

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

• Добавлены новые способы указать размеры - 8, 20, 24, 40. Буквенные значения размеров xs, s, m, l deprecated, используйте вместо них 8, 20, 24, 40 соответственно
• Значение, передаваемое в пропс height, определяет диапазон, для которого применяются определенные стили типографики и внутренних отступов компонента. Например, при height={10} стили будут применяться для диапазона от 9 до 16 (при этом 16 - граничное значение высоты). Были внесены изменения в пограничные значения высоты, при которых происходит изменение типографики и внутренних отступов компонента. Ранее изменение происходило в диапазонах высоты: от 0 до 8, от 9 до 18, от 19 до 24, от 25 до 32 и от 33 до 40. Теперь же эти диапазоны составляют от 0 до 8, от 9 до 16, от 17 до 20, от 21 до 24 и от 25 до 40

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

• Мажорное
  indicator

#1067

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

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

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

• Минорное
  text

#1037

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

• Добавлены новые способы указать размеры - 0, 1, 2, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64, 72, 96, 128, 256. Буквенные значения размеров 3xs, 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl, 5xl, 6xl, 7xl, 8xl теперь deprecated, используйте вместо них 2, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64, 72, 96, 128, 256 соответственно

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

• Минорное
  gap

#1096

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

• Изменены стили для темы click: в bottom-sheet при скролле у header нет нижнего бордера, у back-arrow в navigation-bar теперь primary цвет

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

• Патчи
  navigation-bar themes

#1027

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

• Добавлены новые способы указать размеры - 4 и 8. Буквенные значения размеров s и m теперь deprecated, используйте вместо них 4 и 8 соответственно

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

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

#1029

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

• Добавлены новые способы указать размеры - 4 и 2. Буквенные значения размеров m и s теперь deprecated, используйте вместо них 4 и 2 соответственно

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

• Минорное
  slider

#1088

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

• Добавлены новые палитры, доступные в ts: decorative, qualitative, sequential, pfm

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

• Патчи
  vars

#1043

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

• Тип onChange коллбэка заменен на (value: string) => void

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

• Мажорное
  international-phone-input

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

• Тип onInput коллбэка заменен на (value: string) => void

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

• Мажорное
  input-autocomplete

#1062

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

• Обновлена зависимость downshift до 8.3.1

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

• Минорное
  select

#1087

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

• Повышена специфичность стилей Checkmark (стили Badge переопределяли стили в Checkmark, из-за чего вместе с точкой отрисовывался и бейдж)

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

• Патчи
  select

#1024

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

• Добавлены новые способы указать размеры - 20 и 24. Буквенные значения размеров s и m теперь deprecated, используйте вместо них 20 и 24 соответственно

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

• Минорное
  checkbox radio

#1030

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

• Добавлены новые способы указать размеры - 16, 24, 48. Буквенные значения размеров xs, s, m теперь deprecated, используйте вместо них 16, 24, 48 соответственно

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

• Минорное
  spinner

v44.7.0

44.7.0

^06.02.2024

#1081

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

• Добавлен дополнительный класс для контента - contentClassName

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

• Патчи
  dropzone

#1083

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

• Добавлен вызов функции onClear из inputProps

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

• Минорное
  international-phone-input

#1090

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

• Теперь подзаголовок "Код отправлен на" не отображается, если номер телефона не передан

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

• Патчи
  confirmation

#1077

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

• Добавили возможность скрывать текст для кнопки назад (заголовок) в модальных компонентах (BottomSheet, Modal, SidePanel). Для того чтобы скрыть текст кнопки назад, необходимо указать backButtonProps={{ text: null }}

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

• Патчи
  navigation-bar

v44.6.0

44.6.0

^24.01.2024

#1019

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

• Добавлен новый проп textStyle, с помощью которого задается стиль текста табов (только primary). Если textStyle указан, то свойство size будет проигнорировано, все отсутпы также зависимы от textStyle.

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

• Минорное
  tabs

#1049

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

• Добавили возможность передавать dataTestId в слоты content и footer.
• Добавлена функция getBottomSheetTestIds для поиска элементов. Подробное описание смотрите во вкладке Разработчику -> Использование dataTestId.

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

• Минорное
  bottom-sheet

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

• Добавлена функция get{ComponentName}TestIds для поиска элементов. Подробное описание смотрите во вкладке Разработчику -> Использование dataTestId

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

• Минорное
  action-button button form-control input number-input
pass-code pattern-lock popup-sheet sortable-list system-message
tab-bar textarea universal-date-input

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

• Добавили возможность передавать dataTestId в компонент Modal и его слоты (для SelectModalMobile), а также в кнопки подтверждения и сброса при множественном выборе.
• Добавлена функция getSelectTestIds для поиска элементов. Подробное описание смотрите во вкладке Разработчику -> Использование dataTestId.

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

• Минорное
  select

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

• Добавили возможность передавать dataTestId в input, его обертку и слоты.
• Добавлены функции getInputAutocompleteDesktopTestIds и getInputAutocompleteMobileTestIds для поиска элементов. Подробное описание смотрите во вкладке Разработчику -> Использование dataTestId.

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

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

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

• Добавили возможность передавать dataTestId в компонент выбора страны и props в input (error, rightAddons).
• Добавлены функции getInternationalPhoneInputDesktopTestIds и getInternationalPhoneInputMobileTestIds для поиска элементов. Подробное описание смотрите во вкладке Разработчику -> Использование dataTestId.

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

• Патчи
  international-phone-input

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

• В PureCellContext добавлен dataTestId, что позволяет избежать необходимости передавать dataTestId в каждый слот отдельно.
• Добавлена функция getPureCellTestIds для поиска элементов. Подробное описание смотрите во вкладке Разработчику -> Использование dataTestId.

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

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

#1072

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

• Исправлена ошибка, из-за которой не отображалось изображение в preview, если адрес изображения содержал пробел

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

• Патчи
  gallery

#1079

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

• Исправлена ошибка с nested оператором в css, из-за которой svg изображения не растягивались на всю ширину контейнера

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

• Патчи
  icon-view

#1076

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

• Добавлен проп itemContentClassName

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

• Минорное
  sortable-list

#1080

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

• Добавлен новый проп allowBackdropFilter, который включает размытие фона для некоторых вариантов кнопок (secondary, accent + disabled, primary + disabled) и тегов (filled, outlined + checked + disabled)

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

• Минорное
  button tag

#1070

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

• Добавлен новый weight - semibold
• Исправлена ошибка с жирностью в мобильном заголовке (по-умолчанию жирность мобильного заголовка со шрифтом system должна была быть 600, а была 700)

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

• Минорное
  typography

#1071

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

• Исправлено отображение тени в мобильном компоненте (теперь визуально отображается как бордер и не обрезается из-за паддингов в контентной части модалки)

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

• Патчи
  calendar

#1074

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

• Исправлена ошибка с выбором диапазона дат. (Если dateFrom была равна dateTo и после этого выбиралась меньшая дата, то получался некорректный диапазон, в котором dateTo < dateFrom)

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

• Патчи
  calendar universal-date-input

#1075

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

• Исправлена проблема с неверным выделением границ переполнения

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

• Патчи
  textarea

#1069

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

• В Slider добавлены колбэки onStart, onEnd.
• В SliderInput добавлены колбэки onSliderStart, onSliderEnd
• Исправлена ошибка в 18 реакте с инициализацией слайдера ("Slider was already initialized")

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

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

#1078

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

• Исправлена проблема с "прыжками" каретки при редактировании введенного значения (было: '1|2.12.2020' -> type 3 -> 13.12.2020|)

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

• Патчи
  date-input

v44.5.1

44.5.1

^29.12.2023

#1042

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

• Исправили выравнивание компонента. (Если бейдж был размещен в контейнере с использованием flexbox, то он центрировался по вертикали этого контейнера)

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

• Патчи
  badge

#1044

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

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

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

• Патчи
  tab-bar

#1059

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

• Добавлен toggleRef для кнопки переключения таба

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

• Патчи
  tabs

#1051

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

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

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

• Патчи
  radio switch

v44.5.0

44.5.0

^19.12.2023

#1039

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

• Исправлена ошибка с dataTestId в заголовках. В версии 44.4.0 явно переданный dataTestId в Header не работал.
• Добавлены функции getSidePanelTestIds, getModalTestIds для удобного поиска элементов модальных сущностей. Импортировать их можно из @alfalab/core-components/{modal,side-panel}/shared.

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

• Минорное
  modal side-panel

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

• Исправлены типы getDataTestId функции

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

• Патчи
  shared

#1048

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

• Добавлена возможность прокидывать кастомную ошибку в static календарь

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

• Патчи
  calendar-range

#1046

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

• Добавлен новый проп useCssGaps. Не всеми старыми браузерами поддерживается flex gaps, поэтому используйте на свой страх и риск

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

• Минорное
  space

#1045

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

• Добавлены свойства align и wrapperClassName в skeletonProps

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

• Минорное
  typography

#1038

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

• Раньше при появления оверлея в дропозоне контент оставался видимым и из-за прозрачности в цвете оверлея его было видно, теперь скрываем контент при появление оверлея

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

• Минорное
  dropzone

v44.4.0

44.4.0

^08.12.2023

#1009

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

• Добавлены два новых размера компонента: 16 и 56. Добавлено новое свойство mainSize, отвечающее за размер основного слота (обычно, это иконка)

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

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

#1001

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

• Изменен отступ до аддонов в размерах xxs, xs с 4px до 6px

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

• Патчи
  filter-tag picker-button tag

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

• Добавлены свойства hint, textResizing и shape
• Изменен отступ до аддонов в размерах xxs, xs с 4px до 6px

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

• Минорное
  button

#1036

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

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

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

• Патчи
  select

#1010

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

• Исправлена позиция стрелки поповера в случаях, когда anchorElement более чем в два раз выше или шире самого поповера и position заканчивается на -start или -end

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

• Патчи
  popover

#1018

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

• Изменены стили для состояния disabled в соответствии с макетом. Css-переменная --switch-icon-disabled-checked-color переименована в --switch-icon-disabled-color

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

• Минорное
  switch

#1011

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

• Исправлена ошибка, из-за которой обработчик onChange вызывался при клике на addon

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

• Патчи
  checkbox radio switch

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

• Добавлена функция preventDefault

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

• Минорное
  shared

#1008

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

• Title, TitleMobile и TitleResponsive обернуты в forwardRef

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

• Минорное
  typography

#1003

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

• Цвет primary кнопки мобильного компонента в теме corp изменен на черный

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

• Минорное
  button

• Патчи
  themes

#1007

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

• Обновлена зависимость @alfalab/icons-glyph

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

• Минорное
  attach badge bank-card calendar calendar-input
checkbox checkbox-group collapse confirmation-v1 date-range-input
date-time-input dropzone file-upload-item filter-tag gallery
input international-phone-input intl-phone-input navigation-bar number-input
pagination pass-code password-input picker-button plate
select select-with-tags sortable-list steps tabs
toast-plate universal-date-input

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

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

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

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

#1004

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

• Добавлены новые размеры - 24, 32, 40, 48, 56

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

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

#1013

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

• Исправлена проблема, из-за которой dataTestId не передавался внутренним компонентам (Header, Content, Footer, Controls)

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

• Патчи
  modal side-panel

#1016

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

• Изменили CSS-токен для фона в степпере с neutral_inverted/1500 на neutral-translucent/0 в дефолтном наборе цветов и с neutral/1500 на neutral-translucent_inverted/0 в инвертированном

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

• Патчи
  number-input

#1006

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

• Удалена темизация corp (стиль перекрытия при фиксации для футера и хедера) для компонентов BottomSheet и Modal

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

• Минорное
  themes

#1017

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

• Добавлен проп codeFormat: 'letter' | 'symbolic'

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

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

v44.3.0

44.3.0

^30.11.2023

#1014

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

• Добавлен data-test-id с модификатором inner на wrapper инпута

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

• Патчи
  form-control

#1000

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

• Добавлено новое свойство colors, отвечающее за набор цветов в компоненте (возможность переключить на inverted цвета для тёмного фона)

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

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

v44.2.0

44.2.0

^28.11.2023

#1005

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

• Добавлено свойство title в мобильный компонент. Если свойство передано, то при открытии шторки или модального окна в заголовке будет title, а не label, как раньше

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

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

v44.1.0

44.1.0

^27.11.2023

#999

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

• Добавлены пропы onApply и onCancel в мобильный компонент
• Исправлена ошибка с onClear, из-за которой вызывался внутренний обработчик вместо переданного через проп

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

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