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

[AI] Add white-labeling tokens for the chat quick action button #15920

Closed
aagonzales opened this issue Mar 7, 2024 · 0 comments · Fixed by #15923
Closed

[AI] Add white-labeling tokens for the chat quick action button #15920

aagonzales opened this issue Mar 7, 2024 · 0 comments · Fixed by #15923
Assignees
Labels
area: AI Used to filter issues in the Carbon for AI project. package: styles @carbon/styles role: dev 🤖

Comments

@aagonzales
Copy link
Member

aagonzales commented Mar 7, 2024

The watson assistant team requested we help them support their white labeling needs. They want the chat quick action buttons to be disassociated from the core tokens (right now, we're using tokens like $link-primary and background tokens in the button. I've made a list of new tokens to add and just daisy-chained the values to our tokens for our themes but this will allow better control for white labeling. I did keep some core tokens in use for the more generic button states like skeleton and disabled.

Note: This is not a blocker for the watson assistant team, just a nice-to-have.

image

New tokens to add

New chat token White theme Gray 10 theme Gray 90 theme Gray 100 theme
$chat-button $link-primary $link-primary $link-primary $link-primary
$chat-button-hover $background-hover $background-hover $background-hover $background-hover
$chat-button-text-hover `$link-primary-hover `$link-primary-hover `$link-primary-hover `$link-primary-hover
$chat-button-active $background-active $background-active $background-active $background-active
$chat-button-selected $background-selected $background-selected $background-selected $background-selected
$chat-button-text-selected $text-secondary $text-secondary $text-secondary $text-secondary

Updated spec

image
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: AI Used to filter issues in the Carbon for AI project. package: styles @carbon/styles role: dev 🤖
Projects
Status: ✅ Done
Archived in project
Development

Successfully merging a pull request may close this issue.

2 participants