Release by 31.01.2024

[Yakutoc]

Release Notes

Components

Modal

• поправлена генерация id для Modal, Popup
• добавлены тесты для Modal, Popup

plasma-new-hope: fix id generation for Modal, Popup (#1001)

Avatar и Avatar Group

• добавлены компоненты Avatar и AvatarGroup
• Временно добавлен полифил focus-visible в linaria.tsx

feat(plasma-new-hope): Avatar & AvatarGroup (#962)

Select

• добавлен компонент Select c новым дизайном в библиотеку @salutejs/plasma-new-hope для тем plasma-b2c и plasma-web
• добавлена клавиатурная навигация со следующими комбинациями:
  • Tab - переход на таргет (кнопку)
  • Shift + tab - выход с него (теряем фокус)
  • Пробел / стрелка вверх / стрелка вниз / enter - открыть выпадающий список и переместиться на первый элемент
  • Стрелки вверх / вниз ходим по элементам
  • Пробел / enter - выбираем элемент, закрываем выпадающий список и переходим фокусом снова на таргет (кнопку)
  • Если мы ходим по селекту и нажимаем Tab - выпадающий список закрывается и теряем фокус
  • Если мы ходим по селекту и нажимаем Escape - выпадающий список закрывается и фокусом остаёмся на таргете
  • В мультиселекте тоже самое кроме закрытия выпадающего списка при выборе элемента
  • При активном состоянии у таргета, нажимаем стрелку влево / вправо - попадаем на первый чип
  • Когда находимся на первом чипе, нажимаем стрелку влево / вправо - переходим по чипам
  • Нажимаем backspace - удаляем выбранный чип и переходим на предыдущий
  • Если удалили последний чип, то фокусируемся на таргете
  • Если находимся в выборе элемента из выпадающего списка и нажимаем стрелку влево / вправо - попадаем на самый последний чип
  • Если находимся в режиме выбора элемента и нажимаем стрелку вниз / вверх находясь на последнем / первом элементе, то перескакиваем в начало / в конец

Icons

• добавлены новые иконки и изменена структура файлов старых в библиотеку @salutejs/plasma-new-hope

Button

• добавлены токены для компонента Button, регулирующие высоту и scale при hover и active состояниях plasma-hope: Button: Token: scale #706
• исправлен баг, при котором у компонента Button будет отсутствовать бэкграунд в состоянии disabled и при hover'е

Checkbox, Radiobox

• добавлены токены для компонент Checkbox, Radiobox, отвечающие за отступы

Chip

• добавлен токен для компонента Chip, отвечающий за цвет иконки закрытия

Dropdown

• добавлена поддержка react-компонент в props contentLeft и contentRight
• убрано свойство isNested, т.к. теперь можно вкладывать Dropdown друг в друга без него

feat(plasma-new-hope): Add Select component (#956)

Toast

• добавлен компонент Toast в новой архитектуре
• добавлен в поставку в b2c/web
• обновлены тесты
• обновлена документация

feat(plasma-new-hope/web/b2c): toast refactor & redesign (#1010)

TextArea

• добавлена поддержка переноса строки для свойства placeholder;
• исправлено поведение компонента при использовании свойств defaultValue и placeholder.

fix(plasma-new-hope): Fixes for TextArea component (#1017)

Icons

Hotfix

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

fix(plasma-icons): fix package publish (#989)

Infra

Workflow for dev branch

• добавлен отдельный workflow для безусловной сборки документация и storybook на основе dev ветки

plasma-infra(documentation): Add documentation workflow for dev branch (#996)

Коллаборативный прогон [Perftool]

• добавлен коллаборативный прогон (прогон одновременно двух веток в рамках одного процесса)

ci: use perftool collaborative mode (#991)

Override lerna ls

• переопределили логику ignoreChanges для команды lerna ls чтобы изменения файлов *.component-test.tsx тоже учитывалось

plasma-infra: Override lerna ls config (#995)

Mattermost notifications

• добавлено уведомление для упавшего процесса публикации релиз кандидата

plasma-infra: Add notification when publish failed (#935)

Release pull request

• добавлен выбор ветки для создания release pull request

plasma-infra: Refactoring release pull request workflow (#1007)

Versionate docs

• вынесли этот процесс в отдельный, от публикация релиза, workflow.

plasma-infra: Move the versionate_docs job to a separate workflow (#1006)

Perftool

• убиран verbose loglevel в perftool

Remove perftool max log verbosity (#1004)

Misc

Storybook

• поправлено отображение примера Popup в storybook

chore: fix Popup storybook example (#997)

📦 Published PR as canary version: Canary Versions

✨ Test out this PR locally via:

npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
npm install @salutejs/[email protected]
# or 
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]
yarn add @salutejs/[email protected]

[Salute-Eva]

Theme Builder app deployed!

http://plasma.sberdevices.ru/pr/plasma-theme-builder-pr-1020/

[Salute-Eva]

Documentation preview deployed!
website: http://plasma.sberdevices.ru/pr/pr-1020/
b2c storybook: http://plasma.sberdevices.ru/pr/pr-1020/b2c-storybook/
web storybook: http://plasma.sberdevices.ru/pr/pr-1020/web-storybook/
ui storybook: http://plasma.sberdevices.ru/pr/pr-1020/ui-storybook/
temple storybook: http://plasma.sberdevices.ru/pr/pr-1020/temple-storybook/
new-hope storybook: http://plasma.sberdevices.ru/pr/pr-1020/new-hope-storybook/
asdk storybook: http://plasma.sberdevices.ru/pr/pr-1020/asdk-storybook/

[Salute-Eva]

🚀 This PR is included in version: @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected], @salutejs/[email protected] 🚀