💥 Релиз 2.0.0 (2-е поколение, React)

Breaking changes!

— Input/InputCard/InputDate/Select/Multiselect/Textarea: Из стилей компонента убрана минимальная ширина в 280px. Теперь компонент растягивается на всю ширину контейнера. Теперь вы можете, не переопределяя стили задать width всем нашим инпутам, либо оставить их адаптивными под ширину родителя

— DropdownMenu/Tooltip/Popover: Ширина рутового элемента-обертки теперь ориентирована на ширину родителя, а не содержимого. Width: fit-content; заменён на width: 100%;

— DropdownMenu: Удалены deprecated props: onChange, value, defaultValue, controlledComponent, deselectEnabled. В параметры headerSlot и footerSlot теперь передаётся два аргумента, вместо трёх (selectedItems отчасти дублировал dropdownItems). Теперь, для того, чтобы компонент работал корректно нужно передавать актуальные items с выбранными опциями isSelected и менять их в зависимости от колбека onClickItem. С примером можно ознакомится в сторе компонента. Дефолтное значение теперь можно задать, передав в items одной или нескольким опциями isSelected: true

— Переработана передача таких атрибутов как className, style, id, /^data-/ в компоненты. Исключены ситуации, когда эти пропсы попадали не на рутовые элементы. Например, при передаче className="123″ DropdownMenu мы увидим класс 123 на самом верхнем уровне рядом с dropdown-menu-root. Если же мы хотим передать класс самому выпадающему меню, то нужно воспользоваться параметром dropdownMenuClassName

— PickerDate: удалены пропсы dayClassName и dayStyle

Изменения:

— Сторибук обновлён до версии 8.6.14, что позволило нам добавить новую вкладку Code с более полным кодом компонента. Реализация вкладки требует доработки, поэтому ждём ваших предложений по улучшению!

— Перенесли лишние зависимости в devDependencies, убрали неиспользуемые

— Исправили инструкции в сторибуке. Добавили раздел «Как отключить визуальный фокус на компоненте» в конец Installation

— Tabs: Добавили возможность вернуть false в onChange, чтобы предотвратить переход на другой TabItem

— Accordion: Добавили пример как можно импортировать компонент к себе в проект