-
Notifications
You must be signed in to change notification settings - Fork 7
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
Jetstream theme support #158
base: master
Are you sure you want to change the base?
Conversation
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.
All value changes / addition in this PR also needs testing/validation from GD.
Utilizing https://jetstream-rouge.vercel.app/ with hardcoded build files is a way for testing.
4f81d4d
to
37b42d8
Compare
@fajar-apri-alaska For #164 we'll also need the same CSS file configurations for the Excursion theme so it also has CSS output like Jetstream. |
I see, then I will provide the same for Excursion theme. |
@@ -0,0 +1,56 @@ | |||
{ |
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.
It appears that the Tier2 tokens here were based on the old version of the AuroDesignTokens. While jetstream may have unique brand and base color tokens, the rest of the tokens "must" match the tokens that are currently released in the repo. I can tell that they currently do not because --ds-color-alert... tokens were all deprecated in a recent release.
Please let me know if you need further clarification on what this means for the requested change.
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.
I see, thanks for letting me know, I will ask some help from the Jetstream's GD to adjust this.
Will come back to talk to you later.
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.
I think I wasn't clear here @fajar-apri-alaska all of these files with Tier 2 tokens (everything except brand.json and base.json) appear to be outdated, not just the alert file.
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.
Actually, I got your point on the first time, but I couldn't reach Andri (yet) as it seems He's on leave.
So I tried to double check the json again myself, with the document that He gave. In the end, maybe He is the one who can confirm if the value is still okay or some value needs to be updated. I will try to reach Him again today.
703330b
to
bf69d66
Compare
@@ -0,0 +1,56 @@ | |||
{ |
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.
I think I wasn't clear here @fajar-apri-alaska all of these files with Tier 2 tokens (everything except brand.json and base.json) appear to be outdated, not just the alert file.
- generate json flat & nested theme files for jetstream theme - css value taken from Alaska-ITS/JetstreamDesignTokens#5 with some modification needed - added "jetstream" base color - update "color.base" to "color.jetstream" prefix value in jetstream theme Changes to be committed: new file: scripts/config-jetstream-darkmode.json new file: scripts/config-jetstream.json modified: scripts/styleDictionary.js new file: src/themes/jetstream/color-darkmode/alert.json new file: src/themes/jetstream/color-darkmode/background.json new file: src/themes/jetstream/color-darkmode/base.json new file: src/themes/jetstream/color-darkmode/border.json new file: src/themes/jetstream/color-darkmode/brand.json new file: src/themes/jetstream/color-darkmode/elevation.json new file: src/themes/jetstream/color-darkmode/icon.json new file: src/themes/jetstream/color-darkmode/text.json new file: src/themes/jetstream/color-darkmode/tier.json new file: src/themes/jetstream/color-darkmode/ui.json new file: src/themes/jetstream/color/alert.json new file: src/themes/jetstream/color/background.json new file: src/themes/jetstream/color/base.json new file: src/themes/jetstream/color/border.json new file: src/themes/jetstream/color/brand.json new file: src/themes/jetstream/color/elevation.json new file: src/themes/jetstream/color/icon.json new file: src/themes/jetstream/color/text.json new file: src/themes/jetstream/color/tier.json new file: src/themes/jetstream/color/ui.json new file: src/themes/jetstream/grid-breakpoint.json new file: src/themes/jetstream/text.json
Changes to be committed: modified: scripts/config-jetstream-darkmode.json modified: scripts/config-jetstream.json modified: src/themes/jetstream/color/base.json modified: src/themes/jetstream/color/brand.json modified: src/themes/jetstream/color/text.json modified: src/themes/jetstream/color/tier.json new file: src/themes/jetstream/comments.json
- add configuration css for jetstream - add configuration css for jetstream darkmode Changes to be committed: modified: scripts/config-jetstream-darkmode.json modified: scripts/config-jetstream.json
- Add configuration scripts for excursion theme to generate css & scss files. Changes to be committed: modified: scripts/config-excursion.json
- Remove unused platform from jetstream and excursion theme config file, leaving only css platform for jetstream, and also with json format for excursion. Changes to be committed: modified: scripts/config-excursion.json modified: scripts/config-jetstream-darkmode.json modified: scripts/config-jetstream.json
bf69d66
to
bca8ac9
Compare
Moving this to DRAFT for now, until values are updated and validated. |
- update config file for jetstream theme - remove unused tokens - update some tokens value per document Changes to be committed: modified: scripts/config-jetstream-darkmode.json modified: scripts/config-jetstream.json renamed: src/themes/excursion/depth copy.json -> src/themes/excursion/depth.json modified: src/themes/jetstream/color-darkmode/alert.json modified: src/themes/jetstream/color-darkmode/background.json modified: src/themes/jetstream/color-darkmode/base.json modified: src/themes/jetstream/color-darkmode/border.json modified: src/themes/jetstream/color-darkmode/brand.json modified: src/themes/jetstream/color-darkmode/icon.json modified: src/themes/jetstream/color-darkmode/text.json modified: src/themes/jetstream/color-darkmode/ui.json modified: src/themes/jetstream/color/alert.json modified: src/themes/jetstream/color/background.json modified: src/themes/jetstream/color/base.json modified: src/themes/jetstream/color/brand.json modified: src/themes/jetstream/color/text.json modified: src/themes/jetstream/color/tier.json modified: src/themes/jetstream/color/ui.json modified: src/themes/jetstream/text.json
bca8ac9
to
c274429
Compare
This worked is currently |
Alaska Airlines Pull Request
Please include a summary of the change and which issue is fixed. Please also include relevant motivation and context. List any dependencies that are required for this change.
Resolves: #152 #164
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