Changelog
0.305.0 (30 апреля 2025)
Функциональные изменения в компонентах
Docs
- исправлены опечатки и общий шаблон документации
Textfield
- добавлен в документацию пример c логикой очистки input
- исправлен механизм truncate для длинных текстов
DatePicker
- исправлено поведение автофокуса на input после ввода дат
- исправлено поведение, при корректном вводе даты вызывается onCommit
- расширен интерфейс для payload событий, добавлены поддержка ISO формат и объект с датами
- расширен тип value до string
Tabs
- добавлен токен для регулирования свойства cursor, по-умолчанию
pointer
Combobox
- убрано поведение скролла к инпуту после выбора элемента в режиме
multiple
;
-
актуализирована документация;
-
добавлен явный экспорт типа ComboboxItemOption;
- исправлен баг, не позволявший вызывать коллбэк
filter
в момент полной очистки инпута;
Notification
- добавлен новый callback onTimeoutClose, вызывается при автоматическом закрытии по timeout.
Autocomplete
- добавлен рендер-пропс
renderItem
;
0.304.0 (17 апреля 2025)
Функциональные изменения в компонентах
Steps
-
добавлено новое свойство
itemView
-
добавлено
accent
view
и комбинации сitemView
Cell
- исправлены опечатки в "color=inherit"
IconButton
- исправлены опечатки в "color=inherit"
Datepicker
- добавлено возможность прокинуть атрибут
autoComplete
Checkbox
- добавлен новый размер
L
Dropdown
- добавлено индивидуальное свойство
trigger
для каждой группы вложенных списков для кастомной настройки их открытия;
Tree
- в документацию добавлен пример с виртуализацией;
- добавлено свойство
contentRight
;
Select
- расширен функционал, позволяющий работать с
value
, которых нет в спискеitems
;
- При нажатии на
helperText
список не раскрывается
Combobox
- расширен функционал, позволяющий работать с
value
, которых нет в спискеitems
;
- При нажатии на
helperText
список не раскрывается
Typography
- Добавлена поддержка свойства
isNumeric
, которое делает цифры моношоринными
Radiobox
- добавлен новый размер
L
Autocomplite
- При нажатии на
helperText
фокус наtextfield
не происходит
Sheet
-
Добавлен props
handlePlacement
-
Добавлен пример в
storybook
с полноэкраннымsheet
Изменения в библиотеки
Themes
- Обновлены значения типографики в темах
plasma_giga
иplasma_giga_app
.
0.303.0 (3 апреля 2025)
Функциональные изменения в компонентах
Range
- добавлен
hover
дляinput
control в компоненте
Table
- добавлен новый компонент
Tokens
- добавлены stories с выводом числовых токенов
spacing
иcorner radius
Button
- добавлен
margin
при наличииchildren
уcontentLeft
Textarea
- исправлен баг при вводе
col
и некорректном отображенииouterLabelWrapper
Slider
- min/max значения внесены внутрь контейнера одиночного слайдера
Typography
-
Добавлена поддержка свойства
as
для linaria сборки -
Добавлены свойства
as
иforwradedAs
на уровне типов -
Добавлена документация с примером
- Добавлена поддержка свойства
medium
- добавлены stories с выводом токенов типографики
Checkbox
- Исправлено поведение
checkbox
на нативное в состоянииindeterminate
Plasma-themes
- Обновлены токены для всех тем этой группы
- Добавлены токены medium начертаний для типографики во все темы этой группы
Sdds-themes
- Обновлены токены для всех тем этой группы
- Добавлены токены medium начертаний для типографики во все темы этой группы
Plasma-tokens
- Обновление theme
plasma_b2c
- Обновление theme
sdds_serv
- Обновление theme
plasma_giga
- Добавлена theme
plasma_giga_app
(ду бликат plasma_b2c) - Добавлены токены теней для native платформ в themes
plasma_b2c
иplasma_web
0.293.0 (20 марта 2025)
Функциональные изменения в компонентах
Button
- исправлены токены для
hover
,active
IconButton
- исправлены токены для
hover
,active
Calendar
- добавлены переводы для aria-label на
eng
Dropdown
- добавлено новое свойство
openByRightClick
для открытия по правому клику мыши
- добавлено свойство
listMaxHeight
- свойство
listHeight
теперь deprecated
TextField
- добавлено новое свойство
hasRequiredIndicator
, которое регулирует наличие индикатора обязательности поля
TextArea
- добавлено новое свойство
hasRequiredIndicator
, которое регулирует наличие индикатора обязательности поля
Range
- добавлено новое свойство
hasRequiredIndicator
, которое регулирует наличие индикатора обязательности поля
DatePicker
- добавлено новое свойство
hasRequiredIndicator
, которое регулирует наличие индикатора обязательности поля
Select
- добавлено новое свойство
hasRequiredIndicator
, которое регулирует наличие индикатора обязательности поля
- добавлена документация по использованию
react-hook-form
с помощьюController
- расширено свойство
onChange?: (value: string[], item: T | null)
- расширили свойство
renderTarget?: (value: K[], opened?: boolean)
- добавлено свойство
listMaxHeight
- свойство
listHeight
теперь deprecated - добавлено свойство
onScroll
для возможности бесконечной подгрузки - добавлено свойство
onToggle
- добавлено состояние
readOnly
- исправлен UI для состояния disabled
Switch
- добавлен новый токен, для изменения кол-ва строк в
description
Notification
- добавлены новые значения для
NotificationPlacement
.top
,center
,left
,bottom
,right
и производные комб инации.
Combobox
- добавлена документация по использованию
react-hook-form
с помощьюController
- расширено свойство
onChange?: (value: string[], item: T | null)
- добавлено новое свойство
emptyStateDescription
- добавлено свойство
listMaxHeight
- свойство
listHeight
теперь deprecated - добавлено св-во
onScroll
для возможности бесконечной подгрузки - добавлено св-во
onToggle
- исправлен баг с позиционированием выпадающего списка при динамическом изменении его высоты
Checkbox
- исправлено поведение в
controlled
при состоянииindeterminate
LinkButton
- добавлен новый компонент LinkButton
NumberFormat
- добавлен компонент для ввода чисел с форматированием
Tree
- добавлена возможность использовать компонент в
controlled-варианте
Textfield
- исправлен баг в режиме
readOnly
;
Cell
- изменен
gap
между элементами в размерахxs
иm
Pagination
- добавлено новое свойство
onChange?: (page?: number, perpage?: number)
Autocomplete
- исправлен баг с позиционированием выпадающего списка при динамическом изменении его высоты;
Calendar, DatePicker
- д обавлено свойство
renderFromDate
, для регулирования даты отрисовки календарной сетки
Card
- добавлен новый компонент Card
Изменения в библиотеки
Button
- Добавлен размер
xl
ButtonGroup
- Добавлен размер
xl
IconButton
- Добавлен размер
xl
Form
- исправлена работа документации в разделе
Формы
0.274.0 (6 марта 2025)
Функциональные изменения в компонентах
Notification
- добавлен логика для переопределения color:
title
,icon
,content
Tabs
- при программном выборе таба происходит скролл к выбранному табу
Autocomplete
- переведен на новую архитектуру с использованием
@floating-ui
Calendar
- Добавлены новые токены цвета текста при
disabled
Datepicker
- Добавлены новые токены цвета текста при
disabled
Select
- добавлена опциональная виртуализация в выпадающий список;
Tree
- добавлен пропс
renderTitle
;
- добавлен явный экспорт типов;
createApplyPaperMixin
- Добавлен билдер миксина
applyPaper
Dropzone
- изменен
type
на ReactNode для свойствtitle
,description
Segment
- добавлено свойство
singleSelectedRequired
, которое делает один сегмент обязательно активным
- добавлен
view=accent
для SegmentItem
- добавлена опциональная виртуализация в выпадающий список;
Dropdown
- добавлен размер
xl
- добавлен размер
xl
Checkbox
- добавлен токен
labelColor
TextField, TextArea, Range
- обновлено отображение readOnly
Изменения в библиотеки
applyPaper
- Добавлен миксин
applyPaper
, который позволяет создать базовый стиль подложки для любого блока, со следующим набором свойств, значения которых доступны из темы plasma_giga:- backgroundColor - отвечает за цвет подложки в котором можно выбрать токены цветов и градиентов;
- borderRadius - отвечает за скругление углов блока;
- shadow - отвечает за применение стилей теней для блока;
- styles - отвечает за все доступные css свойства.
Например:
<div
style={applyPaper({
backgroundColor: surfaceAccent,
borderRadius: borderRadiusM,
shadow: shadowDownHardM,
styles: {
color: white,
width: 10rem,
height: 10rem,
},
})}
>
Test card
</div>
0.256.0 (20 февраля 2025)
Функциональные изменения в компонентах
Calendar
- исправлен выбор месяца на двойном календаре
Accordion
- изменен тег в
AccrodionItem
сbutton
наdiv
Combobox
- добавлена опциональная виртуализация в выпадающий список
Popover
-
добавлен токен
box-shadow
-
исправлены примеры в
storybooks
для корректной демонстрации
Drawer
- добавлена возможность задавать цвет фона панели
Checkbox
- актуализированы
view
согласно макетам
Radiobox
- актуализированы
view
согласно макетам
- исправлена ошибка при работе с
react-hook-form
, если не указано изначальное значение
Select
- исправлена ошибка при работе с
react-hook-form
, если не указано изначальное значение
Textarea
- добавлен новый размер
xl
- исправлена работа
end
иstart
приtarget
меньше чем32px
Select, Combobox
- исправлен баг, связанный с возможностью выбирать
disabled
item через его родителя;
Steps
- исправлен
background
,cursor
Calendar, DatePicker
- исправлена логика отрисовки календарных сеток "месяц", "квартал", "год" для минимальной и максимальной дат
Before:
https://github.com/user-attachments/assets/18943dab-5a6d-4e0f-945b-2aef7c815b23
After:
https://github.com/user-attachments/assets/1725f4c3-3db7-469a-b0d6-c1f5e275623f
- добавлено св-во
onChangeValue
для отслеживания изменений значения в строке поиска.
Checkbox, Radiobox
- добавлен корректный отступ для
trigger icon
0.241.0 (6 февраля 2025)
Функциональные изменения в компонентах
Accordion
- добавлены новые размеры с
h2
поh5
Toast
Убрана очистка таймаута в ToastContorller
- исправлена передача свойства
closeIconType
- добавлено новое свойство
textColor
- добавлены новые значения для
view
:positive
,negative
- значения
view
:dark
,light
помечены какdeprecated
Portal
- исправлена ошибка гидрации в Next
Autocomplete
- исправлена ширина компонента в storybook
DatePicker
- добавлена возможность передавать внешнее значение даты в DatePicker
https://github.com/user-attachments/assets/b26c67c2-1255-4831-b44e-0e876103153d
Range
- добавлена возможность задать цвет
helperText
при статусеerror
иsuccess
Datepicker
- добавлена возможность задать цвет
helperText
при статусеerror
иsuccess
Popover
- Добавлен пропс
animated
, который делает плавное появленияPopover
за 200мс
Tooltip
- Исправлена работа свойства
animated
, путем наследования этого свойства изPopover
Dropdown
- добавлен явный экспорт типов;
Select
- добавлен явный экспорт типов;
Textfield
- исправлен баг, связанный с пропсом required в режиме с чипами;
TextArea
- Hint остается активным при disabled состоянии
- добавлен раздел в документацию по работе с NextJs
Изменения в библиотеки
- В документацию добавлено предупреждение о том, что
view
:dark
иlight
устарели; добавлен пример того, как переключать темы при помощиViewContainer
- В документацию добавлен пример для
view
:positive
,negative
с иконкойcolor=inherit
0.228.0 (23 января 2025)
Функциональные изменения в компонентах
Rating
- исправлена логика расчета отображаемого значения
Before:
After:
Note
- добавлен новый компонент Note
Flow
Универсальный контейнер для упорядоченного размещения вложенных компонентов (например, медиафайлы, карточки или блоки текста).
NumberInput
- исправлен баг, позволявший ввести число с точкой в конце, больше максимального значения или ниже минимального значения
- добавлено свойство
precision
, определяющее кол-во знаков после запятой - добавлены тесты на эти кейсы
DatePicker
- добавлена возможность указать место раскрытия календаря
After:
Avatar
- добавлен блок для отображения дополнительного контента в виде badge или counter
After:
- поля ввода даты становятся независимыми после выбора полной даты в DatePickerRange
- добавлено свойство
closeAfterDateSelect
, позволяющее закрыть календарь после выбора даты
Slider
- Изменен отступ между иконкой слева и label при горизонтальном слайдере
ThemeBuilder
Добавлена валидация при создании токена / редактировании токена:
- Проверка, что токен называется в CamelCase нотации
- Название токена не должно превышвать 32 символа
- Название не должно начинаться с название подгруппы, в которой он создаётся
- В названии не должно быть зарезервированных слов "onDark", "onLight", "inverse"
- Значение обычного цвета теперь поддерживается только в HEX и HEXA форматах
- Значение градиента допускается только в полном описании: linear|radial-gradient (<угол / радиус>, <цвет> <позиция>, <цвет> <позиция>)
Cell
- добавлена возможность передачи
restProps
в компонентыCellTextbox
- исправлен пример для
CellTextbox
Checkbox
- исправлена ширина кликабельной области
label
по умолчанию (singleLine=false
) - добавлена
story
для длинного названия +singleLine
- добавлен тест на клик по
label
и тест для свойстваsingleLine
Radiobox
- исправлена ширина кликабельной области
label
по умолчанию (singleLine=false
)
TextField, Autocomplete, TextArea, Combobox, Select
- исправлен размер иконки trigger для hint
- добавлено отображение Hint внутри TextField-like компонент
Combobox, Select, Dropdown
- добавлена возможность задавать направление раскрытия вложенных дропдаунов
Button, IconButton
- актуализированы примеры документации для свойств:
size
,view
Tree
- перенесен внешний css из rc-tree в локальную сборку
Tokens
- актуализированы токены для конфигураций компонентов
Autocomplete, Select, Combobox
- добавлены новые токены для более детальной кастомизации
- исправлен токен жирности шрифта для
button-like
вариантаSelect
;
Dropdown
- добавлен токен
itemMargin
- добавлен токен
disclosureIconColor
Изменения в библиотеки
Portal
- добавлено примечание о том что используются только в сборке
styled-components
0.216.0 (26 декабря 2024)
Функциональные изменения в компонентах
Counter
- изменили минимальное значение с 1 на 0
Select, Autocomplete, Combobox
- добавлены свойства beforeList и afterList, которые служат ячейками для content в выпадающем списке;
TextArea
- изменен тип свойства
rightHelper
наReactNode
Select
- добавлена поддержка
react-hook-form
Tokens
- Добавлена генерация
spacing
токенов
TS
- обновлена, глобально, версия TS с 4.2.4 до 4.5.5
Attach
- добавлено свойство
helperText
- добавлен
helperTextView
со значениямиdefault
иnegative
Notification
- исправлена типизация компонента (убран принудительный кастинг)
Button, ButtonGroup, IconButton
- Добавлен размер
xl
во все вертикали
TextField
- исправлено поведение свойства
textAfter
, теперь позиция в сегда рядом с текстом input
Textarea
-
актуализированы примеры в storybook в соответствии с дизайном
-
исправлена работа
placeholder
при работеreact-hook-form
с defaultValues
Breadcrumbs, Calendar, Combobox, Dropdown, Select, Slider
- исправлены циклические зависимости
Popover
- в target можно передать ref на элемент, рядом с которым произойдет открытие
Dropdown
-
свойство
hasArrow
помечено какdeprecated
-
актуализированы примеры в
storybook
- добавлена новые токены для возможности управления расстоянием между контентом Item и иконкой DisclosureRight
- добавлен новый токен, отвечающий за скейлинг иконки DisclosureRight в зависимости от размера компонента
- исправлены стили скруглений и отступтов, теперь они рассчитываются по формуле, также как и в компоненет
Select
Tree
- добавлен новый компонент (многоуровневый раскрывающийся список в виде дерева);
TextArea, TextField
- свойства required попадает в
DOM
на соотвествующие элементы
- закрытие выпадающего списка теперь возможно по повторному нажатию на таргет;
Изменения в библиотеки
- Добавлены
spacing
токены
FontSize, LineHeight
-
изменен
TextL
дляLargeScreen
на 20/28 -
изменен
TextM
дляLargeScreen
на 16/22 -
изменен
TextM
дляMediumScreen
на 16/22 -
изменен
TextM
дляSmallScreen
на 16/22
Package
- добавлена новая вертикаль
Button, ButtonGroup
- изменено скругление кнопок по умолчанию
Docs
- поднята документация к пакету - ссылка