Skip to content

test(plasma-new-hope): Button red background for CI coverage check#2887

Draft
Yeti-or wants to merge 1 commit into
devfrom
test/button-red-background-ci
Draft

test(plasma-new-hope): Button red background for CI coverage check#2887
Yeti-or wants to merge 1 commit into
devfrom
test/button-red-background-ci

Conversation

@Yeti-or

@Yeti-or Yeti-or commented Jun 16, 2026

Copy link
Copy Markdown
Contributor

Summary

  • Temporarily sets all Button backgrounds to red in plasma-new-hope view base styles.
  • Intended as a throwaway PR to observe which CI jobs and libraries run Cypress/Storybook checks when shared Button styles change.

Test plan

  • Check which Cypress jobs run for plasma vs sdds packages
  • Check which Storybook/docs deploy jobs run
  • Confirm Button snapshot tests fail in libraries with Cypress coverage
  • Close PR without merging after CI results are reviewed

Made with Cursor

Summary by CodeRabbit

  • Style
    • Updated button component background color styling across default, loading, hover, and active states.
📦 Published PR as canary version: Canary Versions

✨ Test out this PR locally via:

npm install @salutejs/plasma-asdk@0.380.1-canary.2887.27624291951.0
npm install @salutejs/plasma-b2c@1.622.1-canary.2887.27624291951.0
npm install @salutejs/plasma-giga@0.349.1-canary.2887.27624291951.0
npm install @salutejs/plasma-homeds@0.349.1-canary.2887.27624291951.0
npm install @salutejs/plasma-hope@1.376.1-canary.2887.27624291951.0
npm install @salutejs/plasma-new-hope@0.366.1-canary.2887.27624291951.0
npm install @salutejs/plasma-web@1.624.1-canary.2887.27624291951.0
npm install @salutejs/sdds-bizcom@0.354.1-canary.2887.27624291951.0
npm install @salutejs/sdds-cs@0.358.1-canary.2887.27624291951.0
npm install @salutejs/sdds-dfa@0.352.1-canary.2887.27624291951.0
npm install @salutejs/sdds-finai@0.345.1-canary.2887.27624291951.0
npm install @salutejs/sdds-insol@0.349.1-canary.2887.27624291951.0
npm install @salutejs/sdds-netology@0.353.1-canary.2887.27624291951.0
npm install @salutejs/sdds-os@0.24.1-canary.2887.27624291951.0
npm install @salutejs/sdds-platform-ai@0.353.1-canary.2887.27624291951.0
npm install @salutejs/sdds-sbcom@0.354.1-canary.2887.27624291951.0
npm install @salutejs/sdds-scan@0.352.1-canary.2887.27624291951.0
npm install @salutejs/sdds-serv@0.353.1-canary.2887.27624291951.0
npm install @salutejs/sdds-api-tests@0.11.1-canary.2887.27624291951.0
# or 
yarn add @salutejs/plasma-asdk@0.380.1-canary.2887.27624291951.0
yarn add @salutejs/plasma-b2c@1.622.1-canary.2887.27624291951.0
yarn add @salutejs/plasma-giga@0.349.1-canary.2887.27624291951.0
yarn add @salutejs/plasma-homeds@0.349.1-canary.2887.27624291951.0
yarn add @salutejs/plasma-hope@1.376.1-canary.2887.27624291951.0
yarn add @salutejs/plasma-new-hope@0.366.1-canary.2887.27624291951.0
yarn add @salutejs/plasma-web@1.624.1-canary.2887.27624291951.0
yarn add @salutejs/sdds-bizcom@0.354.1-canary.2887.27624291951.0
yarn add @salutejs/sdds-cs@0.358.1-canary.2887.27624291951.0
yarn add @salutejs/sdds-dfa@0.352.1-canary.2887.27624291951.0
yarn add @salutejs/sdds-finai@0.345.1-canary.2887.27624291951.0
yarn add @salutejs/sdds-insol@0.349.1-canary.2887.27624291951.0
yarn add @salutejs/sdds-netology@0.353.1-canary.2887.27624291951.0
yarn add @salutejs/sdds-os@0.24.1-canary.2887.27624291951.0
yarn add @salutejs/sdds-platform-ai@0.353.1-canary.2887.27624291951.0
yarn add @salutejs/sdds-sbcom@0.354.1-canary.2887.27624291951.0
yarn add @salutejs/sdds-scan@0.352.1-canary.2887.27624291951.0
yarn add @salutejs/sdds-serv@0.353.1-canary.2887.27624291951.0
yarn add @salutejs/sdds-api-tests@0.11.1-canary.2887.27624291951.0

…heck

Temporary change to verify which Cypress and Storybook jobs run per library
when plasma-new-hope Button styles change.

Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai

coderabbitai Bot commented Jun 16, 2026

Copy link
Copy Markdown

Review Change Stack

📝 Walkthrough

Walkthrough

In packages/plasma-new-hope/src/components/Button/variations/_view/base.ts, all four background property assignments in the base styled-components CSS are replaced from token-driven CSS variables to the hardcoded value background: red. The affected states are: default, loading, hover (inside a @media (hover: hover) and (pointer: fine) block), and :active.

Changes

Button Base View Background

Layer / File(s) Summary
Button base view: all background states replaced with hardcoded red
packages/plasma-new-hope/src/components/Button/variations/_view/base.ts
Token-based background variables are replaced with background: red in the default, loading, hover media query, and :active states of the exported base CSS.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Poem

A bunny hopped in, brush in paw,
And painted the button red — no flaw?
The tokens are gone, replaced with haste,
background: red — quite the bold taste.
🐇🎨 Was this a test, or just for fun?

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed The PR title accurately describes the intentional change: a test modification adding red backgrounds to Button component styling for CI coverage assessment purposes.
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 test/button-red-background-ci

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.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 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/Button/variations/_view/base.ts`:
- Line 7: Remove all hardcoded background: red declarations from the Button base
states file (located at lines 7, 11, 18, and 27). Replace these with proper
state token references that follow the state token contract for
default/loading/hover/active states instead. Ensure that the shared Button base
styles use the appropriate design tokens rather than hardcoded values to prevent
visual regressions across libraries.
🪄 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: 68608359-dc24-4767-b425-40f5e16a7485

📥 Commits

Reviewing files that changed from the base of the PR and between a53e74b and a73467d.

📒 Files selected for processing (1)
  • packages/plasma-new-hope/src/components/Button/variations/_view/base.ts

export const base = css`
color: var(${tokens.buttonColor});
background: var(${tokens.buttonBackgroundColor});
background: red;

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟠 Major | ⚡ Quick win

Do not leave hardcoded background: red in shared Button base states.

This bypasses the state token contract (default/loading/hover/active) and will ship a cross-library visual regression if accidentally merged. For this CI-probing goal, keep the probe outside runtime shared styles (or immediately revert these lines before merge readiness).

Also applies to: 11-11, 18-18, 27-27

🤖 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 `@packages/plasma-new-hope/src/components/Button/variations/_view/base.ts` at
line 7, Remove all hardcoded background: red declarations from the Button base
states file (located at lines 7, 11, 18, and 27). Replace these with proper
state token references that follow the state token contract for
default/loading/hover/active states instead. Ensure that the shared Button base
styles use the appropriate design tokens rather than hardcoded values to prevent
visual regressions across libraries.

@github-actions

Copy link
Copy Markdown
Contributor

Theme Builder app deployed!

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

@github-actions

Copy link
Copy Markdown
Contributor

Documentation preview deployed!

website: https://plasma.sberdevices.ru/pr/pr-2887/
asdk storybook: https://plasma.sberdevices.ru/pr/pr-2887/asdk-storybook/
b2c storybook: https://plasma.sberdevices.ru/pr/pr-2887/b2c-storybook/
giga storybook: https://plasma.sberdevices.ru/pr/pr-2887/giga-storybook/
homeds storybook: https://plasma.sberdevices.ru/pr/pr-2887/homeds-storybook/
new-hope storybook: https://plasma.sberdevices.ru/pr/pr-2887/new-hope-storybook/
web storybook: https://plasma.sberdevices.ru/pr/pr-2887/web-storybook/
sdds-bizcom storybook: https://plasma.sberdevices.ru/pr/pr-2887/sdds-bizcom-storybook/
sdds-cs storybook: https://plasma.sberdevices.ru/pr/pr-2887/sdds-cs-storybook/
sdds-dfa storybook: https://plasma.sberdevices.ru/pr/pr-2887/sdds-dfa-storybook/
sdds-finai storybook: https://plasma.sberdevices.ru/pr/pr-2887/sdds-finai-storybook/
sdds-insol storybook: https://plasma.sberdevices.ru/pr/pr-2887/sdds-insol-storybook/
sdds-netology storybook: https://plasma.sberdevices.ru/pr/pr-2887/sdds-netology-storybook/
sdds-os storybook: https://plasma.sberdevices.ru/pr/pr-2887/sdds-os-storybook/
sdds-platform-ai storybook: https://plasma.sberdevices.ru/pr/pr-2887/sdds-platform-ai-storybook/
sdds-sbcom storybook: https://plasma.sberdevices.ru/pr/pr-2887/sdds-sbcom-storybook/
sdds-scan storybook: https://plasma.sberdevices.ru/pr/pr-2887/sdds-scan-storybook/
sdds-serv storybook: https://plasma.sberdevices.ru/pr/pr-2887/sdds-serv-storybook/
ui storybook: https://plasma.sberdevices.ru/pr/pr-2887/ui-storybook/

@Yeti-or Yeti-or marked this pull request as draft June 16, 2026 17:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant