@digdir/designsystemet 1.6.1 → 1.7.0

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 (47) hide show
  1. package/README.md +1 -1
  2. package/configs/test-tokens.config.json +9 -0
  3. package/dist/bin/config.js +12 -14
  4. package/dist/bin/designsystemet.js +44 -317
  5. package/dist/color.base.template-QGZJKXMN.json +22 -0
  6. package/dist/config.schema.json +23 -7
  7. package/dist/src/colors/colorMetadata.d.ts +2 -0
  8. package/dist/src/colors/colorMetadata.d.ts.map +1 -1
  9. package/dist/src/colors/colorMetadata.js +8 -5
  10. package/dist/src/colors/index.js +9 -17
  11. package/dist/src/colors/theme.d.ts.map +1 -1
  12. package/dist/src/colors/theme.js +14 -18
  13. package/dist/src/colors/types.d.ts +1 -1
  14. package/dist/src/colors/types.d.ts.map +1 -1
  15. package/dist/src/config.d.ts +18 -0
  16. package/dist/src/config.d.ts.map +1 -1
  17. package/dist/src/config.js +12 -14
  18. package/dist/src/index.d.ts +1 -0
  19. package/dist/src/index.d.ts.map +1 -1
  20. package/dist/src/index.js +211 -416
  21. package/dist/src/scripts/createJsonSchema.js +12 -14
  22. package/dist/src/scripts/update-preview-tokens.js +33 -294
  23. package/dist/src/scripts/update-template.d.ts.map +1 -1
  24. package/dist/src/scripts/update-template.js +349 -71
  25. package/dist/src/tokens/build.js +5 -5
  26. package/dist/src/tokens/create/generators/$designsystemet.js +5 -5
  27. package/dist/src/tokens/create/generators/$metadata.d.ts.map +1 -1
  28. package/dist/src/tokens/create/generators/$metadata.js +1 -4
  29. package/dist/src/tokens/create/generators/$themes.js +0 -1
  30. package/dist/src/tokens/create/generators/color.d.ts +0 -1
  31. package/dist/src/tokens/create/generators/color.d.ts.map +1 -1
  32. package/dist/src/tokens/create/generators/color.js +20 -23
  33. package/dist/src/tokens/create/generators/semantic.d.ts +1 -265
  34. package/dist/src/tokens/create/generators/semantic.d.ts.map +1 -1
  35. package/dist/src/tokens/create/generators/semantic.js +261 -270
  36. package/dist/src/tokens/create/generators/theme.d.ts.map +1 -1
  37. package/dist/src/tokens/create/generators/theme.js +265 -5
  38. package/dist/src/tokens/create/write.js +6 -10
  39. package/dist/src/tokens/create.d.ts.map +1 -1
  40. package/dist/src/tokens/create.js +33 -293
  41. package/dist/src/tokens/format.js +38 -299
  42. package/dist/src/tokens/index.js +38 -299
  43. package/dist/src/tokens/process/output/declarations.js +5 -5
  44. package/dist/src/tokens/process/output/theme.js +5 -5
  45. package/dist/src/tokens/template/design-tokens/semantic/color.base.template.js +1 -1
  46. package/package.json +5 -5
  47. package/dist/color.base.template-M7BHS4OV.json +0 -286
