design-tokens/serp-style-dictionary.config.js at main · duckduckgo/design-tokens · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
import { formats, transformGroups, logBrokenReferenceLevels, logVerbosityLevels, logWarningLevels } from 'style-dictionary/enums';
import themedJsonFormat from './src/formats/serp-themed-json.js';
import fileHeader from './dist/src/utils/file-header.js';

export default {
    source: [
        'dist/src/properties/web/serp/sds-colors.{js,json}',
        'dist/src/properties/web/serp/sds-semantic.{js,json}',
        'dist/src/properties/web/serp/sds-spacing.{js,json}',
        'dist/src/properties/web/serp/sds-typography.{js,json}',
    ],
    hooks: {
        formats: {
            'themed-json': themedJsonFormat,
        },
    },
    log: {
        warnings: logWarningLevels.warn, // 'warn' | 'error' | 'disabled'
        verbosity: logVerbosityLevels.verbose, // 'default' | 'silent' | 'verbose'
        errors: {
            brokenReferences: logBrokenReferenceLevels.throw, // 'throw' | 'console'
        },
    },
    platforms: {
        serp: {
            prefix: 'sds',
            transformGroup: transformGroups.css,
            buildPath: 'build/',
            files: [
                {
                    destination: 'serp/tokens.scss',
                    format: formats.cssVariables,
                    options: {
                        outputReferences: true,
                        showFileHeader: true,
                    },
                },
                {
                    destination: 'serp/tokens.json',
                    format: formats.jsonFlat,
                    options: {
                        outputReferences: true,
                        showFileHeader: true,
                    },
                },
                {
                    destination: 'serp/tokens-themes.json',
                    format: 'themed-json',
                    options: {
                        outputReferences: false,
                        showFileHeader: false,
                    },
                },
            ],
            options: {
                ...fileHeader,
            },
        },
    },
};