plasma-icons: Fix plasma icons exports by Yakutoc · Pull Request #2800 · salute-developers/plasma

Yakutoc · 2026-05-25T10:03:05Z

Core

Icons

добавлена возможность import для каждого размера отдельно

What/why changed

Пример в песочнице - https://codesandbox.io/p/sandbox/plasma-web-example-forked-6kvwl3

Главный barrel `@salutejs/plasma-icons` через `Icons/IconX.tsx`
статически импортирует все три ассета (`Icon.assets.16/24/36`) и
выбирает один в рантайме по prop `size`. Tree-shaking не может
выбросить неиспользуемые размеры — все три считаются «used by name».

**На typical-приложении с ~80 иконками это даёт ~800 КБ raw / 350 КБ gz
лишнего веса (триплицированные SVG-ассеты).**

Генератор теперь параллельно с `Icons/IconX.tsx` эмитит
single-size компоненты `Icons.16/IconX.tsx`, `Icons.24/IconX.tsx`,
`Icons.36/IconX.tsx`, каждый из которых импортирует ровно один
ассет своего размера. Плюс barrel-файлы `index.16.ts`, `index.24.ts`,
`index.36.ts` экспортируют все single-size компоненты + реэкспортируют
legacy-иконки из `old/Icons/` (у них размер фиксирован в SVG).

Публичный API расширен через `exports`:
- `@salutejs/plasma-icons/16` → 16-px вариант всех иконок
- `@salutejs/plasma-icons/24` → 24-px (`size="s"` по умолчанию)
- `@salutejs/plasma-icons/36` → 36-px

Старый импорт `@salutejs/plasma-icons` сохраняется без изменений.

Эффект на бандл потребителя при использовании одного размера:
~786 КБ raw → 193 КБ raw.

детали в #2792

📦 Published PR as canary version: Canary Versions

✨ Test out this PR locally via:

npm install @salutejs/plasma-asdk@0.376.0-canary.2800.26409674216.0
npm install @salutejs/plasma-b2c@1.618.0-canary.2800.26409674216.0
npm install @salutejs/plasma-core@1.226.0-canary.2800.26409674216.0
npm install @salutejs/plasma-giga@0.345.0-canary.2800.26409674216.0
npm install @salutejs/plasma-homeds@0.345.0-canary.2800.26409674216.0
npm install @salutejs/plasma-hope@1.372.0-canary.2800.26409674216.0
npm install @salutejs/plasma-icons@1.238.0-canary.2800.26409674216.0
npm install @salutejs/plasma-new-hope@0.362.0-canary.2800.26409674216.0
npm install @salutejs/plasma-tokens-b2b@1.55.0-canary.2800.26409674216.0
npm install @salutejs/plasma-tokens-b2c@0.66.0-canary.2800.26409674216.0
npm install @salutejs/plasma-tokens-web@1.70.0-canary.2800.26409674216.0
npm install @salutejs/plasma-tokens@1.138.0-canary.2800.26409674216.0
npm install @salutejs/plasma-typo@0.43.0-canary.2800.26409674216.0
npm install @salutejs/plasma-ui@1.348.0-canary.2800.26409674216.0
npm install @salutejs/plasma-web@1.620.0-canary.2800.26409674216.0
npm install @salutejs/sdds-bizcom@0.350.0-canary.2800.26409674216.0
npm install @salutejs/sdds-cs@0.354.0-canary.2800.26409674216.0
npm install @salutejs/sdds-dfa@0.348.0-canary.2800.26409674216.0
npm install @salutejs/sdds-finai@0.341.0-canary.2800.26409674216.0
npm install @salutejs/sdds-insol@0.345.0-canary.2800.26409674216.0
npm install @salutejs/sdds-netology@0.349.0-canary.2800.26409674216.0
npm install @salutejs/sdds-os@0.20.0-canary.2800.26409674216.0
npm install @salutejs/sdds-platform-ai@0.349.0-canary.2800.26409674216.0
npm install @salutejs/sdds-sbcom@0.350.0-canary.2800.26409674216.0
npm install @salutejs/sdds-scan@0.348.0-canary.2800.26409674216.0
npm install @salutejs/sdds-serv@0.349.0-canary.2800.26409674216.0
npm install @salutejs/core-themes@0.30.0-canary.2800.26409674216.0
npm install @salutejs/plasma-themes@0.50.0-canary.2800.26409674216.0
npm install @salutejs/sdds-themes@0.65.0-canary.2800.26409674216.0
npm install @salutejs/sdds-api-tests@0.7.0-canary.2800.26409674216.0
npm install @salutejs/plasma-cy-utils@0.156.0-canary.2800.26409674216.0
npm install @salutejs/plasma-sb-utils@0.226.0-canary.2800.26409674216.0
npm install @salutejs/plasma-tokens-utils@0.51.0-canary.2800.26409674216.0
# or 
yarn add @salutejs/plasma-asdk@0.376.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-b2c@1.618.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-core@1.226.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-giga@0.345.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-homeds@0.345.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-hope@1.372.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-icons@1.238.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-new-hope@0.362.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-tokens-b2b@1.55.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-tokens-b2c@0.66.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-tokens-web@1.70.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-tokens@1.138.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-typo@0.43.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-ui@1.348.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-web@1.620.0-canary.2800.26409674216.0
yarn add @salutejs/sdds-bizcom@0.350.0-canary.2800.26409674216.0
yarn add @salutejs/sdds-cs@0.354.0-canary.2800.26409674216.0
yarn add @salutejs/sdds-dfa@0.348.0-canary.2800.26409674216.0
yarn add @salutejs/sdds-finai@0.341.0-canary.2800.26409674216.0
yarn add @salutejs/sdds-insol@0.345.0-canary.2800.26409674216.0
yarn add @salutejs/sdds-netology@0.349.0-canary.2800.26409674216.0
yarn add @salutejs/sdds-os@0.20.0-canary.2800.26409674216.0
yarn add @salutejs/sdds-platform-ai@0.349.0-canary.2800.26409674216.0
yarn add @salutejs/sdds-sbcom@0.350.0-canary.2800.26409674216.0
yarn add @salutejs/sdds-scan@0.348.0-canary.2800.26409674216.0
yarn add @salutejs/sdds-serv@0.349.0-canary.2800.26409674216.0
yarn add @salutejs/core-themes@0.30.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-themes@0.50.0-canary.2800.26409674216.0
yarn add @salutejs/sdds-themes@0.65.0-canary.2800.26409674216.0
yarn add @salutejs/sdds-api-tests@0.7.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-cy-utils@0.156.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-sb-utils@0.226.0-canary.2800.26409674216.0
yarn add @salutejs/plasma-tokens-utils@0.51.0-canary.2800.26409674216.0

github-actions · 2026-05-25T10:05:30Z

Theme Builder app deployed!

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

github-actions · 2026-05-25T12:38:18Z

Documentation preview deployed!

github-actions · 2026-05-27T10:13:42Z

This PR is included in version:

@salutejs/plasma-asdk@0.377.0
@salutejs/plasma-b2c@1.619.0
@salutejs/plasma-core@1.227.0
@salutejs/plasma-giga@0.346.0
@salutejs/plasma-homeds@0.346.0
@salutejs/plasma-hope@1.373.0
@salutejs/plasma-icons@1.238.0
@salutejs/plasma-new-hope@0.363.0
@salutejs/plasma-tokens-b2b@1.55.0
@salutejs/plasma-tokens-b2c@0.66.0
@salutejs/plasma-tokens-web@1.70.0
@salutejs/plasma-tokens@1.139.0
@salutejs/plasma-typo@0.43.0
@salutejs/plasma-ui@1.349.0
@salutejs/plasma-web@1.621.0
@salutejs/sdds-bizcom@0.351.0
@salutejs/sdds-cs@0.355.0
@salutejs/sdds-dfa@0.349.0
@salutejs/sdds-finai@0.342.0
@salutejs/sdds-insol@0.346.0
@salutejs/sdds-netology@0.350.0
@salutejs/sdds-os@0.21.0
@salutejs/sdds-platform-ai@0.350.0
@salutejs/sdds-sbcom@0.351.0
@salutejs/sdds-scan@0.349.0
@salutejs/sdds-serv@0.350.0
@salutejs/core-themes@0.30.0
@salutejs/plasma-themes@0.51.0
@salutejs/sdds-themes@0.66.0
@salutejs/sdds-api-tests@0.8.0
@salutejs/plasma-cy-utils@0.157.0
@salutejs/plasma-sb-utils@0.227.0
@salutejs/plasma-tokens-utils@0.51.0

Yakutoc self-assigned this May 25, 2026

Yakutoc temporarily deployed to internal May 25, 2026 10:03 — with GitHub Actions Inactive

Yakutoc changed the title ~~Fix plasma icons exports~~ plasma-icons: Fix plasma icons exports May 25, 2026

Михеев Глеб Андреевич and others added 4 commits May 25, 2026 14:20

feat(plasma-icons): add single-size entrypoints /16, /24, /36

f30969b

fix(plasma-icons): mark root barrel exports as @deprecated

7decc8c

chore(plasma-icons): fix code style issues

5d844ec

fix(plasma-icons): fix iconSectionsSetScalable import

ff0a62c

Yakutoc force-pushed the fix-plasma-icons-exports branch from ab67fbc to 49628c8 Compare May 25, 2026 11:23

Yakutoc temporarily deployed to internal May 25, 2026 11:23 — with GitHub Actions Inactive

Yakutoc added the plasma-icons label May 25, 2026

Yakutoc temporarily deployed to internal May 25, 2026 13:27 — with GitHub Actions Inactive

Yakutoc marked this pull request as ready for review May 25, 2026 14:51

Yakutoc requested review from TitanKuzmich, Yeti-or, neretin-trike and shuga2704 as code owners May 25, 2026 14:51

Yakutoc removed request for Yeti-or and neretin-trike May 25, 2026 14:52

github-actions Bot requested review from shuga2704 and removed request for TitanKuzmich and shuga2704 May 25, 2026 14:52

fix(plasma-icons): fix css import

46f3a0b

fix(swc): use es2020 target

dd56285

Yakutoc force-pushed the fix-plasma-icons-exports branch from 4ba1f40 to dd56285 Compare May 25, 2026 16:12

Yakutoc temporarily deployed to internal May 25, 2026 16:12 — with GitHub Actions Inactive

shuga2704 approved these changes May 25, 2026

View reviewed changes

Yakutoc requested a review from IgorYar May 25, 2026 17:30

IgorYar approved these changes May 26, 2026

View reviewed changes

Yakutoc added this pull request to the merge queue May 26, 2026

Merged via the queue into dev with commit 78db9e5 May 26, 2026
85 of 86 checks passed

Yakutoc deleted the fix-plasma-icons-exports branch May 26, 2026 09:10

Salute-Eva mentioned this pull request May 26, 2026

Release by 27.05.2026 #2808

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

plasma-icons: Fix plasma icons exports#2800

plasma-icons: Fix plasma icons exports#2800
Yakutoc merged 6 commits into
devfrom
fix-plasma-icons-exports

Yakutoc commented May 25, 2026 •

edited by Salute-Eva

Loading

Uh oh!

github-actions Bot commented May 25, 2026

Uh oh!

github-actions Bot commented May 25, 2026

Uh oh!

Uh oh!

github-actions Bot commented May 27, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

Yakutoc commented May 25, 2026 • edited by Salute-Eva Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Core

Icons

What/why changed

Uh oh!

github-actions Bot commented May 25, 2026

Uh oh!

github-actions Bot commented May 25, 2026

Uh oh!

Uh oh!

github-actions Bot commented May 27, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Yakutoc commented May 25, 2026 •

edited by Salute-Eva

Loading