PLASMA-7394: add custom width/height props for StepItem by TitanKuzmich · Pull Request #2902 · salute-developers/plasma

TitanKuzmich · 2026-06-19T12:39:11Z

Core

Steps

добавлена возможность указать ширину для горизонтального режима и высоту для вертикально в StepItem
обновлена документация и добавлен пример с вложенными Steps

What/why changed

добавлена возможность указать ширину для горизонтального режима и высоту для вертикально в StepItem
обновлена документация и добавлен пример с вложенными Steps

Summary by CodeRabbit

New Features
- Added support for custom step sizing with optional height and width properties for individual steps.
- New CSS styling enhancements for improved layout control in vertical and horizontal orientations.
Documentation
- Expanded guides with new sections covering custom step sizing, external navigation control, and nested steps within accordions.
- Updated examples across all documentation sites with improved code patterns and clearer usage scenarios.
Tests
- Added visual snapshot tests validating custom height and width rendering in different orientations.

📦 Published PR as canary version: Canary Versions

✨ Test out this PR locally via:

npm install @salutejs/plasma-asdk@0.381.0-canary.2902.27826903346.0
npm install @salutejs/plasma-b2c@1.623.0-canary.2902.27826903346.0
npm install @salutejs/plasma-core@1.230.0-canary.2902.27826903346.0
npm install @salutejs/plasma-giga@0.350.0-canary.2902.27826903346.0
npm install @salutejs/plasma-homeds@0.350.0-canary.2902.27826903346.0
npm install @salutejs/plasma-hope@1.377.0-canary.2902.27826903346.0
npm install @salutejs/plasma-new-hope@0.367.0-canary.2902.27826903346.0
npm install @salutejs/plasma-ui@1.353.0-canary.2902.27826903346.0
npm install @salutejs/plasma-web@1.625.0-canary.2902.27826903346.0
npm install @salutejs/sdds-bizcom@0.355.0-canary.2902.27826903346.0
npm install @salutejs/sdds-cs@0.359.0-canary.2902.27826903346.0
npm install @salutejs/sdds-dfa@0.353.0-canary.2902.27826903346.0
npm install @salutejs/sdds-finai@0.346.0-canary.2902.27826903346.0
npm install @salutejs/sdds-insol@0.350.0-canary.2902.27826903346.0
npm install @salutejs/sdds-netology@0.354.0-canary.2902.27826903346.0
npm install @salutejs/sdds-os@0.25.0-canary.2902.27826903346.0
npm install @salutejs/sdds-platform-ai@0.354.0-canary.2902.27826903346.0
npm install @salutejs/sdds-sbcom@0.355.0-canary.2902.27826903346.0
npm install @salutejs/sdds-scan@0.353.0-canary.2902.27826903346.0
npm install @salutejs/sdds-serv@0.354.0-canary.2902.27826903346.0
npm install @salutejs/sdds-api-tests@0.12.0-canary.2902.27826903346.0
npm install @salutejs/plasma-cy-utils@0.160.0-canary.2902.27826903346.0
npm install @salutejs/plasma-sb-utils@0.231.0-canary.2902.27826903346.0
# or 
yarn add @salutejs/plasma-asdk@0.381.0-canary.2902.27826903346.0
yarn add @salutejs/plasma-b2c@1.623.0-canary.2902.27826903346.0
yarn add @salutejs/plasma-core@1.230.0-canary.2902.27826903346.0
yarn add @salutejs/plasma-giga@0.350.0-canary.2902.27826903346.0
yarn add @salutejs/plasma-homeds@0.350.0-canary.2902.27826903346.0
yarn add @salutejs/plasma-hope@1.377.0-canary.2902.27826903346.0
yarn add @salutejs/plasma-new-hope@0.367.0-canary.2902.27826903346.0
yarn add @salutejs/plasma-ui@1.353.0-canary.2902.27826903346.0
yarn add @salutejs/plasma-web@1.625.0-canary.2902.27826903346.0
yarn add @salutejs/sdds-bizcom@0.355.0-canary.2902.27826903346.0
yarn add @salutejs/sdds-cs@0.359.0-canary.2902.27826903346.0
yarn add @salutejs/sdds-dfa@0.353.0-canary.2902.27826903346.0
yarn add @salutejs/sdds-finai@0.346.0-canary.2902.27826903346.0
yarn add @salutejs/sdds-insol@0.350.0-canary.2902.27826903346.0
yarn add @salutejs/sdds-netology@0.354.0-canary.2902.27826903346.0
yarn add @salutejs/sdds-os@0.25.0-canary.2902.27826903346.0
yarn add @salutejs/sdds-platform-ai@0.354.0-canary.2902.27826903346.0
yarn add @salutejs/sdds-sbcom@0.355.0-canary.2902.27826903346.0
yarn add @salutejs/sdds-scan@0.353.0-canary.2902.27826903346.0
yarn add @salutejs/sdds-serv@0.354.0-canary.2902.27826903346.0
yarn add @salutejs/sdds-api-tests@0.12.0-canary.2902.27826903346.0
yarn add @salutejs/plasma-cy-utils@0.160.0-canary.2902.27826903346.0
yarn add @salutejs/plasma-sb-utils@0.231.0-canary.2902.27826903346.0

