Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS Library: add feedback-related foreground tokens #1417

Open
wants to merge 5 commits into
base: main
Choose a base branch
from

Conversation

narin
Copy link
Contributor

@narin narin commented Nov 20, 2024

Chromatic

https://va-mobile-feedback-colors--65a6e2ed2314f7b8f98609d8.chromatic.com

Description

Closes department-of-veterans-affairs/va-mobile-library#541

The VA Mobile DS team would like to add new feedback-related foreground tokens to the system and need 2 new primitive and 2 new semantic tokens added to css-library. This PR:

  • Updates copy-uswds-color-tokens script to include the following primitive tokens:
    • uswds-system-color-green-cool-vivid-30
    • uswds-system-color-gold-vivid-40
  • Adds the following semantic that references the newly added uswds colors
    • vads-color-feedback-foregound-success-on-dark: uswds-system-color-green-cool-vivid-30
    • vads-color-feedback-foregound-warning-on-light: uswds-system-color-gold-vivid-40

QA Checklist

N/A

Screenshots

N/A

Acceptance criteria

N/A

Definition of done

  • Documentation has been updated, if applicable
  • A link has been provided to the originating GitHub issue (or connected to it via ZenHub)

@narin narin added the minor For a minor Semantic Version change label Nov 20, 2024
@narin narin requested a review from a team as a code owner November 20, 2024 18:00
@jamigibbs jamigibbs added patch Patch change in semantic versioning and removed minor For a minor Semantic Version change labels Nov 20, 2024
@jamigibbs jamigibbs requested a review from a team November 20, 2024 19:12
Copy link
Contributor

@jamigibbs jamigibbs left a comment

Choose a reason for hiding this comment

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

Hi @narin Can you also run yarn build and check in the generated files?

I've also added the DST designers to review naming and color mapping. We will probably want to coordinate updating documentation as well.

@jamigibbs jamigibbs added css-library and removed patch Patch change in semantic versioning labels Nov 20, 2024
@jamigibbs jamigibbs changed the title Mobile DS – Add feedback-related foreground tokens CSS Library: add feedback-related foreground tokens Nov 20, 2024
@@ -267,6 +267,12 @@
"vads-color-action-border-base-active-on-dark": {
"*": { "value": "{uswds-system-color-gray-30}"}
},
"vads-color-feedback-foregound-success-on-dark": {
Copy link
Contributor

Choose a reason for hiding this comment

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

I think foregound should be foreground?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Nice catch! Fixed.

Copy link
Contributor

@danbrady danbrady left a comment

Choose a reason for hiding this comment

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

Ok, added tokens to Airtable. I'll create another ticket to update the doc site.

@danbrady
Copy link
Contributor

Hi @narin - I noticed you're adding two new tokens, but I don't see the same tokens for the alternate modes? You're requesting:

  • vads-color-feedback-foregound-success-on-dark
  • vads-color-feedback-foregound-warning-on-light

Should we also have:

  • vads-color-feedback-foregound-success-on-light
  • vads-color-feedback-foregound-warning-on-dark

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Design Tokens] Colors: Add new feedback tokens to VADS
3 participants