Skip to content

sdds-platform-ai: Update tokens for Badge, Switch - #3014

Open
denydavy wants to merge 2 commits into
devfrom
fix-update-tokens-switch-badge
Open

sdds-platform-ai: Update tokens for Badge, Switch#3014
denydavy wants to merge 2 commits into
devfrom
fix-update-tokens-switch-badge

Conversation

@denydavy

@denydavy denydavy commented Aug 4, 2026

Copy link
Copy Markdown
Contributor

SDDS-PLATFORM-AI

Badge

  • Добавлен новый view purple
  • Добавлена стилизация для view: purple
  • Обновлены снепшоты

Switch

  • Изменен токен цвета трека на surfaceAccentExtra + hover
  • Обновлены снепшоты

Timepicker, TextArea, Popover, DateRangePicker, Combobox, Slider

  • Обновлены снепшоты

Summary by CodeRabbit

  • New Features

    • Added a purple color variation for badges, available across solid, transparent, and clear styles.
  • Style

    • Updated switch colors to use enhanced accent styling for enabled states and hover interactions.

@coderabbitai

coderabbitai Bot commented Aug 4, 2026

Copy link
Copy Markdown

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: dd4f2002-5839-426e-86fe-ab2ee422be61

📥 Commits

Reviewing files that changed from the base of the PR and between 791d694 and b39279f.

⛔ Files ignored due to path filters (11)
  • cypress/snapshots/platform-ai/chromium/Autocomplete/Autocomplete -- disabled.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Badge/Badge -- view=purple appearance=clear.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Badge/Badge -- view=purple appearance=transparent.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Badge/Badge -- view=purple.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Combobox/Combobox -- disabled.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/DatePicker/DatePickerRange -- hintText, required, requiredPlacement=right.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Popover/Popover -- placement=left, opened, trigger=click, skidding=0, distance=6.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Slider/Slider -- scaleTicks with custom labels and labelAlign.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/Slider/Slider -- tickType separator with custom labels and labelAlign.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/TextArea/TextArea -- disabled.snap.png is excluded by !**/*.png
  • cypress/snapshots/platform-ai/chromium/TimePicker/TimePicker -- input time.snap.png is excluded by !**/*.png
📒 Files selected for processing (4)
  • packages/sdds-platform-ai/src/components/Badge/Badge.clear.config.ts
  • packages/sdds-platform-ai/src/components/Badge/Badge.config.ts
  • packages/sdds-platform-ai/src/components/Badge/Badge.transparent.config.ts
  • packages/sdds-platform-ai/src/components/Switch/Switch.config.ts

📝 Walkthrough

Walkthrough

The PR adds purple Badge variations for solid, clear, and transparent configurations. It also updates Switch track colors to use accent-extra surface tokens for enabled and hover states.

Changes

SDDS Platform AI color updates

Layer / File(s) Summary
Add purple Badge variations
packages/sdds-platform-ai/src/components/Badge/Badge*.config.ts
The Badge configurations now expose a purple variation with solid, transparent, and clear color states.
Update Switch track colors
packages/sdds-platform-ai/src/components/Switch/Switch.config.ts
Enabled and hover track states now use surfaceAccentExtra and surfaceAccentExtraHover. The disabled background remains surfaceTransparentTertiary.

Estimated code review effort: 2 (Simple) | ~10 minutes

Possibly related PRs

Suggested labels: sdds-platform-ai

Suggested reviewers: yakutoc, titankuzmich

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly identifies the main changes to Badge and Switch tokens.
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.
✨ Finishing Touches 💡 2
⚔️ Resolve merge conflicts 💡
  • Resolve merge conflict in branch fix-update-tokens-switch-badge
🛠️ Fix failing CI checks 💡
  • Create stacked PR
  • Commit on current branch
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fix-update-tokens-switch-badge

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

ESLint install failed: dependency version conflict. Check your lock file or package.json.


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.

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