PLASMA-7299: Note ContentBefore align by vmytnik · Pull Request #3012 · salute-developers/plasma

vmytnik · 2026-08-03T14:23:15Z

Core

Note

добавлен токен для вертикального выравнивания ContentBefore

PLASMA-HOMEDS

Note

размеры и отступы в соответствии с новым макетом
оставил только size M
вертикальное выравнивание ContentBefore посередине
кастомные размеры для иконки ContentBefore и текста ActionContent

PLASMA-SB-UTILS

Note

добавил возможность указать кастомные размеры для иконки ContentBefore и текста ActionContent

What/why changed

Summary by CodeRabbit

Bug Fixes
- Improved horizontal Note layouts by vertically centering fixed leading content.
- Added consistent alignment behavior for fixed content across supported Note variations.

📦 Published PR as canary version: Canary Versions

✨ Test out this PR locally via:

npm install @salutejs/plasma-asdk@0.385.0-canary.3012.30916826044.0
npm install @salutejs/plasma-b2c@1.627.0-canary.3012.30916826044.0
npm install @salutejs/plasma-colors@0.17.0-canary.3012.30916826044.0
npm install @salutejs/plasma-core@1.234.0-canary.3012.30916826044.0
npm install @salutejs/plasma-giga@0.354.0-canary.3012.30916826044.0
npm install @salutejs/plasma-homeds@0.354.0-canary.3012.30916826044.0
npm install @salutejs/plasma-hope@1.381.0-canary.3012.30916826044.0
npm install @salutejs/plasma-icons@1.244.0-canary.3012.30916826044.0
npm install @salutejs/plasma-new-hope@0.371.0-canary.3012.30916826044.0
npm install @salutejs/plasma-tokens@1.146.0-canary.3012.30916826044.0
npm install @salutejs/plasma-tokens-b2b@1.60.0-canary.3012.30916826044.0
npm install @salutejs/plasma-tokens-b2c@0.71.0-canary.3012.30916826044.0
npm install @salutejs/plasma-tokens-core@0.8.0-canary.3012.30916826044.0
npm install @salutejs/plasma-tokens-web@1.75.0-canary.3012.30916826044.0
npm install @salutejs/plasma-typo@0.48.0-canary.3012.30916826044.0
npm install @salutejs/plasma-web@1.629.0-canary.3012.30916826044.0
npm install @salutejs/sdds-bizcom@0.359.0-canary.3012.30916826044.0
npm install @salutejs/sdds-cs@0.363.0-canary.3012.30916826044.0
npm install @salutejs/sdds-dfa@0.357.0-canary.3012.30916826044.0
npm install @salutejs/sdds-finai@0.350.0-canary.3012.30916826044.0
npm install @salutejs/sdds-insol@0.354.0-canary.3012.30916826044.0
npm install @salutejs/sdds-insol-next@0.354.0-canary.3012.30916826044.0
npm install @salutejs/sdds-netology@0.358.0-canary.3012.30916826044.0
npm install @salutejs/sdds-os@0.29.0-canary.3012.30916826044.0
npm install @salutejs/sdds-platform-ai@0.358.0-canary.3012.30916826044.0
npm install @salutejs/sdds-sbcom@0.359.0-canary.3012.30916826044.0
npm install @salutejs/sdds-scan@0.357.0-canary.3012.30916826044.0
npm install @salutejs/sdds-serv@0.358.0-canary.3012.30916826044.0
npm install @salutejs/core-themes@0.36.0-canary.3012.30916826044.0
npm install @salutejs/plasma-themes@0.58.0-canary.3012.30916826044.0
npm install @salutejs/sdds-themes@0.72.0-canary.3012.30916826044.0
npm install @salutejs/sdds-api-tests@0.16.0-canary.3012.30916826044.0
npm install @salutejs/plasma-cy-utils@0.164.0-canary.3012.30916826044.0
npm install @salutejs/plasma-sb-utils@0.235.0-canary.3012.30916826044.0
npm install @salutejs/plasma-tokens-utils@0.56.0-canary.3012.30916826044.0
# or 
yarn add @salutejs/plasma-asdk@0.385.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-b2c@1.627.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-colors@0.17.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-core@1.234.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-giga@0.354.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-homeds@0.354.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-hope@1.381.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-icons@1.244.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-new-hope@0.371.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-tokens@1.146.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-tokens-b2b@1.60.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-tokens-b2c@0.71.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-tokens-core@0.8.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-tokens-web@1.75.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-typo@0.48.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-web@1.629.0-canary.3012.30916826044.0
yarn add @salutejs/sdds-bizcom@0.359.0-canary.3012.30916826044.0
yarn add @salutejs/sdds-cs@0.363.0-canary.3012.30916826044.0
yarn add @salutejs/sdds-dfa@0.357.0-canary.3012.30916826044.0
yarn add @salutejs/sdds-finai@0.350.0-canary.3012.30916826044.0
yarn add @salutejs/sdds-insol@0.354.0-canary.3012.30916826044.0
yarn add @salutejs/sdds-insol-next@0.354.0-canary.3012.30916826044.0
yarn add @salutejs/sdds-netology@0.358.0-canary.3012.30916826044.0
yarn add @salutejs/sdds-os@0.29.0-canary.3012.30916826044.0
yarn add @salutejs/sdds-platform-ai@0.358.0-canary.3012.30916826044.0
yarn add @salutejs/sdds-sbcom@0.359.0-canary.3012.30916826044.0
yarn add @salutejs/sdds-scan@0.357.0-canary.3012.30916826044.0
yarn add @salutejs/sdds-serv@0.358.0-canary.3012.30916826044.0
yarn add @salutejs/core-themes@0.36.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-themes@0.58.0-canary.3012.30916826044.0
yarn add @salutejs/sdds-themes@0.72.0-canary.3012.30916826044.0
yarn add @salutejs/sdds-api-tests@0.16.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-cy-utils@0.164.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-sb-utils@0.235.0-canary.3012.30916826044.0
yarn add @salutejs/plasma-tokens-utils@0.56.0-canary.3012.30916826044.0

coderabbitai · 2026-08-03T14:25:23Z

📝 Walkthrough

Walkthrough

The Note component now supports configurable alignment for fixed leading content. Horizontal Homeds notes set this content to center alignment through a shared New Hope styling token.

Changes

Note content alignment

Layer / File(s)	Summary
Alignment token and layout wiring `packages/plasma-new-hope/src/components/Note/Note.tokens.ts`, `packages/plasma-new-hope/src/components/Note/variations/_size/base.ts`, `packages/plasma-homeds/src/components/Note/Note.config.ts`	The Note styles define `fixedContentBeforeAlignSelf`, apply it to `ContentBefore`, and set it to `center` for horizontal Homeds notes.

Estimated code review effort: 1 (Trivial) | ~5 minutes

Possibly related PRs

salute-developers/plasma#2693: Extends the same Note orientation implementation with alignment styling.
salute-developers/plasma#3003: Changes alignment styling in the same Note size variation.

Suggested reviewers: yakutoc, titankuzmich

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly identifies the Note ContentBefore alignment change described in the pull request.

✨ Finishing Touches

📝 Generate docstrings

Create stacked PR
Commit on current branch

🧪 Generate unit tests (beta)

Create PR with unit tests
Commit unit tests in branch PLASMA-7299

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands.}

github-actions · 2026-08-03T14:25:50Z

Theme Builder app deployed!

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

github-actions · 2026-08-03T15:15:20Z

Documentation preview deployed!

TitanKuzmich · 2026-08-04T10:58:49Z

        width: var(${tokens.fixedContentBeforeWidth});
        height: var(${tokens.fixedContentBeforeHeight});
        padding: var(${tokens.fixedContentBeforePadding});
+        align-self: var(${tokens.fixedContentBeforeAlignSelf});


Тут по идее фолбек стоит поставить, так как значение у токена только в одной либе добавляется

Only M size Align self center for ContentBefore new design sizes

… Note story

vmytnik requested review from TitanKuzmich, Yakutoc, Yeti-or, neretin-trike and shuga2704 as code owners August 3, 2026 14:23

vmytnik temporarily deployed to internal August 3, 2026 14:23 — with GitHub Actions Inactive

Yakutoc assigned vmytnik Aug 3, 2026

Yakutoc requested review from IgorYar and oki1oki and removed request for Yeti-or, neretin-trike and shuga2704 August 3, 2026 14:29

TitanKuzmich reviewed Aug 4, 2026

View reviewed changes

vmytnik added 5 commits August 4, 2026 21:58

feat(new-hope): align self token for ContentBefore and fixed content

d7dac65

feat(homeds): update Note config and storybook

ab03ebe

Only M size Align self center for ContentBefore new design sizes

chore(homeds): update Note snapshots

7736d9c

feat(new-hope): align self token for ContentBefore

46cc418

feat(plasma-sb-utils): Add a custom icon size and linkButton size for…

c42fba9

… Note story

vmytnik force-pushed the PLASMA-7299 branch from 68a7c4c to c42fba9 Compare August 4, 2026 14:01

vmytnik temporarily deployed to internal August 4, 2026 14:01 — with GitHub Actions Inactive

Navigation Menu

Uh oh!

PLASMA-7299: Note ContentBefore align - #3012

PLASMA-7299: Note ContentBefore align#3012
vmytnik wants to merge 5 commits into
devfrom
PLASMA-7299

vmytnik commented Aug 3, 2026 •

edited by Salute-Eva

Loading

Uh oh!

coderabbitai Bot commented Aug 3, 2026 •

edited

Loading

Walkthrough

Changes

Uh oh!

github-actions Bot commented Aug 3, 2026

Uh oh!

github-actions Bot commented Aug 3, 2026

Uh oh!

TitanKuzmich Aug 4, 2026 •

edited

Loading

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Uh oh!

Conversation

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

Uh oh!

Core

Note

PLASMA-HOMEDS

Note

PLASMA-SB-UTILS

Note

What/why changed

Summary by CodeRabbit

Uh oh!

coderabbitai Bot commented Aug 3, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Uh oh!

github-actions Bot commented Aug 3, 2026

Uh oh!

github-actions Bot commented Aug 3, 2026

Uh oh!

TitanKuzmich Aug 4, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

vmytnik commented Aug 3, 2026 •

edited by Salute-Eva

Loading

coderabbitai Bot commented Aug 3, 2026 •

edited

Loading

TitanKuzmich Aug 4, 2026 •

edited

Loading