https://github.com/availity/design-tokens

Availity Design Tokens repository used to transform tokens into css modules, scss variables or tech specific variables using Style Dictionary
https://github.com/availity/design-tokens

Last synced: 2 months ago
JSON representation

Availity Design Tokens repository used to transform tokens into css modules, scss variables or tech specific variables using Style Dictionary

• Host: GitHub
• URL: https://github.com/availity/design-tokens
• Owner: Availity
• License: apache-2.0
• Created: 2021-10-26T18:54:11.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-01T20:42:50.000Z (almost 2 years ago)
• Last Synced: 2024-04-15T02:21:27.857Z (9 months ago)
• Language: JavaScript
• Size: 164 KB
• Stars: 4
• Watchers: 6
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Availity Design Tokens

This repo consumes a generated tokens.json file exported from Figma as the design token source of truth.

Style Dictionary is used to transform the design tokens into technology specific formats for ingestion by frameworks:

- CSS variables for applications using class based CSS approach

- ES6 modules for CSS-in-JS approach (styled-components/emotion)

- SCSS variables for scss integration using a global stylesheet