search

finos / a11y-theme-builder

DesignOps toolchain theme builder for accessibility inclusion using Atomic Design.
Apache License 2.0
39 stars 70 forks source link

[REQUEST] Create GitHub Actions to help toolchain to transform design tokens #809

Open aaronreed708 opened 4 months ago

aaronreed708 commented 4 months ago

Suggestion/Concern

Related to, and depends on, #770. Once a Theme Builder instance is associated with a GitHub repo and pushes a new design system or a design system update to GitHub, we probably need GitHub Actions defined that will run when the target folder has changes and will transform the generated design token JSON and turn it into CSS.

Resources given to me by @lwnoble:

https://github.com/tokens-studio/sd-transforms https://configurator.tokens.studio/

Proposed Solution

The idea here is that when a design system is updated by Theme Builder, we should be able to pass the artifacts to the designers for use in Figma (design tokens) and to the developers for use in applications (CSS)

sagnik3788 commented 2 months ago

@aaronreed708 may i give it a try

aaronreed708 commented 2 months ago

Hi @sagnik3788! We love that you have interest in the project, but I'm not sure that everything is in place here, yet (e.g. there might be dependencies missing). And we really don't want you to feel frustrated right out of the gate. @lwnoble , can you verify whether the JSON is stable or is it still in flux? I guess that progress could be made on this issue with test data and without #770 in place

aaronreed708 commented 2 months ago

Work on this can begin on @lwnoble latest code. Will update this issue once the branch is ready. Will need to use instructions from #829 to setup the environment in order to work on this issue.