Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

plasma-icons: Handle all sizes [React] #1258

Merged
merged 7 commits into from
Jun 20, 2024
Merged

plasma-icons: Handle all sizes [React] #1258

merged 7 commits into from
Jun 20, 2024

Conversation

Yakutoc
Copy link
Collaborator

@Yakutoc Yakutoc commented Jun 18, 2024

React

  • добавлена обработка всех имеющихся размеров: 16, 24, 36
  • обновлены cypress snapshots с использованием иконки IconDone

Before/After

Icon

New-hope

  • изменен токен по-умолчанию для свойство color в IconRoot (теперь var(--text-primary))
  • обновлены cypress snapshots связанные с var(--text-primary)

What/why changed

Ранее система координат и область просмотра у всех иконок была одинаковая - viewBox="0 0 24 24"

Теперь под каждый размер есть свой иконка со своим viewBox.

Пример с canary версией

IconDone

Так как у иконок теперь есть физический размер (viewBox) 16х16 часть snapshots нужно было переснять.

Bundle before

Bundle after

📦 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]
# 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]

Copy link
Contributor

Theme Builder app deployed!

https://plasma.sberdevices.ru/pr/plasma-theme-builder-pr-1258/

@Yakutoc Yakutoc changed the title plasma-icons: Handle all sizes plasma-icons: Handle all sizes [React] Jun 19, 2024
@Yakutoc Yakutoc requested review from denivladislav and removed request for TitanKuzmich and shuga2704 June 19, 2024 10:06
Copy link
Contributor

⚡ Component performance testing

Result: 🟢 OK

Copy link
Contributor

⚡ Component performance testing

Result: 🟢 OK

@Yakutoc Yakutoc added this pull request to the merge queue Jun 20, 2024
Merged via the queue into dev with commit 073bdd1 Jun 20, 2024
31 checks passed
@Yakutoc Yakutoc deleted the feat-handle-icon-size branch June 20, 2024 08:27
This was referenced Jul 24, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants