Skip to content

fix: restore deprecated color values from deprecated sprinkles#483

Merged
noahchoii merged 3 commits intomainfrom
deprecated-sprinkles-values
Feb 13, 2026
Merged

fix: restore deprecated color values from deprecated sprinkles#483
noahchoii merged 3 commits intomainfrom
deprecated-sprinkles-values

Conversation

@noahchoii
Copy link
Contributor

Description of Changes

Deprecated color-related utility CSS properties have been reverted to their previous values prior to the change.

  • $bg-primary-200 -> $primary-200
  • $border-primary -> $primary
  • $fg-primary-200 -> $primary-200
  • $basic-grey-200 -> $grey-200

Checklist

Before submitting the PR, please make sure you have checked all of the following items.

  • The PR title follows the Conventional Commits convention. (e.g., feat, fix, docs, style, refactor, test, chore)
  • I have added tests for my changes.
  • I have updated the Storybook or relevant documentation.
  • I have added a changeset for this change. (e.g., for any changes that affect users, such as component prop changes or new features).
  • I have performed a self-code review.
  • I have followed the project's coding conventions and component patterns.

@changeset-bot
Copy link

changeset-bot bot commented Feb 13, 2026

⚠️ No Changeset found

Latest commit: d9fad42

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@vercel
Copy link
Contributor

vercel bot commented Feb 13, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
vapor-ui Ready Ready Preview, Comment Feb 13, 2026 5:46am

Request Review

@noahchoii noahchoii added the scope: all Issues related to the all scope of component. label Feb 13, 2026
@gemini-code-assist
Copy link
Contributor

Summary of Changes

Hello @noahchoii, I'm Gemini Code Assist1! I'm currently reviewing this pull request and will post my feedback shortly. In the meantime, here's a summary to help you and other reviewers quickly get up to speed!

This pull request addresses an issue where deprecated color values were incorrectly handled, leading to potential breakage or unexpected styling. By reverting these values and implementing a robust mechanism for managing deprecated color tokens, the change ensures that components relying on these older definitions continue to function correctly, improving backward compatibility and stability of the styling system. Additionally, deprecated shorthand properties were removed from the main sprinkle properties.

Highlights

  • Deprecated Color Restoration: Restored deprecated color utility CSS properties to their previous values, specifically $bg-primary-200 to $primary-200, $border-primary to $primary, $fg-primary-200 to $primary-200, and $basic-grey-200 to $grey-200.
  • Token Management Utilities: Introduced TypeScript types (RemovePrefix) and a utility function (removePrefixFromKeys) to programmatically manage the transformation and prefix removal of deprecated color tokens.
  • Code Refactoring: Refactored the sprinkles export and its type definition for improved code organization within the file.
  • Shorthand Property Removal: Removed deprecated shorthand properties (e.g., paddingX, paddingY, marginX, marginY) from the main sprinkleProperties definition.

🧠 New Feature in Public Preview: You can now enable Memory to help Gemini Code Assist learn from your team's feedback. This makes future code reviews more consistent and personalized to your project's style. Click here to enable Memory in your admin console.

Changelog
  • packages/core/src/styles/sprinkles.css.ts
    • Added RemovePrefix type and removePrefixFromKeys function to handle prefix removal for color tokens.
    • Defined deprecatedBgColorTokens, deprecatedFgColorTokens, and deprecatedBorderColorTokens using the new prefix removal utility.
    • Updated the deprecatedSprinkleProperties to use these new deprecated color token sets for backgroundColor, color, and borderColor.
    • Moved the sprinkles export and its type definition to appear before the deprecatedSprinkleProperties definition.
    • Removed the shorthands property block from the sprinkleProperties definition.
Activity
  • No specific activity (comments, reviews, progress) has been recorded for this pull request yet.
Using Gemini Code Assist

The full guide for Gemini Code Assist can be found on our documentation page, here are some quick tips.

Invoking Gemini

You can request assistance from Gemini at any point by creating a comment using either /gemini <command> or @gemini-code-assist <command>. Below is a summary of the supported commands on the current page.

Feature Command Description
Code Review /gemini review Performs a code review for the current pull request in its current state.
Pull Request Summary /gemini summary Provides a summary of the current pull request in its current state.
Comment @gemini-code-assist Responds in comments when explicitly tagged, both in pull request comments and review comments.
Help /gemini help Displays a list of available commands.

Customization

To customize Gemini Code Assist for GitHub experience, repository maintainers can create a configuration file and/or provide a custom code review style guide (such as PEP-8 for Python) by creating and adding files to a .gemini/ folder in the base of the repository. Detailed instructions can be found here.

Limitations & Feedback

Gemini Code Assist may make mistakes. Please leave feedback on any instances where its feedback is incorrect or counter productive. You can react with 👍 and 👎 on @gemini-code-assist comments. If you're interested in giving your feedback about your experience with Gemini Code Assist for Github and other Google products, sign up here.

You can also get AI-powered code generation, chat, as well as code reviews directly in the IDE at no cost with the Gemini Code Assist IDE Extension.

Footnotes

  1. Review the Privacy Notices, Generative AI Prohibited Use Policy, Terms of Service, and learn how to configure Gemini Code Assist in GitHub here. Gemini can make mistakes, so double check it and use code with caution.

Copy link
Contributor

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

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

Code Review

이 PR은 사용 중단된(deprecated) 색상 관련 유틸리티 CSS 속성을 이전 값으로 복원하는 수정을 수행합니다. removePrefixFromKeys 함수를 도입하여 접두사를 제거하고 이전 토큰 값을 생성하는 방식이 인상적입니다. 전반적으로 변경 사항은 명확하며 PR의 목적을 잘 달성하고 있습니다.

코드의 안정성을 높이기 위해 removePrefixFromKeys 함수 구현을 개선하는 제안을 하나 추가했습니다. 현재 replace를 사용하는 방식은 잠재적인 엣지 케이스에 취약할 수 있으므로, 정규식을 사용하여 접두사만 명시적으로 처리하도록 하는 것이 좋습니다.

): RemovePrefix<T, P> {
return Object.fromEntries(
Object.entries(tokens).map(([key, value]) => [
key.replace(prefix, '').replace('basic-', ''),
Copy link
Contributor

Choose a reason for hiding this comment

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

medium

현재 replace 메소드는 문자열의 첫 번째 일치 항목만 바꾸며, 반드시 접두사일 필요는 없습니다. 이로 인해 bg- 또는 basic-이 키의 중간에 나타날 경우 예기치 않은 동작을 유발할 수 있습니다.

정규식을 사용하여 문자열의 시작 부분(^)에 있는 접두사만 대상으로 하도록 수정하면 코드가 더 안정적이고 예측 가능해집니다.

Suggested change
key.replace(prefix, '').replace('basic-', ''),
key.replace(new RegExp(`^${prefix}`), '').replace(/^basic-/, ''),

@vapor-ui
Copy link
Collaborator

vapor-ui commented Feb 13, 2026

All tests passed!

Tests Passed Failed Duration Report
148 148 0 1m 19s Open report ↗︎

Click here if you need to update snapshots.

@noahchoii noahchoii merged commit 52d5d0b into main Feb 13, 2026
14 checks passed
@noahchoii noahchoii deleted the deprecated-sprinkles-values branch February 13, 2026 05:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

scope: all Issues related to the all scope of component.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants