Releases: core-ds/core-components
Releases · core-ds/core-components
v44.1.0
v44.0.0
44.0.0
24.11.2023
#972
Что изменилось
- в респонсив компоненте useMedia заменен на useMatchMedia
- в s и m размере десктопной модалки размер шрифта заголовка изменен с 20px на 22px
Влияние на компоненты
- Патчи
modal
#969
Что изменилось
- Добавлен новый компонент TabBar
Влияние на компоненты
- Минорное
tab-bar
#966
Что изменилось
- В компонентах CustomButton, Link и PickerButton цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру)
Влияние на компоненты
- Минорное
custom-button
link
picker-button
#977
Что изменилось
- В компонентах Backdrop, BaseModal, BottomSheet, Modal, NavigationBar, Popover, Select, SelectWithTags, SidePanel, ToastPlate и Tooltip цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру)
Влияние на компоненты
- Минорное
backdrop
base-modal
bottom-sheet
modal
navigation-bar
popover
select
select-with-tags
side-panel
toast-plate
tooltip
#984
Что изменилось
- Добавлен новый view для PureCell.Text.
Влияние на компоненты
- Минорное
pure-cell
Что изменилось
- view у Typography.Text заменен с component на component-primary
Влияние на компоненты
- Минорное
comment
#963
Что изменилось
- В компонентах Checkbox и Radio для темы site цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру).
- В компоненте Slider удалены цветовые css переменные для тем intranet и mobile.
- В компоненте Switch добавлена темизация для site
Влияние на компоненты
- Мажорное
themes
Что изменилось
- В компонентах Checkbox, Radio и Switch цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру).
- Удалены css переменные для inactive состояния. Пропс inactive - deprecated
Влияние на компоненты
- Мажорное
checkbox
radio
switch
Что изменилось
- В компонентах CheckboxGroup, RadioGroup, SegmentedControl, и Slider цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру)
Влияние на компоненты
- Минорное
checkbox-group
radio-group
segmented-control
slider
#979
Что изменилось
- Прекращена поддержка IE
Влияние на компоненты
- Мажорное
button
checkbox
filter-tag
form-control
input
password-input
scrollbar
select
tag
#997
Что изменилось
- Обновление vars из последней версии ui-primitives
Влияние на компоненты
- Минорное
vars
#995
Что изменилось
- Исключены пропcы titleSize и subtitle у десктопного заголовка
Влияние на компоненты
- Патчи
modal
side-panel
#994
Что изменилось
- Удалено свойство flex-direction: column-reverse у Footer с layout='column'
- Добавлен компонент Controls, который сам правильно расположит кнопки в футере респонсивного компонента.
Влияние на компоненты
- Мажорное
modal
side-panel
#959
Что изменилось
- Исправлена ошибка, из-за которой не работал повторный вызов функции обновления позиции поповера (проп update).
- anchorElement переданный через проп теперь сохраняется в useLayoutEffect. Это позволяет предотвратить неверное позиционирование поповера на первый рендер
Влияние на компоненты
- Патчи
popover
Что изменилось
- Новые стили тэгов
- Добавлен мобильный компонент (Выпадающий список открывается в BottomSheet, а не Popover)
Влияние на компоненты
- Мажорное
select-with-tags
#982
Что изменилось
- В компонентах CalendarInput, CalendarRange, CalendarWithSkeleton, Calendar, Confirmation, DateRangeInput, DateTimeInput, PassCode и Plate цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру)
Влияние на компоненты
- Минорное
calendar-input
calendar-range
calendar-with-skeleton
calendar
confirmation
date-range-input
date-time-input
pass-code
plate
#991
Что изменилось
- Исправлена проблема, из-за которой появлялся warning: "findDOMNode is deprecated"
Влияние на компоненты
- Патчи
backdrop
base-modal
#973
Что изменилось
- В компонентах Badge,CircularProgressBar,Dropzone,FileUploadItem,HatchingProgressBar,Indicator,IconView,Status,ProgressBar и SteppedProgressBar цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру)
Влияние на компоненты
- Минорное
badge
circular-progress-bar
dropzone
file-upload-item
hatching-progress-bar
icon-view
indicator
progress-bar
status
stepped-progress-bar
#992
Что изменилось
- В компонентах BankCard, CodeInput, Comment, Divider, ListHeader, Pagination, Scrollbar, Skeleton, SortableList, Steps, Tabs, Underlay и UniversalDateInput цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру)
Влияние на компоненты
- Минорное
bank-card
code-input
comment
divider
list-header
pagination
scrollbar
skeleton
sortable-list
steps
tabs
underlay
universal-date-input
#990
Что изменилось
- Исправлен баг с отсутствием фокусной обводки у Textarea
Влияние на компоненты
- Патчи
textarea
#983
Что изменилось
- Кнопка "очистить" вынесена в отдельный компонент и добавлена в shared
Влияние на компоненты
- Минорное
input
Что изменилось
- Добавлен крестик очистки в таргет поле в мобильных компонентах
Влияние на компоненты
- Минорное
input-autocomplete
v43.2.0
43.2.0
20.11.2023
#988
Что изменилось
- Повышена специфичность стилей, конфликтующих с base-modal
Влияние на компоненты
- Патчи
bottom-sheet
#987
Что изменилось
- Немного изменена структура файлов в пакетах для корректной сборки в vite
Влияние на компоненты
- Патчи
button
calendar
calendar-input
checkbox-group
code-input
confirmation
custom-picker-button
date-range-input
date-time-input
filter-tag
form-control
input
input-autocomplete
international-phone-input
modal
number-input
picker-button
plate
radio-group
select
side-panel
system-message
tag
toast
toast-plate
tooltip
universal-date-input
#981
Что изменилось
- Добавлен новый проп backButtonProps
Влияние на компоненты
- Минорное
bottom-sheet
navigation-bar
#985
Что изменилось
- Цвет подложки в активном состоянии для компонента FormControl изменен с neutral/0 и neutral_inverted/0 на neutral-translucent/0 и neutral-translucent_inverted/0
Влияние на компоненты
- Минорное
form-control
v43.1.3
v43.1.2
v43.1.1
v43.1.0
43.1.0
09.11.2023
#961
Что изменилось
- Добавлен блюр к полупрозрачным кнопкам
Влияние на компоненты
- Патчи
button
tag
Что изменилось
- Заменены токены для stepper
Влияние на компоненты
- Патчи
number-input
#958
Что изменилось
- Добавлен проп labelProps
Влияние на компоненты
- Минорное
checkbox
radio
#957
Что изменилось
- Добавлены две новые пропсы slideIndex - индекс текущего изображения и onSlideIndexChange - обработчик изменения текущего изображения
Влияние на компоненты
- Минорное
gallery
v43.0.0
43.0.0
03.11.2023
#946
Что изменилось
- Добавлены новые стили (component-secondary и component-primary) для view компонента Typography.Text
- Стиль component-primary дублирует стиль component (view=component deprecated)
Влияние на компоненты
- Минорное
typography
#918
Что изменилось
- Мобильный компонент приведен в соответствие с десктопным, теперь оба компонента имеют одинаковый список пропсов, за некоторым исключением.
- Удалены пропы onFilter, filter, onClearFilter и др, которые раньше использовались только в мобильном компоненте
- bottomSheetHeaderAddonsProps переименованы в inputProps.
- transitionProps в респонсивном компоненте теперь указывается в mobileProps. <InputAutocomplete mobileProps={{transitionProps}}. В мобильном <InputAutocompleteMobile transitionProps={transitionProps}
Миграция с предыдущей версии
Из мобильного компонента удалено дополнительное состояние для фильтра,
соответственно были удалены пропы onFilter, filter, onClearFilter.
Теперь при открытии шторки в инпут будет попадать состояние, переданное через проп value, как и у десктопного компонента,
а при вводе значения в инпут будет вызываться коллбэк onInput. При нажатии кнопки "Отмена" также будет вызываться onInput.
После апдейта нужно заменить
<InputAutocompleteMobile onFilter={onFilter} filter={filter} value={value} bottomSheetHeaderAddonsProps={{}} bottomSheetProps={{transitionProps}}/>
на
<InputAutocompleteMobile onInput={onFilter} value={value} inputProps={{}} transitionProps={transitionProps}/>
Примеры можете посмотреть в нашем сторибуке
Влияние на компоненты
- Мажорное
input-autocomplete
Что изменилось
- В searchProps добавлена возможность прокинуть кастомную функцию фильтрации
- Фокус в поле поиска устанавливается после вызова transitionProps.onEntered, а не по таймауту как раньше
Влияние на компоненты
- Минорное
select
#931
Что изменилось
- В компонентах Select и SliderInput цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру).
- Удалена темизация для intranet и mobile
Влияние на компоненты
- Мажорное
select
slider-input
Что изменилось
- В компоненте FilterTag цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру).
- Удалены некоторые css переменные для мобильного компонента и темизация для mobile
Влияние на компоненты
- Мажорное
filter-tag
Что изменилось
- В компоненте Button цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру).
- Удалена темизация для intranet, click, mobil
Влияние на компоненты
- Мажорное
button
Что изменилось
- В компонентах FormControl и Input цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру).
- Удалены некоторые css переменные для мобильных компонентов и темизация для intranet и mobile
Влияние на компоненты
- Мажорное
form-control
input
Что изменилось
- В компоненте Tag цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру).
- Удалены некоторые css переменные для мобильного компонента и темизация для intranet, click, mobile
Влияние на компоненты
- Мажорное
tag
Что изменилось
- В компонентах ActionButton, Badge, IconButton, InternationalPhoneInput, PickerButton, Spinner, StepperInput, UniversalDateInput цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру)
Влияние на компоненты
- Минорное
action-button
badge
icon-button
international-phone-input
picker-button
spinner
universal-date-input
Что изменилось
- В компоненте CalendarInput цветовые токены изменены на новые (синхронизация и обновление цветовых токенов в рамках перевода их значений на базовую палитру).
- Удалена темизация для intranet и mobile
Влияние на компоненты
- Мажорное
calendar-input
#933
Что изменилось
- Добавлен проп wrapperProps
Влияние на компоненты
- Минорное
base-modal
Что изменилось
- Обновлена версия compute-scroll-into-view
Влияние на компоненты
- Минорное
tabs
Что изменилось
- Обновлена зависимость downshift
- Переключаться между modal и bottom-sheet в SelectMobile можно с помощью пропа isBottomSheet
- Исправлена ошибка, из-за которой не работал onScroll в SelectMobile
Влияние на компоненты
- Минорное
select
#953
Что изменилось
- Изменен порядок кнопок в subAddons
Влияние на компоненты
- Патчи
plate
#901
Что изменилось
- Добавлена isIOS функция
Влияние на компоненты
- Минорное
shared
Что изменилось
- Изменен тип коллбэка onChange, теперь в payload приходит только число
- Добавлены пропы min, max
- Удален prop allowSign. Теперь, чтобы появилась возможность вводить знак "-", достаточно указать min < 0
- Добавлен проп step.
- Удален StepperInput, используйте вместо него NumberInput с пропом step
Миграция с предыдущей версии
- Заменить onChange с (event, {value, valueString}) на (event, {value}).
- allowSign был удален, знак "+" больше указать невозможно. "-" можно указать по-умолчанию.
Чтобы запретить указывать знак "-", достаточно передать проп min={0} - <StepperInput .../> нужно заменить на <NumberInput step={1} .../>
Влияние на компоненты
- Мажорное
number-input
#955
Что изменилось
- Разрешена вставка значений, содержащих нецифровые символы (123₽ -> 123)
Влияние на компоненты
- Патчи
amount-input
#914
Что изменилось
- Обновлены цвета, добавлены новые цветовые группы: decorative, pfm, qualitative, sequential
Влияние на компоненты
- Минорное
vars
themes
v42.15.0
42.15.0
27.10.2023
#947
Что изменилось
- DragOverlay теперь рендерится через портал
- Добавлены пропы portalProps и dragOverlayProps
Влияние на компоненты
- Минорное
sortable-list
#941
Что изменилось
- Исправлен радиус прогресса
Влияние на компоненты
- Патчи
slider
#942
Что изменилось
- Исправлен кастомный горизонтальный скроллбар
Влияние на компоненты
- Патчи
vars
#940
Что изменилось
- Немного увеличена высота мобильного календаря
- Кнопки с годами теперь выровнены по левому краю, а не по центру
Влияние на компоненты
- Патчи
calendar
Что изменилось
- getScrollbarSize перенесена в shared
Влияние на компоненты
- Минорное
base-modal
modal
shared
#944
Что изменилось
- Добавлен package.json с module полем в mobile, desktop, shared точки входа
Влияние на компоненты
- Минорное
button
calendar
calendar-input
checkbox-group
code-input
confirmation
custom-picker-button
date-range-input
date-time-input
filter-tag
form-control
icon-view
input
input-autocomplete
international-phone-input
markdown
modal
number-input
picker-button
plate
radio-group
select
side-panel
stepper-input
system-message
tabs
tag
toast
toast-plate
tooltip
universal-date-input
#948
Что изменилось
- Исправлена анимация появления нотификации
Влияние на компоненты
- Патчи
notification-manager
#910
Что изменилось
- Предотвращает открытие календаря при взаимодействии с элементами вне поля
Влияние на компоненты
- Патчи
calendar-input
#936
Что изменилось
- Исправлена проблема с пагинацией при горизонтальной прокрутке
Влияние на компоненты
- Патчи
table
#943
Что изменилось
- Исправлен баг с некорректным расчетом видимых тэгов
Влияние на компоненты
- Патчи
select-with-tags
#939
Что изменилось
- Добавлен новый пропс titleProps в компонент PureCell.AmountTitle
Влияние на компоненты
- Патчи
pure-cell