This repository contains design tokens for building styles for SKY UX. The tokens are stored in 'src/design-tokens.yml' When this package is released, it will contain the following files:
|-- scss
| |-- variables.scss (A sass variable file containing the design tokens)
| |-- mixins.scss (A file containing convenience mixins)
|-- yaml
| |-- design-tokens.yaml (The original yaml file containing the SKY UX design tokens)
|-- json
| |-- design-tokens.json (A JSON representation of the design tokens)
To create these result files locally, clone this repository, run npm install and then npm run build.
If you see a test failure that indicates the test is "obsolete," it means that the outputted tokens have changed and the snapshot test failed. To update the snapshot, run vitest run --update and review the changes to the snapshot file to ensure they are all expected. If you do not have vitest installed, run npm i -g vitest.
To add CSS to any SPA you are locally previewing, create a file src/dev/extra-styles.css. :ng-deep, :host, and SCSS syntax will not work in this file.