coderabbitai · 2026-06-19T12:39:20Z

📝 Walkthrough

Walkthrough

Adds optional height and width props to StepItemProps for per-step custom sizing in vertical and horizontal orientations respectively. The implementation propagates these values through Steps.tsx into StepItem.tsx, computes a customSizeStyle based on orientation, introduces two new CSS class tokens (verticalLastItem, noTitle), and tightens hover descendant selectors. Visual regression tests cover both new sizing modes. Documentation across 13 MDX files (template + 12 sites) is comprehensively rewritten with new sections on navigation control, external control via current, custom sizing, and nested accordion usage.

Changes

Steps Per-Step Sizing and Documentation

Layer / File(s)	Summary
Type contract and CSS class tokens `packages/plasma-new-hope/src/components/Steps/ui/StepItem/StepItem.types.ts`, `packages/plasma-new-hope/src/components/Steps/Steps.tokens.ts`	`StepItemProps` gains optional `height` and `width` fields; `classes` map gains `verticalLastItem` and `noTitle` entries.
StepItem component logic and styles `packages/plasma-new-hope/src/components/Steps/ui/StepItem/StepItem.tsx`, `packages/plasma-new-hope/src/components/Steps/ui/StepItem/StepItem.styles.ts`	Destructures `height`/`width` in `stepItemRoot`, computes `customSizeStyle` via IIFE per orientation, adds `verticalLastItem` and `noTitle` class conditions, applies `style={customSizeStyle}` on the root element, and adds CSS rules for `noTitle` padding removal, `verticalLastItem` `flex: 0 0 auto`, and tightened hover descendant selectors.
Steps parent wiring, tests, and utils cleanup `packages/plasma-new-hope/src/components/Steps/Steps.tsx`, `packages/plasma-new-hope/src/components/Steps/Steps.component-test.tsx`, `utils/plasma-sb-utils/src/components/Steps/Steps.tsx`	Passes `item.height` and `item.width` to each `StepItem`; adds two Cypress image snapshot tests for custom height (vertical) and custom width (horizontal); simplifies `getStepsStories` return to property shorthand.
Template documentation rewrite `packages/plasma-new-hope/src/components/Steps/Steps.template-doc.mdx`	Rewrites the template with new sections: "Быстрый старт", tabbed orientation and appearance examples, updated indicator examples with simplified `onChange`, "Управление навигацией", "Внешнее управление" via `current`, "Кастомный размер шага" with `height`/`width`, and "Вложенные шаги с аккордеоном".
Site documentation updates (12 sites) `website/plasma-b2c-docs/...`, `website/plasma-giga-docs/...`, `website/plasma-homeds-docs/...`, `website/plasma-web-docs/...`, `website/sdds-*/docs/components/Steps.mdx`	Applies the identical documentation restructuring across all 12 design-system sites, including the same new sections, updated indicator code examples, and `PropsTable exclude={['css']}`.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Suggested reviewers

IgorYar
neretin-trike

Poem

🐇 Hops left, hops right, each step its own size,
A height for the tall and width for the wide,
noTitle, lastItem — CSS disguise,
The docs bloom anew across every site's pride.
With accordion nests and current control,
This rabbit declares: the Steps are now whole! 🌸

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly describes the main feature addition: custom width and height properties for StepItem component, which aligns with the core implementation changes across the codebase.
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.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ 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-7394

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 and usage tips.}

github-actions · 2026-06-19T12:46:25Z

Theme Builder app deployed!

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

coderabbitai

Actionable comments posted: 2

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)

website/sdds-finai-docs/docs/components/Steps.mdx (1)
415-417: ⚠️ Potential issue | 🟡 Minor

Fix prevIndex type annotation to match undefined check.

Line 415 declares prevIndex as number, but line 416 checks if (prevIndex !== undefined). The parameter should be typed as prevIndex?: number to accurately reflect that it can be undefined.
Suggested fix
-    const onChange = (item: StepItemProps, index: number, prevIndex: number) => {
+    const onChange = (item: StepItemProps, index: number, prevIndex?: number) => {
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@website/sdds-finai-docs/docs/components/Steps.mdx` around lines 415 - 417,
The onChange function parameter prevIndex is declared as type number but the
code immediately checks if prevIndex is undefined, which is incompatible with
the current type annotation. Update the prevIndex parameter declaration to use
the optional type syntax prevIndex?: number to accurately reflect that this
parameter can be undefined, allowing the subsequent undefined check to be valid
TypeScript.

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@packages/plasma-new-hope/src/components/Steps/Steps.template-doc.mdx`:
- Around line 415-416: The template documentation has two typing and logic
issues in the Steps examples. First, update the `onChange` callback function
signature to make the `prevIndex` parameter optional by changing `prevIndex:
number` to `prevIndex?: number` to match the actual component contract where
this value can be undefined. Second, in the onClick handler that increments
`current`, add bounds checking to prevent the active step from exceeding the
array length by replacing the simple increment with `Math.min(value + 1,
items.length - 1)` to clamp the value to the valid range.

In `@website/sdds-finai-docs/docs/components/Steps.mdx`:
- Around line 450-452: The onClick function uses a functional updater pattern
with setCurrent but incorrectly references the closure variable current instead
of the updater parameter, which can cause dropped increments during rapid
interactions or batched updates. Replace the onClick function definition to use
the state parameter passed to the updater function instead of the closure
variable, so that setCurrent properly uses the most recent state value. Apply
this fix to all 13 documentation sites listed by updating the line in each
Steps.mdx file where onClick is defined with setCurrent.

---

Outside diff comments:
In `@website/sdds-finai-docs/docs/components/Steps.mdx`:
- Around line 415-417: The onChange function parameter prevIndex is declared as
type number but the code immediately checks if prevIndex is undefined, which is
incompatible with the current type annotation. Update the prevIndex parameter
declaration to use the optional type syntax prevIndex?: number to accurately
reflect that this parameter can be undefined, allowing the subsequent undefined
check to be valid TypeScript.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

Push a commit to this branch (recommended)
Create a new PR with the fixes

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 140858cb-fc75-48d2-b6fb-95909a53342d

📥 Commits

Reviewing files that changed from the base of the PR and between 84365db and b78c144.

⛔ Files ignored due to path filters (88)

cypress/snapshots/b2c/chromium/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/b2c/chromium/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/b2c/chromium/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/b2c/chromium/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/b2c/webkit/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/b2c/webkit/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/b2c/webkit/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/b2c/webkit/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/cs/chromium/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/cs/chromium/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/cs/chromium/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/cs/chromium/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/cs/webkit/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/cs/webkit/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/cs/webkit/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/cs/webkit/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/dfa/chromium/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/dfa/chromium/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/dfa/chromium/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/dfa/chromium/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/dfa/webkit/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/dfa/webkit/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/dfa/webkit/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/dfa/webkit/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/finai/chromium/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/finai/chromium/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/finai/chromium/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/finai/chromium/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/finai/webkit/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/finai/webkit/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/finai/webkit/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/finai/webkit/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/giga/chromium/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/giga/webkit/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/homeds/chromium/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/homeds/chromium/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/homeds/chromium/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/homeds/chromium/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/homeds/webkit/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/homeds/webkit/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/homeds/webkit/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/homeds/webkit/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/insol/chromium/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/insol/chromium/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/insol/chromium/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/insol/chromium/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/insol/webkit/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/insol/webkit/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/insol/webkit/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/insol/webkit/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/os/chromium/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/os/chromium/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/os/chromium/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/os/chromium/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/os/webkit/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/os/webkit/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/os/webkit/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/os/webkit/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/platform-ai/chromium/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/platform-ai/chromium/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/platform-ai/chromium/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/platform-ai/chromium/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/platform-ai/webkit/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/platform-ai/webkit/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/platform-ai/webkit/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/platform-ai/webkit/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/serv/chromium/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/serv/chromium/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/serv/chromium/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/serv/chromium/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/serv/webkit/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/serv/webkit/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/serv/webkit/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/serv/webkit/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/web/chromium/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/web/chromium/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/web/chromium/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/web/chromium/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/web/webkit/Steps/Steps -- custom height, orientation=vertical.snap.png is excluded by !**/*.png
cypress/snapshots/web/webkit/Steps/Steps -- custom step item view.snap.png is excluded by !**/*.png
cypress/snapshots/web/webkit/Steps/Steps -- custom width, orientation=horizontal.snap.png is excluded by !**/*.png
cypress/snapshots/web/webkit/Steps/Steps -- status, orientation=vertical.snap.png is excluded by !**/*.png

📒 Files selected for processing (21)

packages/plasma-new-hope/src/components/Steps/Steps.component-test.tsx
packages/plasma-new-hope/src/components/Steps/Steps.template-doc.mdx
packages/plasma-new-hope/src/components/Steps/Steps.tokens.ts
packages/plasma-new-hope/src/components/Steps/Steps.tsx
packages/plasma-new-hope/src/components/Steps/ui/StepItem/StepItem.styles.ts
packages/plasma-new-hope/src/components/Steps/ui/StepItem/StepItem.tsx
packages/plasma-new-hope/src/components/Steps/ui/StepItem/StepItem.types.ts
utils/plasma-sb-utils/src/components/Steps/Steps.tsx
website/plasma-b2c-docs/docs/components/Steps.mdx
website/plasma-giga-docs/docs/components/Steps.mdx
website/plasma-homeds-docs/docs/components/Steps.mdx
website/plasma-web-docs/docs/components/Steps.mdx
website/sdds-bizcom-docs/docs/components/Steps.mdx
website/sdds-cs-docs/docs/components/Steps.mdx
website/sdds-dfa-docs/docs/components/Steps.mdx
website/sdds-finai-docs/docs/components/Steps.mdx
website/sdds-insol-docs/docs/components/Steps.mdx
website/sdds-netology-docs/docs/components/Steps.mdx
website/sdds-platform-ai-docs/docs/components/Steps.mdx
website/sdds-sbcom-docs/docs/components/Steps.mdx
website/sdds-serv-docs/docs/components/Steps.mdx

github-actions · 2026-06-19T13:41:31Z

Documentation preview deployed!

TitanKuzmich self-assigned this Jun 19, 2026

TitanKuzmich temporarily deployed to internal June 19, 2026 12:39 — with GitHub Actions Inactive

TitanKuzmich requested a review from IgorYar June 19, 2026 12:39

TitanKuzmich marked this pull request as ready for review June 19, 2026 12:39

TitanKuzmich requested review from Yakutoc, Yeti-or, neretin-trike and shuga2704 as code owners June 19, 2026 12:39

github-actions Bot removed request for Yakutoc, Yeti-or, neretin-trike and shuga2704 June 19, 2026 12:40

TitanKuzmich requested review from neretin-trike and shuga2704 June 19, 2026 12:41

coderabbitai Bot reviewed Jun 19, 2026

View reviewed changes

Comment thread packages/plasma-new-hope/src/components/Steps/Steps.template-doc.mdx

Comment thread website/sdds-finai-docs/docs/components/Steps.mdx

feat(new-hope): add custom height to StepItems

767fbbc

TitanKuzmich force-pushed the PLASMA-7394 branch from b78c144 to 692cef2 Compare June 19, 2026 12:51

TitanKuzmich temporarily deployed to internal June 19, 2026 12:51 — with GitHub Actions Inactive

TitanKuzmich had a problem deploying to internal June 19, 2026 12:52 — with GitHub Actions Error

TitanKuzmich added 2 commits June 19, 2026 15:53

docs: update Steps docs

12c1d8b

feat: update Steps snaps

400db2b

TitanKuzmich force-pushed the PLASMA-7394 branch from 692cef2 to 400db2b Compare June 19, 2026 12:53

TitanKuzmich temporarily deployed to internal June 19, 2026 12:54 — with GitHub Actions Inactive

TitanKuzmich deployed to internal June 19, 2026 12:54 — with GitHub Actions Active

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

PLASMA-7394: add custom width/height props for StepItem#2902

PLASMA-7394: add custom width/height props for StepItem#2902
TitanKuzmich wants to merge 3 commits into
devfrom
PLASMA-7394

TitanKuzmich commented Jun 19, 2026 •

edited by Salute-Eva

Loading

Uh oh!

coderabbitai Bot commented Jun 19, 2026 •

edited

Loading

Walkthrough

Changes

Estimated code review effort

Suggested reviewers

Poem

Uh oh!

github-actions Bot commented Jun 19, 2026

Uh oh!

coderabbitai Bot left a comment

Uh oh!

Uh oh!

Uh oh!

github-actions Bot commented Jun 19, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

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

Uh oh!

Core

Steps

What/why changed

Summary by CodeRabbit

Uh oh!

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

Uh oh!

Walkthrough

Changes

Estimated code review effort

Suggested reviewers

Poem

Uh oh!

github-actions Bot commented Jun 19, 2026

Uh oh!

coderabbitai Bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

github-actions Bot commented Jun 19, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

TitanKuzmich commented Jun 19, 2026 •

edited by Salute-Eva

Loading

coderabbitai Bot commented Jun 19, 2026 •

edited

Loading