@digdir/designsystemet 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/dist/build/bin/designsystemet.js +48 -0
  2. package/dist/build/bin/designsystemet.js.map +1 -0
  3. package/dist/build/build.js +172 -0
  4. package/dist/build/build.js.map +1 -0
  5. package/dist/build/formatters.js +94 -0
  6. package/dist/build/formatters.js.map +1 -0
  7. package/dist/build/noCase.js +31 -0
  8. package/dist/build/noCase.js.map +1 -0
  9. package/dist/build/package.json +42 -0
  10. package/dist/build/src/codemods/css-var-codemod.js +37 -0
  11. package/dist/build/src/codemods/css-var-codemod.js.map +1 -0
  12. package/dist/build/src/codemods/migrations/light-dark.js +20 -0
  13. package/dist/build/src/codemods/migrations/light-dark.js.map +1 -0
  14. package/dist/build/src/codemods/migrations.js +8 -0
  15. package/dist/build/src/codemods/migrations.js.map +1 -0
  16. package/dist/build/src/migrations/index.js +9 -0
  17. package/dist/build/src/migrations/index.js.map +1 -0
  18. package/dist/build/src/migrations/light-dark.js +23 -0
  19. package/dist/build/src/migrations/light-dark.js.map +1 -0
  20. package/dist/build/src/migrations/prefix-ds.js +8 -0
  21. package/dist/build/src/migrations/prefix-ds.js.map +1 -0
  22. package/dist/build/src/migrations/tokens-v2.js +211 -0
  23. package/dist/build/src/migrations/tokens-v2.js.map +1 -0
  24. package/dist/build/src/tokens/build.js +141 -0
  25. package/dist/build/src/tokens/build.js.map +1 -0
  26. package/dist/build/src/tokens/formatters.js +79 -0
  27. package/dist/build/src/tokens/formatters.js.map +1 -0
  28. package/dist/build/src/tokens/noCase.js +31 -0
  29. package/dist/build/src/tokens/noCase.js.map +1 -0
  30. package/dist/build/src/tokens/transformers.js +40 -0
  31. package/dist/build/src/tokens/transformers.js.map +1 -0
  32. package/dist/build/transformers.js +105 -0
  33. package/dist/build/transformers.js.map +1 -0
  34. package/dist/build/tsconfig.tsbuildinfo +1 -0
  35. package/dist/types/bin/designsystemet.d.ts +3 -0
  36. package/dist/types/bin/designsystemet.d.ts.map +1 -0
  37. package/dist/types/build.d.ts +3 -0
  38. package/dist/types/build.d.ts.map +1 -0
  39. package/dist/types/formatters.d.ts +11 -0
  40. package/dist/types/formatters.d.ts.map +1 -0
  41. package/dist/types/noCase.d.ts +11 -0
  42. package/dist/types/noCase.d.ts.map +1 -0
  43. package/dist/types/src/codemods/css-var-codemod.d.ts +7 -0
  44. package/dist/types/src/codemods/css-var-codemod.d.ts.map +1 -0
  45. package/dist/types/src/codemods/migrations/light-dark.d.ts +3 -0
  46. package/dist/types/src/codemods/migrations/light-dark.d.ts.map +1 -0
  47. package/dist/types/src/codemods/migrations.d.ts +6 -0
  48. package/dist/types/src/codemods/migrations.d.ts.map +1 -0
  49. package/dist/types/src/migrations/index.d.ts +7 -0
  50. package/dist/types/src/migrations/index.d.ts.map +1 -0
  51. package/dist/types/src/migrations/light-dark.d.ts +3 -0
  52. package/dist/types/src/migrations/light-dark.d.ts.map +1 -0
  53. package/dist/types/src/migrations/prefix-ds.d.ts +3 -0
  54. package/dist/types/src/migrations/prefix-ds.d.ts.map +1 -0
  55. package/dist/types/src/migrations/tokens-v2.d.ts +3 -0
  56. package/dist/types/src/migrations/tokens-v2.d.ts.map +1 -0
  57. package/dist/types/src/tokens/build.d.ts +7 -0
  58. package/dist/types/src/tokens/build.d.ts.map +1 -0
  59. package/dist/types/src/tokens/formatters.d.ts +10 -0
  60. package/dist/types/src/tokens/formatters.d.ts.map +1 -0
  61. package/dist/types/src/tokens/noCase.d.ts +11 -0
  62. package/dist/types/src/tokens/noCase.d.ts.map +1 -0
  63. package/dist/types/src/tokens/transformers.d.ts +5 -0
  64. package/dist/types/src/tokens/transformers.d.ts.map +1 -0
  65. package/dist/types/transformers.d.ts +11 -0
  66. package/dist/types/transformers.d.ts.map +1 -0
  67. package/package.json +42 -0
