0.3.24 • Published 22 days ago
@wfp/themes-core v0.3.24
Style-dictionary
The themes core generates design tokens by using Style Dictionary.
Generate tokens
npm run build
Using existing theme
TODO: Add paragraph import variables from @un/themes-core/scss/variables;
Building a theme
Generate Source json on your own
The source can be json
, preferably generated from Figma using Design Tokens.
An example can be found in tokens/design-tokens.tokens.json
// Add this to your package.json to generate a theme
scripts: {
"build:theme": "node buildTheme.js",
}
// buildTheme.js configuration
const { config } = require('@un/themes-core/config.js');
/*
config() can be configured
source: defines the lookup for finding
Example can be found in tokens/design-tokens.tokens.json
*/
const source = 'tokens/**/*.json';
// BuildPath: Output for the build
const buildPath = 'dist';
config({ source, buildPath });
0.3.26
22 days ago
0.3.25
25 days ago
0.3.24
1 month ago
0.3.23
1 month ago
0.3.22
2 months ago
0.3.21
2 months ago
0.3.20
2 months ago
0.3.17
2 months ago
0.3.16
2 months ago
0.3.15
2 months ago
0.3.14
2 months ago
0.3.19
2 months ago
0.3.18
2 months ago
0.3.13
2 months ago
0.3.12
3 months ago
0.3.11
3 months ago
0.3.10
3 months ago
0.3.9
3 months ago
0.3.8
3 months ago
0.3.7
3 months ago
0.3.6
4 months ago
0.3.5
4 months ago
0.3.4
4 months ago
0.3.3
4 months ago
0.3.2
5 months ago
0.1.9
5 months ago
0.1.8
5 months ago
0.1.1
5 months ago
0.1.0
6 months ago
0.0.48
6 months ago
0.0.47
6 months ago