-
Notifications
You must be signed in to change notification settings - Fork 3
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
Update CSS token per new design system theming capability #185
Conversation
src/style.scss
Outdated
@@ -82,6 +83,7 @@ | |||
|
|||
&--ondark { | |||
&:hover { | |||
// This somehow doesn't refer to anywhere | |||
color: var(--auro-hyperlink-ondark-hover-color); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This new --ds-
token doesn't exist.
We should figure out what the old token resolved to for the value and then find a token in the new DS tokens with the same value.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Agree, and I'd love to do that. Problem is I couldn't find the old reference for --auro-hyperlink-ondark-hover-color
.
Not sure if this token name refers to this figma, or there is custom token that specifically created for hyperlink only.
If it is, then maybe the real token name is --auro-color-text-primary-on-light
or --ds-color-text-primary-default
based on the blueprint.
Please advise, thank you.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@leeejune can you help us figure out what token should be used here?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The real token name for --auro-color-text-primary-on-light
is --ds-color-text-primary-default
. The -on-light
has been converted to -default
and -on-dark
is now -inverse
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@fajar-apri-alaska talked with @leeejune directly and it seems we should go ahead and use --auro-color-ui-hover-on-dark
here.
a8452e9
to
5a8b365
Compare
83053b0
to
a69c6ae
Compare
Changes to be committed: modified: demo/index.html modified: package-lock.json modified: package.json modified: src/style.scss
a69c6ae
to
5c2b922
Compare
Changes to be committed: modified: src/style.scss
Changes to be committed: modified: package-lock.json modified: package.json
I have pushed a new commit per your feedback @jason-capsule42. Thanks. |
🎉 This PR is included in version 3.3.7 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Alaska Airlines Pull Request
Fixes: #183
Summary:
Type of change:
Please delete options that are not relevant.
Checklist:
By submitting this Pull Request, I confirm that my contribution is made under the terms of the Apache 2.0 license.
Pull Requests will be evaluated by their quality of update and whether it is consistent with the goals and values of this project. Any submission is to be considered a conversation between the submitter and the maintainers of this project and may require changes to your submission.
Thank you for your submission!
-- Auro Design System Team