@@ -0,0 +1,211 @@
1
+ import { cssVarCodemod } from '../codemods/css-var-codemod.js';
2
+ export default (glob) => cssVarCodemod({
3
+ globPath: glob,
4
+ dictionary: {
5
+ '--fds-semantic-surface-first-light': '--fds-color-brand1-surface-default',
6
+ '--fds-semantic-surface-first-light-hover': '--fds-color-brand1-surface-hover',
7
+ '--fds-semantic-surface-first-light-active': '--fds-color-brand1-surface-active',
8
+ '--fds-semantic-surface-first-dark': '',
9
+ '--fds-semantic-surface-second-light': '--fds-color-brand2-surface-default',
10
+ '--fds-semantic-surface-second-light-hover': '--fds-color-brand2-surface-hover',
11
+ '--fds-semantic-surface-second-light-active': '--fds-color-brand2-surface-active',
12
+ '--fds-semantic-surface-second-dark': '',
13
+ '--fds-semantic-surface-third-light': '--fds-color-brand3-surface-default',
14
+ '--fds-semantic-surface-third-light-hover': '--fds-color-brand3-surface-hover',
15
+ '--fds-semantic-surface-third-light-active': '--fds-color-brand3-surface-active',
16
+ '--fds-semantic-surface-third-dark': '',
17
+ '--fds-semantic-surface-action-first-subtle': '--fds-color-accent-surface-default',
18
+ '--fds-semantic-surface-action-first-subtle-hover': '--fds-color-accent-surface-hover',
19
+ '--fds-semantic-surface-action-first-default': '--fds-color-accent-base-default',
20
+ '--fds-semantic-surface-action-first-hover': '--fds-color-accent-base-hover',
21
+ '--fds-semantic-surface-action-first-active': '--fds-color-accent-base-active',
22
+ '--fds-semantic-surface-action-first-no_fill': '--fds-color-accent-contrast-first',
23
+ '--fds-semantic-surface-action-first-no_fill-hover': '--fds-color-accent-surface-default',
24
+ '--fds-semantic-surface-action-first-no_fill-active': '--fds-color-accent-surface-hover',
25
+ '--fds-semantic-surface-action-second-subtle': '--fds-color-accent-surface-default',
26
+ '--fds-semantic-surface-action-second-subtle-hover': '--fds-color-accent-surface-hover',
27
+ '--fds-semantic-surface-action-second-default': '--fds-color-accent-base-default',
28
+ '--fds-semantic-surface-action-second-hover': '--fds-color-accent-base-hover',
29
+ '--fds-semantic-surface-action-second-active': '--fds-color-accent-base-active',
30
+ '--fds-semantic-surface-action-second-no_fill': '--fds-color-accent-contrast-first',
31
+ '--fds-semantic-surface-action-second-no_fill-hover': '--fds-color-accent-surface-default',
32
+ '--fds-semantic-surface-action-second-no_fill-active': '--fds-color-accent-surface-hover',
33
+ '--fds-semantic-surface-action-subtle': '--fds-color-accent-surface-default',
34
+ '--fds-semantic-surface-action-subtle-hover': '--fds-color-accent-surface-hover',
35
+ '--fds-semantic-surface-action-default': '--fds-color-accent-base-default',
36
+ '--fds-semantic-surface-action-hover': '--fds-color-accent-base-hover',
37
+ '--fds-semantic-surface-action-active': '--fds-color-accent-base-active',
38
+ '--fds-semantic-surface-action-no_fill': '--fds-color-accent-contrast-first',
39
+ '--fds-semantic-surface-action-no_fill-hover': '--fds-color-accent-surface-default',
40
+ '--fds-semantic-surface-action-no_fill-active': '--fds-color-accent-surface-hover',
41
+ '--fds-semantic-surface-action-checked': '--fds-color-accent-base-default',
42
+ '--fds-semantic-surface-neutral-default': '--fds-color-neutral-background-default',
43
+ '--fds-semantic-surface-neutral-selected': '',
44
+ '--fds-semantic-surface-neutral-subtle': '--fds-color-neutral-background-subtle',
45
+ '--fds-semantic-surface-neutral-subtle-hover': '--fds-color-neutral-surface-default',
46
+ '--fds-semantic-surface-neutral-dark': '--fds-color-neutral-base-default',
47
+ '--fds-semantic-surface-neutral-dark-hover': '--fds-color-neutral-base-hover',
48
+ '--fds-semantic-surface-neutral-inverted': '',
49
+ '--fds-semantic-surface-success-subtle': '--fds-color-success-surface-default',
50
+ '--fds-semantic-surface-success-subtle-hover': '--fds-color-success-surface-hover',
51
+ '--fds-semantic-surface-success-default': '--fds-color-success-base-default',
52
+ '--fds-semantic-surface-success-hover': '--fds-color-success-base-hover',
53
+ '--fds-semantic-surface-success-active': '--fds-color-success-base-active',
54
+ '--fds-semantic-surface-success-no_fill': '--fds-color-success-contrast-first',
55
+ '--fds-semantic-surface-success-no_fill-hover': '--fds-color-success-surface-default',
56
+ '--fds-semantic-surface-success-no_fill-active': '--fds-color-success-surface-hover',
57
+ '--fds-semantic-surface-warning-subtle': '--fds-color-warning-surface-default',
58
+ '--fds-semantic-surface-warning-subtle-hover': '--fds-color-warning-surface-hover',
59
+ '--fds-semantic-surface-warning-default': '--fds-color-warning-base-default',
60
+ '--fds-semantic-surface-warning-default-hover': '--fds-color-warning-base-hover',
61
+ '--fds-semantic-surface-danger-subtle': '--fds-color-danger-surface-default',
62
+ '--fds-semantic-surface-danger-subtle-hover': '--fds-color-danger-surface-hover',
63
+ '--fds-semantic-surface-danger-default': '--fds-color-danger-base-default',
64
+ '--fds-semantic-surface-danger-hover': '--fds-color-danger-base-hover',
65
+ '--fds-semantic-surface-danger-active': '--fds-color-danger-base-active',
66
+ '--fds-semantic-surface-danger-no_fill': '--fds-color-danger-contrast-first',
67
+ '--fds-semantic-surface-danger-no_fill-hover': '--fds-color-danger-surface-default',
68
+ '--fds-semantic-surface-danger-no_fill-active': '--fds-color-danger-surface-hover',
69
+ '--fds-semantic-surface-info-subtle': '',
70
+ '--fds-semantic-surface-info-subtle-hover': '',
71
+ '--fds-semantic-surface-on_inverted-default': '',
72
+ '--fds-semantic-surface-on_inverted-hover': '',
73
+ '--fds-semantic-surface-on_inverted-active': '',
74
+ '--fds-semantic-surface-on_inverted-no_fill': '',
75
+ '--fds-semantic-surface-on_inverted-no_fill-hover': '',
76
+ '--fds-semantic-surface-on_inverted-no_fill-active': '',
77
+ '--fds-semantic-surface-focus-default': '',
78
+ '--fds-semantic-border-first-default': '',
79
+ '--fds-semantic-border-first-hover': '',
80
+ '--fds-semantic-border-first-active': '',
81
+ '--fds-semantic-border-second-default': '',
82
+ '--fds-semantic-border-second-hover': '',
83
+ '--fds-semantic-border-second-active': '',
84
+ '--fds-semantic-border-third-default': '',
85
+ '--fds-semantic-border-third-hover': '',
86
+ '--fds-semantic-border-third-active': '',
87
+ '--fds-semantic-border-action-first-subtle': '',
88
+ '--fds-semantic-border-action-first-subtle-hover': '',
89
+ '--fds-semantic-border-action-first-default': '',
90
+ '--fds-semantic-border-action-first-hover': '',
91
+ '--fds-semantic-border-action-first-active': '',
92
+ '--fds-semantic-border-action-second-subtle': '',
93
+ '--fds-semantic-border-action-second-subtle-hover': '',
94
+ '--fds-semantic-border-action-second-default': '',
95
+ '--fds-semantic-border-action-second-hover': '',
96
+ '--fds-semantic-border-action-second-active': '',
97
+ '--fds-semantic-border-action-subtle': '',
98
+ '--fds-semantic-border-action-subtle-hover': '',
99
+ '--fds-semantic-border-action-default': '',
100
+ '--fds-semantic-border-action-hover': '',
101
+ '--fds-semantic-border-action-active': '',
102
+ '--fds-semantic-border-action-dark': '',
103
+ '--fds-semantic-border-action-dark-hover': '',
104
+ '--fds-semantic-border-info-default': '',
105
+ '--fds-semantic-border-neutral-default': '',
106
+ '--fds-semantic-border-neutral-subtle': '',
107
+ '--fds-semantic-border-neutral-strong': '',
108
+ '--fds-semantic-border-success-default': '',
109
+ '--fds-semantic-border-success-hover': '',
110
+ '--fds-semantic-border-success-active': '',
111
+ '--fds-semantic-border-warning-default': '',
112
+ '--fds-semantic-border-warning-hover': '',
113
+ '--fds-semantic-border-warning-active': '',
114
+ '--fds-semantic-border-danger-default': '',
115
+ '--fds-semantic-border-danger-hover': '',
116
+ '--fds-semantic-border-danger-active': '',
117
+ '--fds-semantic-border-focus-outline': '',
118
+ '--fds-semantic-border-focus-boxshadow': '',
119
+ '--fds-semantic-border-on_inverted-default': '',
120
+ '--fds-semantic-border-input-default': '',
121
+ '--fds-semantic-border-input-hover': '',
122
+ '--fds-semantic-border-divider-default': '',
123
+ '--fds-semantic-border-divider-subtle': '',
124
+ '--fds-semantic-border-divider-strong': '',
125
+ '--fds-semantic-text-action-first-default': '',
126
+ '--fds-semantic-text-action-first-hover': '',
127
+ '--fds-semantic-text-action-first-active': '',
128
+ '--fds-semantic-text-action-first-on_action': '',
129
+ '--fds-semantic-text-action-second-default': '',
130
+ '--fds-semantic-text-action-second-hover': '',
131
+ '--fds-semantic-text-action-second-active': '',
132
+ '--fds-semantic-text-action-second-on_action': '',
133
+ '--fds-semantic-text-action-default': '',
134
+ '--fds-semantic-text-action-hover': '',
135
+ '--fds-semantic-text-action-active': '',
136
+ '--fds-semantic-text-action-on_action': '',
137
+ '--fds-semantic-text-success-default': '',
138
+ '--fds-semantic-text-success-hover': '',
139
+ '--fds-semantic-text-success-active': '',
140
+ '--fds-semantic-text-success-on_success': '',
141
+ '--fds-semantic-text-success-on_success_subtle': '',
142
+ '--fds-semantic-text-neutral-default': '',
143
+ '--fds-semantic-text-neutral-subtle': '',
144
+ '--fds-semantic-text-neutral-on_inverted': '',
145
+ '--fds-semantic-text-warning-default': '',
146
+ '--fds-semantic-text-warning-icon_warning': '',
147
+ '--fds-semantic-text-warning-on_warning': '',
148
+ '--fds-semantic-text-danger-default': '',
149
+ '--fds-semantic-text-danger-hover': '',
150
+ '--fds-semantic-text-danger-active': '',
151
+ '--fds-semantic-text-danger-on_danger': '',
152
+ '--fds-semantic-text-danger-on_danger_subtle': '',
153
+ '--fds-semantic-text-visited-default': '',
154
+ '--fds-semantic-background-default': '',
155
+ '--fds-semantic-background-subtle': '',
156
+ '--fds-typography-heading-2xlarge': '',
157
+ '--fds-typography-heading-xlarge': '',
158
+ '--fds-typography-heading-large': '',
159
+ '--fds-typography-heading-medium': '',
160
+ '--fds-typography-heading-small': '',
161
+ '--fds-typography-heading-xsmall': '',
162
+ '--fds-typography-heading-xxsmall': '',
163
+ '--fds-typography-ingress-large': '',
164
+ '--fds-typography-ingress-medium': '',
165
+ '--fds-typography-ingress-small': '',
166
+ '--fds-typography-ingress-xsmall': '',
167
+ '--fds-typography-paragraph-large': '',
168
+ '--fds-typography-paragraph-medium': '',
169
+ '--fds-typography-paragraph-small': '',
170
+ '--fds-typography-paragraph-xsmall': '',
171
+ '--fds-typography-paragraph-short-large': '',
172
+ '--fds-typography-paragraph-short-medium': '',
173
+ '--fds-typography-paragraph-short-small': '',
174
+ '--fds-typography-paragraph-short-xsmall': '',
175
+ '--fds-typography-paragraph-long-large': '',
176
+ '--fds-typography-paragraph-long-medium': '',
177
+ '--fds-typography-paragraph-long-small': '',
178
+ '--fds-typography-paragraph-long-xsmall': '',
179
+ '--fds-typography-label-large': '',
180
+ '--fds-typography-label-medium': '',
181
+ '--fds-typography-label-small': '',
182
+ '--fds-typography-label-xsmall': '',
183
+ '--fds-typography-error_message-large': '',
184
+ '--fds-typography-error_message-medium': '',
185
+ '--fds-typography-error_message-small': '',
186
+ '--fds-typography-error_message-xsmall': '',
187
+ '--fds-typography-interactive-large': '--fds-typography-paragraph-short-large',
188
+ '--fds-typography-interactive-medium': '--fds-typography-paragraph-short-medium',
189
+ '--fds-typography-interactive-small': '--fds-typography-paragraph-short-small',
190
+ '--fds-border_radius-interactive': '--fds-border-radius-md',
191
+ '--fds-border_radius-small': '--fds-border-radius-sm',
192
+ '--fds-border_radius-medium': '--fds-border-radius-md',
193
+ '--fds-border_radius-large': '--fds-border-radius-lg',
194
+ '--fds-border_radius-xlarge': '--fds-border-radius-xl',
195
+ '--fds-border_radius-xxlarge': '--fds-border-radius-2xl',
196
+ '--fds-border_radius-xxxlarge': '--fds-border-radius-3xl',
197
+ '--fds-border_radius-xxxxlarge': '--fds-border-radius-4xl',
198
+ '--fds-border_radius-full': '--fds-border-radius-full',
199
+ '--fds-base_spacing': '[delete]',
200
+ '--fds-base_sizing': '[delete]',
201
+ '--fds-border_width-default': '--fds-border-width-default',
202
+ '--fds-border_width-active': '--fds-border-width-active',
203
+ '--fds-border_width-tab_focus': '--fds-border-width-tab_focus', // Skulle denne fjernes?
204
+ '--fds-shadow-xsmall': '--fds-shadow-xs',
205
+ '--fds-shadow-small': '--fds-shadow-sm',
206
+ '--fds-shadow-medium': '--fds-shadow-md',
207
+ '--fds-shadow-large': '--fds-shadow-lg',
208
+ '--fds-shadow-xlarge': '--fds-shadow-xl',
209
+ },
210
+ });
211
+ //# sourceMappingURL=tokens-v2.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens-v2.js","sourceRoot":"","sources":["../../../../src/migrations/tokens-v2.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,141 @@
1
+ import path from 'path';
2
+ import fs from 'fs';
3
+ import { registerTransforms, permutateThemes } from '@tokens-studio/sd-transforms';
4
+ import StyleDictionary from 'style-dictionary';
5
+ import * as R from 'ramda';
6
+ import { nameKebab, typographyShorthand, sizeRem } from './transformers.js';
7
+ import { groupedTokens, scopedReferenceVariables } from './formatters.js';
8
+ void registerTransforms(StyleDictionary);
9
+ const prefix = 'fds';
10
+ const basePxFontSize = 16;
11
+ const separator = '_';
12
+ const fileHeader = () => [`These files are generated from design tokens defind using Token Studio`];
13
+ StyleDictionary.registerTransform(sizeRem);
14
+ StyleDictionary.registerTransform(nameKebab);
15
+ StyleDictionary.registerTransform(typographyShorthand);
16
+ StyleDictionary.registerFormat(groupedTokens);
17
+ StyleDictionary.registerFormat(scopedReferenceVariables);
18
+ StyleDictionary.registerTransformGroup({
19
+ name: 'fds/css',
20
+ transforms: [
21
+ `ts/resolveMath`,
22
+ nameKebab.name,
23
+ sizeRem.name,
24
+ typographyShorthand.name,
25
+ 'ts/color/modifiers',
26
+ 'ts/color/css/hexrgba',
27
+ 'ts/size/lineheight',
28
+ 'ts/size/px',
29
+ 'ts/shadow/css/shorthand',
30
+ ],
31
+ });
32
+ const processThemeName = R.pipe(R.replace(`${separator}semantic`, ''), R.toLower, R.split(separator));
33
+ const getCSSConfig = ({ fileName = 'unknown', buildPath = 'unknown' }) => {
34
+ return {
35
+ log: { verbosity: 'verbose' },
36
+ preprocessors: ['tokens-studio'],
37
+ platforms: {
38
+ css: {
39
+ prefix,
40
+ basePxFontSize,
41
+ transformGroup: 'fds/css',
42
+ buildPath,
43
+ files: [
44
+ {
45
+ destination: `${fileName}.css`,
46
+ format: scopedReferenceVariables.name,
47
+ },
48
+ ],
49
+ options: {
50
+ fileHeader,
51
+ includeReferences: (token) => {
52
+ if (R.test(/accent|neutral|brand1|brand2|brand3|success|danger|warning/, token.name) &&
53
+ R.includes('semantic/color', token.filePath)) {
54
+ return true;
55
+ }
56
+ return false;
57
+ },
58
+ },
59
+ },
60
+ },
61
+ };
62
+ };
63
+ const getStorefrontConfig = ({ fileName = 'unknown', buildPath = 'unknown' }) => {
64
+ return {
65
+ log: { verbosity: 'verbose' },
66
+ preprocessors: ['tokens-studio'],
67
+ platforms: {
68
+ storefront: {
69
+ prefix,
70
+ basePxFontSize,
71
+ transformGroup: 'fds/css',
72
+ buildPath,
73
+ files: [
74
+ {
75
+ destination: `${fileName}.ts`,
76
+ format: groupedTokens.name,
77
+ filter: (token) => {
78
+ return R.not(R.includes('themes', token.filePath));
79
+ },
80
+ },
81
+ ],
82
+ options: {
83
+ fileHeader,
84
+ },
85
+ },
86
+ },
87
+ };
88
+ };
89
+ const sd = new StyleDictionary();
90
+ export async function run(options) {
91
+ const tokensPath = options.tokens;
92
+ const storefrontTokensOutPath = path.resolve('../../apps/storefront/tokens');
93
+ const packageTokensOutPath = path.resolve('../../packages/theme/brand');
94
+ const $themes = JSON.parse(fs.readFileSync(path.resolve(`${tokensPath}/$themes.json`), 'utf-8'));
95
+ const themes = permutateThemes($themes, {
96
+ separator,
97
+ });
98
+ const getConfigs = (configCallback, outPath) => Object.entries(themes)
99
+ .map(([name, tokensets]) => {
100
+ const updatedSets = tokensets.map((x) => `${tokensPath}/${x}.json`);
101
+ const [fileName, folderName] = processThemeName(name);
102
+ const paritionPrimitives = /(?!.*global\.json).*primitives.*/;
103
+ // const paritionPrimitives = /.*primitives.*/;
104
+ const [source, include] = R.partition(R.test(paritionPrimitives), updatedSets);
105
+ const config_ = configCallback({
106
+ fileName: fileName,
107
+ buildPath: `${outPath}/${folderName}/`,
108
+ });
109
+ const config = {
110
+ ...config_,
111
+ source: source,
112
+ include,
113
+ };
114
+ console.log(config);
115
+ return [`${folderName}: ${fileName}`, config];
116
+ })
117
+ .sort();
118
+ const tokenConfigs = getConfigs(getCSSConfig, packageTokensOutPath);
119
+ const storefrontConfigs = getConfigs(getStorefrontConfig, storefrontTokensOutPath);
120
+ if (tokenConfigs.length > 0) {
121
+ console.log('🍱 Staring token builder');
122
+ console.log('➡️ Tokens path: ', tokensPath);
123
+ console.log('\n🏗️ Start building CSS tokens');
124
+ await Promise.all(tokenConfigs.map(async ([name, config]) => {
125
+ console.log(`👷 Processing ${name}`);
126
+ const tokensPackageSD = await sd.extend(config);
127
+ return tokensPackageSD.buildAllPlatforms();
128
+ }));
129
+ console.log('🏁 Finished building package tokens!');
130
+ }
131
+ if (storefrontConfigs.length > 0) {
132
+ console.log('\n🏗️ Started building storefront tokens…');
133
+ await Promise.all(storefrontConfigs.map(async ([name, config]) => {
134
+ console.log(`👷 Processing ${name}`);
135
+ const storefrontSD = await sd.extend(config);
136
+ return storefrontSD.buildAllPlatforms();
137
+ }));
138
+ console.log('🏁 Finished building storefront tokens!');
139
+ }
140
+ }
141
+ //# sourceMappingURL=build.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"build.js","sourceRoot":"","sources":["../../../../src/tokens/build.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,79 @@
1
+ import * as R from 'ramda';
2
+ import { fileHeader, createPropertyFormatter, usesReferences, getReferences } from 'style-dictionary/utils';
3
+ /**
4
+ * CSS variables format with option to include source references for matched token through `options.referencesFilter`
5
+ */
6
+ export const scopedReferenceVariables = {
7
+ name: 'css/variables-scoped-references',
8
+ format: async function ({ dictionary, file, options }) {
9
+ const { allTokens, unfilteredTokens } = dictionary;
10
+ const { usesDtcg, outputReferences } = options;
11
+ const includeReferences = options.includeReferences;
12
+ let referencedTokens = [];
13
+ const format = createPropertyFormatter({
14
+ outputReferences,
15
+ dictionary,
16
+ format: 'css',
17
+ });
18
+ const formatWithReference = createPropertyFormatter({
19
+ outputReferences: true,
20
+ dictionary,
21
+ format: 'css',
22
+ });
23
+ const parseToken = (token, ignoreSource) => {
24
+ const originalValue = (usesDtcg ? token.original.$value : token.original.value);
25
+ if (usesReferences(originalValue) && includeReferences(token)) {
26
+ const refs = getReferences(originalValue, unfilteredTokens ? unfilteredTokens : {});
27
+ referencedTokens = [...referencedTokens, ...refs.filter((x) => x.isSource)];
28
+ return formatWithReference(token);
29
+ }
30
+ if (ignoreSource && !token.isSource) {
31
+ return format(token);
32
+ }
33
+ };
34
+ const tokens = allTokens.map((t) => parseToken(t, true)).filter((x) => x);
35
+ const referenceTokens = referencedTokens
36
+ .reduce((acc, token) => {
37
+ if (acc.find((x) => x.name === token.name)) {
38
+ return acc;
39
+ }
40
+ return [...acc, token];
41
+ }, [])
42
+ .map((token) => format(token))
43
+ .filter((formattedValue) => formattedValue);
44
+ return fileHeader({ file }).then((fileHeaderText) => `
45
+ ${fileHeaderText}
46
+ :root {
47
+ ${referenceTokens.length > 0 ? referenceTokens.join('\n') : ''}
48
+ ${tokens.join('\n')}
49
+ }
50
+ `);
51
+ },
52
+ };
53
+ const groupByType = R.groupBy((token) => token.type);
54
+ /** Add token name with prefix to list for removal */
55
+ const removeUnwatedTokens = R.filter((token) => !['fds-base_spacing', 'fds-base_sizing'].includes(token.name));
56
+ const toCssVarName = R.pipe(R.split(':'), R.head, R.trim);
57
+ /**
58
+ * Format for displaying tokens in storefront
59
+ */
60
+ export const groupedTokens = {
61
+ name: 'groupedTokens',
62
+ format: async function ({ dictionary, file }) {
63
+ const format = createPropertyFormatter({
64
+ dictionary,
65
+ format: 'css',
66
+ });
67
+ const formatTokens = R.map((token) => ({
68
+ ...token,
69
+ name: toCssVarName(format(token)),
70
+ }));
71
+ const processTokens = R.pipe(removeUnwatedTokens, formatTokens, groupByType);
72
+ const tokens = processTokens(dictionary.allTokens);
73
+ const content = Object.entries(tokens)
74
+ .map(([name, token]) => `export const ${name} = ${JSON.stringify(token, null, 2).replace(/"([^"]+)":/g, '$1:')} \n`)
75
+ .join('\n');
76
+ return fileHeader({ file }).then((fileHeaderText) => fileHeaderText + content);
77
+ },
78
+ };
79
+ //# sourceMappingURL=formatters.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"formatters.js","sourceRoot":"","sources":["../../../../src/tokens/formatters.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,CAAC,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAI5G;;GAEG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAW;IAC9C,IAAI,EAAE,iCAAiC;IACvC,MAAM,EAAE,KAAK,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE;QACnD,MAAM,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,UAAU,CAAC;QACnD,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;QAC/C,MAAM,iBAAiB,GAAG,OAAO,CAAC,iBAAsC,CAAC;QACzE,IAAI,gBAAgB,GAAuB,EAAE,CAAC;QAE9C,MAAM,MAAM,GAAG,uBAAuB,CAAC;YACrC,gBAAgB;YAChB,UAAU;YACV,MAAM,EAAE,KAAK;SACd,CAAC,CAAC;QAEH,MAAM,mBAAmB,GAAG,uBAAuB,CAAC;YAClD,gBAAgB,EAAE,IAAI;YACtB,UAAU;YACV,MAAM,EAAE,KAAK;SACd,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,CAAC,KAAuB,EAAE,YAAsB,EAAE,EAAE;YACrE,MAAM,aAAa,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAW,CAAC;YAE1F,IAAI,cAAc,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC9D,MAAM,IAAI,GAAG,aAAa,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;gBAEpF,gBAAgB,GAAG,CAAC,GAAG,gBAAgB,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAE5E,OAAO,mBAAmB,CAAC,KAAK,CAAC,CAAC;YACpC,CAAC;YAED,IAAI,YAAY,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACpC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QAE1E,MAAM,eAAe,GAAG,gBAAgB;aACrC,MAAM,CAAqB,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YACzC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC3C,OAAO,GAAG,CAAC;YACb,CAAC;YAED,OAAO,CAAC,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC;QACzB,CAAC,EAAE,EAAE,CAAC;aACL,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aAC7B,MAAM,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC;QAE9C,OAAO,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAC9B,CAAC,cAAc,EAAE,EAAE,CAAC;EACxB,cAAc;;EAEd,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;EAC5D,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;OAEZ,CACF,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,KAAuB,EAAE,EAAE,CAAC,KAAK,CAAC,IAAc,CAAC,CAAC;AAEjF,qDAAqD;AACrD,MAAM,mBAAmB,GAAG,CAAC,CAAC,MAAM,CAClC,CAAC,KAAuB,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,iBAAiB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAC3F,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAW;IACnC,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,KAAK,WAAW,EAAE,UAAU,EAAE,IAAI,EAAE;QAC1C,MAAM,MAAM,GAAG,uBAAuB,CAAC;YACrC,UAAU;YACV,MAAM,EAAE,KAAK;SACd,CAAC,CAAC;QAEH,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAuB,EAAE,EAAE,CAAC,CAAC;YACvD,GAAG,KAAK;YACR,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;SAClC,CAAC,CAAC,CAAC;QAEJ,MAAM,aAAa,GAAG,CAAC,CAAC,IAAI,CAAC,mBAAmB,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC;QAE7E,MAAM,MAAM,GAAG,aAAa,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QAEnD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;aACnC,GAAG,CACF,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,iBAAiB,IAAI,MAAM,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,aAAa,EAAE,KAAK,CAAC,KAAK,CAChH;aACA,IAAI,CAAC,IAAI,CAAC,CAAC;QAEd,OAAO,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,EAAE,CAAC,cAAc,GAAG,OAAO,CAAC,CAAC;IACjF,CAAC;CACF,CAAC"}
@@ -0,0 +1,31 @@
1
+ // Copied from https://github.com/blakeembrey/change-case/blob/change-case%404.1.2/packages/no-case/src/index.ts
2
+ const lowerCase = (text = '') => text.toLowerCase();
3
+ // Support camel case ("camelCase" -> "camel Case" and "CAMELCase" -> "CAMEL Case").
4
+ const DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
5
+ // Remove all non-word characters.
6
+ const DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
7
+ /**
8
+ * Normalize the string into something other libraries can manipulate easier.
9
+ */
10
+ export function noCase(input, options = {}) {
11
+ const { splitRegexp = DEFAULT_SPLIT_REGEXP, stripRegexp = DEFAULT_STRIP_REGEXP, transform = lowerCase, delimiter = ' ', } = options;
12
+ const result = replace(replace(input, splitRegexp, '$1\0$2'), stripRegexp, '\0');
13
+ let start = 0;
14
+ let end = result.length;
15
+ // Trim the delimiter from around the output string.
16
+ while (result.charAt(start) === '\0')
17
+ start++;
18
+ while (result.charAt(end - 1) === '\0')
19
+ end--;
20
+ // Transform each token independently.
21
+ return result.slice(start, end).split('\0').map(transform).join(delimiter);
22
+ }
23
+ /**
24
+ * Replace `re` in the input string with the replacement value.
25
+ */
26
+ function replace(input, re, value) {
27
+ if (re instanceof RegExp)
28
+ return input.replace(re, value);
29
+ return re.reduce((input, re) => input.replace(re, value), input);
30
+ }
31
+ //# sourceMappingURL=noCase.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"noCase.js","sourceRoot":"","sources":["../../../../src/tokens/noCase.ts"],"names":[],"mappings":"AAAA,gHAAgH;AAChH,MAAM,SAAS,GAAG,CAAC,IAAI,GAAG,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;AASpD,oFAAoF;AACpF,MAAM,oBAAoB,GAAG,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,CAAC;AAE5E,kCAAkC;AAClC,MAAM,oBAAoB,GAAG,cAAc,CAAC;AAE5C;;GAEG;AACH,MAAM,UAAU,MAAM,CAAC,KAAa,EAAE,UAAmB,EAAE;IACzD,MAAM,EACJ,WAAW,GAAG,oBAAoB,EAClC,WAAW,GAAG,oBAAoB,EAClC,SAAS,GAAG,SAAS,EACrB,SAAS,GAAG,GAAG,GAChB,GAAG,OAAO,CAAC;IAEZ,MAAM,MAAM,GAAG,OAAO,CACpB,OAAO,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,EACrC,WAAW,EACX,IAAI,CACL,CAAC;IACF,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC;IAExB,oDAAoD;IACpD,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,IAAI;QAAE,KAAK,EAAE,CAAC;IAC9C,OAAO,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG,CAAC,CAAC,KAAK,IAAI;QAAE,GAAG,EAAE,CAAC;IAE9C,sCAAsC;IACtC,OAAO,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC7E,CAAC;AAED;;GAEG;AACH,SAAS,OAAO,CAAC,KAAa,EAAE,EAAqB,EAAE,KAAa;IAClE,IAAI,EAAE,YAAY,MAAM;QAAE,OAAO,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAC1D,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AACnE,CAAC"}
@@ -0,0 +1,40 @@
1
+ import { noCase } from './noCase.js';
2
+ export const sizeRem = {
3
+ name: 'fds/size/toRem',
4
+ type: 'value',
5
+ transitive: true,
6
+ filter: (token) => ['sizing', 'spacing'].includes(token.type) &&
7
+ !token.name.includes('base'),
8
+ transform: (token, config) => {
9
+ const baseFont = config.basePxFontSize || 16;
10
+ const value = parseInt(token.value);
11
+ if (value === 0) {
12
+ return '0';
13
+ }
14
+ return `${value / baseFont}rem`;
15
+ },
16
+ };
17
+ export const nameKebab = {
18
+ name: 'name/cti/hierarchical-kebab',
19
+ type: 'name',
20
+ transform: (token, options) => {
21
+ return noCase([options?.prefix].concat(token.path).join('-'), {
22
+ delimiter: '-',
23
+ stripRegexp: /[^A-Z0-9_]+/gi,
24
+ });
25
+ },
26
+ };
27
+ export const typographyShorthand = {
28
+ name: 'typography/shorthand',
29
+ type: 'value',
30
+ transitive: true,
31
+ filter: (token) => token.type === 'typography',
32
+ transform: (token, config, options) => {
33
+ const { usesDtcg } = options;
34
+ const typography = (usesDtcg ? token.$value : token.value);
35
+ const baseFontPx = config.basePxFontSize || 16;
36
+ const fontSize = `${parseInt(typography.fontSize) / baseFontPx}rem`;
37
+ return `${typography.fontWeight} ${fontSize}/${typography.lineHeight} '${typography.fontFamily}'`;
38
+ },
39
+ };
40
+ //# sourceMappingURL=transformers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"transformers.js","sourceRoot":"","sources":["../../../../src/tokens/transformers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,MAAM,CAAC,MAAM,OAAO,GAAc;IAChC,IAAI,EAAE,gBAAgB;IACtB,IAAI,EAAE,OAAO;IACb,UAAU,EAAE,IAAI;IAChB,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAChB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAc,CAAC;QACpD,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;IAC9B,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;QAC3B,MAAM,QAAQ,GAAI,MAAM,CAAC,cAAoC,IAAI,EAAE,CAAC;QACpE,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAe,CAAC,CAAC;QAE9C,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;YAChB,OAAO,GAAG,CAAC;QACb,CAAC;QAED,OAAO,GAAG,KAAK,GAAG,QAAQ,KAAK,CAAC;IAClC,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAc;IAClC,IAAI,EAAE,6BAA6B;IACnC,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QAC5B,OAAO,MAAM,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YAC5D,SAAS,EAAE,GAAG;YACd,WAAW,EAAE,eAAe;SAC7B,CAAC,CAAC;IACL,CAAC;CACF,CAAC;AASF,MAAM,CAAC,MAAM,mBAAmB,GAAc;IAC5C,IAAI,EAAE,sBAAsB;IAC5B,IAAI,EAAE,OAAO;IACb,UAAU,EAAE,IAAI;IAChB,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,YAAY;IAC9C,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;QACpC,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;QAC7B,MAAM,UAAU,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAc,CAAC;QAExE,MAAM,UAAU,GAAI,MAAM,CAAC,cAAoC,IAAI,EAAE,CAAC;QACtE,MAAM,QAAQ,GAAG,GAAG,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,UAAU,KAAK,CAAC;QAEpE,OAAO,GAAG,UAAU,CAAC,UAAU,IAAI,QAAQ,IAAI,UAAU,CAAC,UAAU,KAAK,UAAU,CAAC,UAAU,GAAG,CAAC;IACpG,CAAC;CACF,CAAC"}