-
Task
-
Resolution: Merged
-
Should have
-
None
-
None
-
5
-
CI/CD
-
Sprint #200, Sprint #201
Summary
As we now have a reposirory to hold the tokes file (planet4-design-tokens) we should imlement an integration automation to bake these values into our theme.
Steps below framed as proposal, since some of the steps need refining as we go. Some steps maybe harder to automate.
Proposal
- From within Figma, the design team is pushing a change to Github (on the design-tokens repo).
- A CI pipeline is triggered on new release/tag.
- Inside the pipeline, planet4-master-them is cloned, checked-out in a new branch (eg. tokens-<tag-name>)
- A bash (or python) script is converting src/tokens.json from the design-tokens repo to a scss file (eg. _tokens.scss)
- The scss file is commited into the master-theme (eg. assets/src/scss/base/_tokens.scss). That scss files is already included into main style file.
- The new branch is pushed to Github and a PR is opened.
This will be deployed automatically on a test instance so UAT can also take place. A developer can check the PR code (the DoD?) and approve/merge the PR when UAT has passed.
- blocks
-
PLANET-7052 Import the tokens file into the master theme
- CLOSED
- has to be finished together with
-
PLANET-6984 Apply the new grey color to headings + body text
- CLOSED
-
PLANET-6989 Apply the new UI for the share buttons
- CLOSED
- is triggered by
-
PLANET-6946 Investigate naming scheme and structure of Design Tokens
- CLOSED