package/dist/color.base.template-M7BHS4OV.json DELETED
@@ -1,286 +0,0 @@
1
- {
2
- "color": {
3
- "success": {
4
- "background-default": {
5
- "$type": "color",
6
- "$value": "{global.green.1}"
7
- },
8
- "background-tinted": {
9
- "$type": "color",
10
- "$value": "{global.green.2}"
11
- },
12
- "surface-default": {
13
- "$type": "color",
14
- "$value": "{global.green.3}"
15
- },
16
- "surface-tinted": {
17
- "$type": "color",
18
- "$value": "{global.green.4}"
19
- },
20
- "surface-hover": {
21
- "$type": "color",
22
- "$value": "{global.green.5}"
23
- },
24
- "surface-active": {
25
- "$type": "color",
26
- "$value": "{global.green.6}"
27
- },
28
- "border-subtle": {
29
- "$type": "color",
30
- "$value": "{global.green.7}"
31
- },
32
- "border-default": {
33
- "$type": "color",
34
- "$value": "{global.green.8}"
35
- },
36
- "border-strong": {
37
- "$type": "color",
38
- "$value": "{global.green.9}"
39
- },
40
- "text-subtle": {
41
- "$type": "color",
42
- "$value": "{global.green.10}"
43
- },
44
- "text-default": {
45
- "$type": "color",
46
- "$value": "{global.green.11}"
47
- },
48
- "base-default": {
49
- "$type": "color",
50
- "$value": "{global.green.12}"
51
- },
52
- "base-hover": {
53
- "$type": "color",
54
- "$value": "{global.green.13}"
55
- },
56
- "base-active": {
57
- "$type": "color",
58
- "$value": "{global.green.14}"
59
- },
60
- "base-contrast-subtle": {
61
- "$type": "color",
62
- "$value": "{global.green.15}"
63
- },
64
- "base-contrast-default": {
65
- "$type": "color",
66
- "$value": "{global.green.16}"
67
- }
68
- },
69
- "danger": {
70
- "background-default": {
71
- "$type": "color",
72
- "$value": "{global.red.1}"
73
- },
74
- "background-tinted": {
75
- "$type": "color",
76
- "$value": "{global.red.2}"
77
- },
78
- "surface-default": {
79
- "$type": "color",
80
- "$value": "{global.red.3}"
81
- },
82
- "surface-tinted": {
83
- "$type": "color",
84
- "$value": "{global.red.4}"
85
- },
86
- "surface-hover": {
87
- "$type": "color",
88
- "$value": "{global.red.5}"
89
- },
90
- "surface-active": {
91
- "$type": "color",
92
- "$value": "{global.red.6}"
93
- },
94
- "border-subtle": {
95
- "$type": "color",
96
- "$value": "{global.red.7}"
97
- },
98
- "border-default": {
99
- "$type": "color",
100
- "$value": "{global.red.8}"
101
- },
102
- "border-strong": {
103
- "$type": "color",
104
- "$value": "{global.red.9}"
105
- },
106
- "text-subtle": {
107
- "$type": "color",
108
- "$value": "{global.red.10}"
109
- },
110
- "text-default": {
111
- "$type": "color",
112
- "$value": "{global.red.11}"
113
- },
114
- "base-default": {
115
- "$type": "color",
116
- "$value": "{global.red.12}"
117
- },
118
- "base-hover": {
119
- "$type": "color",
120
- "$value": "{global.red.13}"
121
- },
122
- "base-active": {
123
- "$type": "color",
124
- "$value": "{global.red.14}"
125
- },
126
- "base-contrast-subtle": {
127
- "$type": "color",
128
- "$value": "{global.red.15}"
129
- },
130
- "base-contrast-default": {
131
- "$type": "color",
132
- "$value": "{global.red.16}"
133
- }
134
- },
135
- "info": {
136
- "background-default": {
137
- "$type": "color",
138
- "$value": "{global.blue.1}"
139
- },
140
- "background-tinted": {
141
- "$type": "color",
142
- "$value": "{global.blue.2}"
143
- },
144
- "surface-default": {
145
- "$type": "color",
146
- "$value": "{global.blue.3}"
147
- },
148
- "surface-tinted": {
149
- "$type": "color",
150
- "$value": "{global.blue.4}"
151
- },
152
- "surface-hover": {
153
- "$type": "color",
154
- "$value": "{global.blue.5}"
155
- },
156
- "surface-active": {
157
- "$type": "color",
158
- "$value": "{global.blue.6}"
159
- },
160
- "border-subtle": {
161
- "$type": "color",
162
- "$value": "{global.blue.7}"
163
- },
164
- "border-default": {
165
- "$type": "color",
166
- "$value": "{global.blue.8}"
167
- },
168
- "border-strong": {
169
- "$type": "color",
170
- "$value": "{global.blue.9}"
171
- },
172
- "text-subtle": {
173
- "$type": "color",
174
- "$value": "{global.blue.10}"
175
- },
176
- "text-default": {
177
- "$type": "color",
178
- "$value": "{global.blue.11}"
179
- },
180
- "base-default": {
181
- "$type": "color",
182
- "$value": "{global.blue.12}"
183
- },
184
- "base-hover": {
185
- "$type": "color",
186
- "$value": "{global.blue.13}"
187
- },
188
- "base-active": {
189
- "$type": "color",
190
- "$value": "{global.blue.14}"
191
- },
192
- "base-contrast-subtle": {
193
- "$type": "color",
194
- "$value": "{global.blue.15}"
195
- },
196
- "base-contrast-default": {
197
- "$type": "color",
198
- "$value": "{global.blue.16}"
199
- }
200
- },
201
- "warning": {
202
- "background-default": {
203
- "$type": "color",
204
- "$value": "{global.orange.1}"
205
- },
206
- "background-tinted": {
207
- "$type": "color",
208
- "$value": "{global.orange.2}"
209
- },
210
- "surface-default": {
211
- "$type": "color",
212
- "$value": "{global.orange.3}"
213
- },
214
- "surface-tinted": {
215
- "$type": "color",
216
- "$value": "{global.orange.4}"
217
- },
218
- "surface-hover": {
219
- "$type": "color",
220
- "$value": "{global.orange.5}"
221
- },
222
- "surface-active": {
223
- "$type": "color",
224
- "$value": "{global.orange.6}"
225
- },
226
- "border-subtle": {
227
- "$type": "color",
228
- "$value": "{global.orange.7}"
229
- },
230
- "border-default": {
231
- "$type": "color",
232
- "$value": "{global.orange.8}"
233
- },
234
- "border-strong": {
235
- "$type": "color",
236
- "$value": "{global.orange.9}"
237
- },
238
- "text-subtle": {
239
- "$type": "color",
240
- "$value": "{global.orange.10}"
241
- },
242
- "text-default": {
243
- "$type": "color",
244
- "$value": "{global.orange.11}"
245
- },
246
- "base-default": {
247
- "$type": "color",
248
- "$value": "{global.orange.12}"
249
- },
250
- "base-hover": {
251
- "$type": "color",
252
- "$value": "{global.orange.13}"
253
- },
254
- "base-active": {
255
- "$type": "color",
256
- "$value": "{global.orange.14}"
257
- },
258
- "base-contrast-subtle": {
259
- "$type": "color",
260
- "$value": "{global.orange.15}"
261
- },
262
- "base-contrast-default": {
263
- "$type": "color",
264
- "$value": "{global.orange.16}"
265
- }
266
- },
267
- "focus": {
268
- "inner": {
269
- "$type": "color",
270
- "$value": "{color.neutral.background-default}"
271
- },
272
- "outer": {
273
- "$type": "color",
274
- "$value": "{color.neutral.text-default}"
275
- }
276
- }
277
- },
278
- "link": {
279
- "color": {
280
- "visited": {
281
- "$type": "color",
282
- "$value": "{global.purple.12}"
283
- }
284
- }
285
- }
286
- }