@lux-design-system/design-tokens 1.0.0-alpha.2

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 (107) hide show
  1. package/LICENSE.md +7 -0
  2. package/README.md +29 -0
  3. package/lib/css/digid/dark/lg.css +236 -0
  4. package/lib/css/digid/dark/md.css +236 -0
  5. package/lib/css/digid/dark/sm.css +236 -0
  6. package/lib/css/digid/dark/xl.css +236 -0
  7. package/lib/css/digid/dark/xs.css +236 -0
  8. package/lib/css/digid/light/lg.css +236 -0
  9. package/lib/css/digid/light/md.css +236 -0
  10. package/lib/css/digid/light/sm.css +236 -0
  11. package/lib/css/digid/light/xl.css +236 -0
  12. package/lib/css/digid/light/xs.css +236 -0
  13. package/lib/css/logius/dark/lg.css +236 -0
  14. package/lib/css/logius/dark/md.css +236 -0
  15. package/lib/css/logius/dark/sm.css +236 -0
  16. package/lib/css/logius/dark/xl.css +236 -0
  17. package/lib/css/logius/dark/xs.css +236 -0
  18. package/lib/css/logius/light/lg.css +236 -0
  19. package/lib/css/logius/light/md.css +236 -0
  20. package/lib/css/logius/light/sm.css +236 -0
  21. package/lib/css/logius/light/xl.css +236 -0
  22. package/lib/css/logius/light/xs.css +236 -0
  23. package/lib/css/mijnoverheid/dark/lg.css +236 -0
  24. package/lib/css/mijnoverheid/dark/md.css +236 -0
  25. package/lib/css/mijnoverheid/dark/sm.css +236 -0
  26. package/lib/css/mijnoverheid/dark/xl.css +236 -0
  27. package/lib/css/mijnoverheid/dark/xs.css +236 -0
  28. package/lib/css/mijnoverheid/light/lg.css +236 -0
  29. package/lib/css/mijnoverheid/light/md.css +236 -0
  30. package/lib/css/mijnoverheid/light/sm.css +236 -0
  31. package/lib/css/mijnoverheid/light/xl.css +236 -0
  32. package/lib/css/mijnoverheid/light/xs.css +236 -0
  33. package/lib/css/nldoc/dark/lg.css +236 -0
  34. package/lib/css/nldoc/dark/md.css +236 -0
  35. package/lib/css/nldoc/dark/sm.css +236 -0
  36. package/lib/css/nldoc/dark/xl.css +236 -0
  37. package/lib/css/nldoc/dark/xs.css +236 -0
  38. package/lib/css/nldoc/light/lg.css +236 -0
  39. package/lib/css/nldoc/light/md.css +236 -0
  40. package/lib/css/nldoc/light/sm.css +236 -0
  41. package/lib/css/nldoc/light/xl.css +236 -0
  42. package/lib/css/nldoc/light/xs.css +236 -0
  43. package/lib/css/nldoc/ridderkerk/dark/lg.css +236 -0
  44. package/lib/css/nldoc/ridderkerk/dark/md.css +236 -0
  45. package/lib/css/nldoc/ridderkerk/dark/sm.css +236 -0
  46. package/lib/css/nldoc/ridderkerk/dark/xl.css +236 -0
  47. package/lib/css/nldoc/ridderkerk/dark/xs.css +236 -0
  48. package/lib/css/nldoc/ridderkerk/light/lg.css +236 -0
  49. package/lib/css/nldoc/ridderkerk/light/md.css +236 -0
  50. package/lib/css/nldoc/ridderkerk/light/sm.css +236 -0
  51. package/lib/css/nldoc/ridderkerk/light/xl.css +236 -0
  52. package/lib/css/nldoc/ridderkerk/light/xs.css +236 -0
  53. package/lib/css/nldoc/rijksoverheid/dark/lg.css +236 -0
  54. package/lib/css/nldoc/rijksoverheid/dark/md.css +236 -0
  55. package/lib/css/nldoc/rijksoverheid/dark/sm.css +236 -0
  56. package/lib/css/nldoc/rijksoverheid/dark/xl.css +236 -0
  57. package/lib/css/nldoc/rijksoverheid/dark/xs.css +236 -0
  58. package/lib/css/nldoc/rijksoverheid/light/lg.css +236 -0
  59. package/lib/css/nldoc/rijksoverheid/light/md.css +236 -0
  60. package/lib/css/nldoc/rijksoverheid/light/sm.css +236 -0
  61. package/lib/css/nldoc/rijksoverheid/light/xl.css +236 -0
  62. package/lib/css/nldoc/rijksoverheid/light/xs.css +236 -0
  63. package/lib/css/nldoc/whd/dark/lg.css +236 -0
  64. package/lib/css/nldoc/whd/dark/md.css +236 -0
  65. package/lib/css/nldoc/whd/dark/sm.css +236 -0
  66. package/lib/css/nldoc/whd/dark/xl.css +236 -0
  67. package/lib/css/nldoc/whd/dark/xs.css +236 -0
  68. package/lib/css/nldoc/whd/light/lg.css +236 -0
  69. package/lib/css/nldoc/whd/light/md.css +236 -0
  70. package/lib/css/nldoc/whd/light/sm.css +236 -0
  71. package/lib/css/nldoc/whd/light/xl.css +236 -0
  72. package/lib/css/nldoc/whd/light/xs.css +236 -0
  73. package/lib/tokens/$metadata.json +36 -0
  74. package/lib/tokens/$themes.json +166 -0
  75. package/lib/tokens/common/default.json +34 -0
  76. package/lib/tokens/component/alert/closable/false.json +18 -0
  77. package/lib/tokens/component/alert/closable/true.json +18 -0
  78. package/lib/tokens/component/alert/default.json +60 -0
  79. package/lib/tokens/component/alert/variant/error.json +18 -0
  80. package/lib/tokens/component/alert/variant/info.json +18 -0
  81. package/lib/tokens/component/alert/variant/success.json +18 -0
  82. package/lib/tokens/component/alert/variant/warning.json +18 -0
  83. package/lib/tokens/component/button/default.json +62 -0
  84. package/lib/tokens/component/button/icon/end.json +28 -0
  85. package/lib/tokens/component/button/icon/none.json +28 -0
  86. package/lib/tokens/component/button/icon/start.json +28 -0
  87. package/lib/tokens/component/button/variant/primary.json +46 -0
  88. package/lib/tokens/component/button/variant/secondary.json +46 -0
  89. package/lib/tokens/component/button/variant/tertairy.json +46 -0
  90. package/lib/tokens/component/button-login/default.json +88 -0
  91. package/lib/tokens/component/link/default.json +38 -0
  92. package/lib/tokens/core/default.json +584 -0
  93. package/lib/tokens/mode/dark (beta).json +296 -0
  94. package/lib/tokens/mode/light.json +295 -0
  95. package/lib/tokens/product/DigiD.json +114 -0
  96. package/lib/tokens/product/Logius.json +114 -0
  97. package/lib/tokens/product/MijnOverheid.json +114 -0
  98. package/lib/tokens/product/NLdoc - Ridderkerk.json +106 -0
  99. package/lib/tokens/product/NLdoc - Rijksoverheid.json +106 -0
  100. package/lib/tokens/product/NLdoc - WHD.json +106 -0
  101. package/lib/tokens/product/NLdoc - default.json +106 -0
  102. package/lib/tokens/viewport (beta)/lg.json +66 -0
  103. package/lib/tokens/viewport (beta)/md.json +66 -0
  104. package/lib/tokens/viewport (beta)/sm.json +66 -0
  105. package/lib/tokens/viewport (beta)/xl.json +66 -0
  106. package/lib/tokens/viewport (beta)/xs.json +66 -0
  107. package/package.json +47 -0
package/lib/tokens/core/default.json ADDED
@@ -0,0 +1,584 @@
1
+ {
2
+ "lux": {
3
+ "color": {
4
+ "grijs": {
5
+ "100": {
6
+ "value": "#fbfbfb",
7
+ "type": "color",
8
+ "parent": "core/default",
9
+ "description": ""
10
+ },
11
+ "200": {
12
+ "value": "#f3f3f3",
13
+ "type": "color",
14
+ "parent": "core/default",
15
+ "description": ""
16
+ },
17
+ "300": {
18
+ "value": "#e6e6e6",
19
+ "type": "color",
20
+ "parent": "core/default",
21
+ "description": ""
22
+ },
23
+ "400": {
24
+ "value": "#a7a7a7",
25
+ "type": "color",
26
+ "parent": "core/default",
27
+ "description": ""
28
+ },
29
+ "500": {
30
+ "value": "#696969",
31
+ "type": "color",
32
+ "parent": "core/default",
33
+ "description": ""
34
+ },
35
+ "600": {
36
+ "value": "#383838",
37
+ "type": "color",
38
+ "parent": "core/default",
39
+ "description": ""
40
+ },
41
+ "700": {
42
+ "value": "#282828",
43
+ "type": "color",
44
+ "parent": "core/default",
45
+ "description": ""
46
+ },
47
+ "800": {
48
+ "value": "#1d1d1d",
49
+ "type": "color",
50
+ "parent": "core/default",
51
+ "description": ""
52
+ },
53
+ "900": {
54
+ "value": "#171717",
55
+ "type": "color",
56
+ "parent": "core/default",
57
+ "description": ""
58
+ }
59
+ },
60
+ "zwart": {
61
+ "value": "#000000",
62
+ "type": "color",
63
+ "parent": "core/default",
64
+ "description": ""
65
+ },
66
+ "wit": {
67
+ "value": "#ffffff",
68
+ "type": "color",
69
+ "parent": "core/default",
70
+ "description": ""
71
+ },
72
+ "none": {
73
+ "value": "#ffffff00",
74
+ "type": "color",
75
+ "parent": "core/default",
76
+ "description": ""
77
+ },
78
+ "lichtblauw": {
79
+ "100": {
80
+ "value": "#eef7fb",
81
+ "type": "color",
82
+ "parent": "core/default",
83
+ "description": ""
84
+ },
85
+ "200": {
86
+ "value": "#ddeff8",
87
+ "type": "color",
88
+ "parent": "core/default",
89
+ "description": ""
90
+ },
91
+ "300": {
92
+ "value": "#8fcae7",
93
+ "type": "color",
94
+ "parent": "core/default",
95
+ "description": ""
96
+ }
97
+ },
98
+ "violet": {
99
+ "100": {
100
+ "value": "#f2d9e7",
101
+ "type": "color",
102
+ "parent": "core/default",
103
+ "description": ""
104
+ },
105
+ "200": {
106
+ "value": "#e5b3d0",
107
+ "type": "color",
108
+ "parent": "core/default",
109
+ "description": ""
110
+ },
111
+ "300": {
112
+ "value": "#a90061",
113
+ "type": "color",
114
+ "parent": "core/default",
115
+ "description": ""
116
+ },
117
+ "400": {
118
+ "value": "#52002f",
119
+ "type": "color",
120
+ "parent": "core/default",
121
+ "description": ""
122
+ }
123
+ },
124
+ "paars": {
125
+ "100": {
126
+ "value": "#e3dce7",
127
+ "type": "color",
128
+ "parent": "core/default",
129
+ "description": ""
130
+ },
131
+ "200": {
132
+ "value": "#c6b9cf",
133
+ "type": "color",
134
+ "parent": "core/default",
135
+ "description": ""
136
+ },
137
+ "300": {
138
+ "value": "#42145f",
139
+ "type": "color",
140
+ "parent": "core/default",
141
+ "description": ""
142
+ },
143
+ "400": {
144
+ "value": "#3b1255",
145
+ "type": "color",
146
+ "parent": "core/default",
147
+ "description": ""
148
+ }
149
+ },
150
+ "hemelblauw": {
151
+ "100": {
152
+ "value": "#d9ebf7",
153
+ "type": "color",
154
+ "parent": "core/default",
155
+ "description": ""
156
+ },
157
+ "200": {
158
+ "value": "#b3d7ee",
159
+ "type": "color",
160
+ "parent": "core/default",
161
+ "description": ""
162
+ },
163
+ "300": {
164
+ "value": "#007bc7",
165
+ "type": "color",
166
+ "parent": "core/default",
167
+ "description": ""
168
+ },
169
+ "400": {
170
+ "value": "#00436c",
171
+ "type": "color",
172
+ "parent": "core/default",
173
+ "description": ""
174
+ }
175
+ },
176
+ "donkerblauw": {
177
+ "100": {
178
+ "value": "#d9e8f0",
179
+ "type": "color",
180
+ "parent": "core/default",
181
+ "description": ""
182
+ },
183
+ "200": {
184
+ "value": "#b3d2e1",
185
+ "type": "color",
186
+ "parent": "core/default",
187
+ "description": ""
188
+ },
189
+ "300": {
190
+ "value": "#01689b",
191
+ "type": "color",
192
+ "parent": "core/default",
193
+ "description": ""
194
+ },
195
+ "400": {
196
+ "value": "#013f5e",
197
+ "type": "color",
198
+ "parent": "core/default",
199
+ "description": ""
200
+ }
201
+ },
202
+ "mintgroen": {
203
+ "100": {
204
+ "value": "#eaf8f4",
205
+ "type": "color",
206
+ "parent": "core/default",
207
+ "description": ""
208
+ },
209
+ "200": {
210
+ "value": "#d6f2e9",
211
+ "type": "color",
212
+ "parent": "core/default",
213
+ "description": ""
214
+ },
215
+ "300": {
216
+ "value": "#76d2b6",
217
+ "type": "color",
218
+ "parent": "core/default",
219
+ "description": ""
220
+ }
221
+ },
222
+ "mosgroen": {
223
+ "100": {
224
+ "value": "#ebebd9",
225
+ "type": "color",
226
+ "parent": "core/default",
227
+ "description": ""
228
+ },
229
+ "200": {
230
+ "value": "#d6d7b3",
231
+ "type": "color",
232
+ "parent": "core/default",
233
+ "description": ""
234
+ },
235
+ "300": {
236
+ "value": "#777b00",
237
+ "type": "color",
238
+ "parent": "core/default",
239
+ "description": ""
240
+ }
241
+ },
242
+ "groen": {
243
+ "100": {
244
+ "value": "#e1eddb",
245
+ "type": "color",
246
+ "parent": "core/default",
247
+ "description": ""
248
+ },
249
+ "200": {
250
+ "value": "#c4dbb6",
251
+ "type": "color",
252
+ "parent": "core/default",
253
+ "description": ""
254
+ },
255
+ "300": {
256
+ "value": "#39870c",
257
+ "type": "color",
258
+ "parent": "core/default",
259
+ "description": ""
260
+ },
261
+ "400": {
262
+ "value": "#004b17",
263
+ "type": "color",
264
+ "parent": "core/default",
265
+ "description": ""
266
+ }
267
+ },
268
+ "donkergroen": {
269
+ "100": {
270
+ "value": "#dfe6e1",
271
+ "type": "color",
272
+ "parent": "core/default",
273
+ "description": ""
274
+ },
275
+ "200": {
276
+ "value": "#becdc3",
277
+ "type": "color",
278
+ "parent": "core/default",
279
+ "description": ""
280
+ },
281
+ "300": {
282
+ "value": "#275937",
283
+ "type": "color",
284
+ "parent": "core/default",
285
+ "description": ""
286
+ }
287
+ },
288
+ "bruin": {
289
+ "100": {
290
+ "value": "#efeada",
291
+ "type": "color",
292
+ "parent": "core/default",
293
+ "description": ""
294
+ },
295
+ "200": {
296
+ "value": "#dfd4b6",
297
+ "type": "color",
298
+ "parent": "core/default",
299
+ "description": ""
300
+ },
301
+ "300": {
302
+ "value": "#94710a",
303
+ "type": "color",
304
+ "parent": "core/default",
305
+ "description": ""
306
+ }
307
+ },
308
+ "donkerbruin": {
309
+ "100": {
310
+ "value": "#e8e0df",
311
+ "type": "color",
312
+ "parent": "core/default",
313
+ "description": ""
314
+ },
315
+ "200": {
316
+ "value": "#d1c2be",
317
+ "type": "color",
318
+ "parent": "core/default",
319
+ "description": ""
320
+ },
321
+ "300": {
322
+ "value": "#673327",
323
+ "type": "color",
324
+ "parent": "core/default",
325
+ "description": ""
326
+ }
327
+ },
328
+ "geel": {
329
+ "100": {
330
+ "value": "#fefbdd",
331
+ "type": "color",
332
+ "parent": "core/default",
333
+ "description": ""
334
+ },
335
+ "200": {
336
+ "value": "#fdf6bc",
337
+ "type": "color",
338
+ "parent": "core/default",
339
+ "description": ""
340
+ },
341
+ "300": {
342
+ "value": "#f9e11e",
343
+ "type": "color",
344
+ "parent": "core/default",
345
+ "description": ""
346
+ }
347
+ },
348
+ "donkergeel": {
349
+ "100": {
350
+ "value": "#fff4db",
351
+ "type": "color",
352
+ "parent": "core/default",
353
+ "description": ""
354
+ },
355
+ "200": {
356
+ "value": "#ffe9b8",
357
+ "type": "color",
358
+ "parent": "core/default",
359
+ "description": ""
360
+ },
361
+ "300": {
362
+ "value": "#ffb612",
363
+ "type": "color",
364
+ "parent": "core/default",
365
+ "description": ""
366
+ },
367
+ "400": {
368
+ "value": "#bf880d",
369
+ "type": "color",
370
+ "parent": "core/default",
371
+ "description": ""
372
+ }
373
+ },
374
+ "oranje": {
375
+ "100": {
376
+ "value": "#fbead9",
377
+ "type": "color",
378
+ "parent": "core/default",
379
+ "description": ""
380
+ },
381
+ "200": {
382
+ "value": "#f6d4b3",
383
+ "type": "color",
384
+ "parent": "core/default",
385
+ "description": ""
386
+ },
387
+ "300": {
388
+ "value": "#e17000",
389
+ "type": "color",
390
+ "parent": "core/default",
391
+ "description": ""
392
+ },
393
+ "400": {
394
+ "value": "#b35900",
395
+ "type": "color",
396
+ "parent": "core/default",
397
+ "description": ""
398
+ }
399
+ },
400
+ "rood": {
401
+ "100": {
402
+ "value": "#f9dfdd",
403
+ "type": "color",
404
+ "parent": "core/default",
405
+ "description": ""
406
+ },
407
+ "200": {
408
+ "value": "#f2bfbc",
409
+ "type": "color",
410
+ "parent": "core/default",
411
+ "description": ""
412
+ },
413
+ "300": {
414
+ "value": "#d52b1e",
415
+ "type": "color",
416
+ "parent": "core/default",
417
+ "description": ""
418
+ },
419
+ "400": {
420
+ "value": "#542621",
421
+ "type": "color",
422
+ "parent": "core/default",
423
+ "description": ""
424
+ }
425
+ },
426
+ "roze": {
427
+ "100": {
428
+ "value": "#fdeff8",
429
+ "type": "color",
430
+ "parent": "core/default",
431
+ "description": ""
432
+ },
433
+ "200": {
434
+ "value": "#fbdef0",
435
+ "type": "color",
436
+ "parent": "core/default",
437
+ "description": ""
438
+ },
439
+ "300": {
440
+ "value": "#f092cd",
441
+ "type": "color",
442
+ "parent": "core/default",
443
+ "description": ""
444
+ }
445
+ },
446
+ "robijnrood": {
447
+ "100": {
448
+ "value": "#f7d9e7",
449
+ "type": "color",
450
+ "parent": "core/default",
451
+ "description": ""
452
+ },
453
+ "200": {
454
+ "value": "#efb3ce",
455
+ "type": "color",
456
+ "parent": "core/default",
457
+ "description": ""
458
+ },
459
+ "300": {
460
+ "value": "#ca005d",
461
+ "type": "color",
462
+ "parent": "core/default",
463
+ "description": ""
464
+ }
465
+ },
466
+ "logoblauw": {
467
+ "300": {
468
+ "value": "#154273",
469
+ "type": "color",
470
+ "parent": "core/default",
471
+ "description": ""
472
+ }
473
+ }
474
+ },
475
+ "border-radius": {
476
+ "default": {
477
+ "value": "0.25rem",
478
+ "type": "dimension",
479
+ "parent": "core/default",
480
+ "description": ""
481
+ },
482
+ "circle": {
483
+ "value": "62.4375rem",
484
+ "type": "dimension",
485
+ "parent": "core/default",
486
+ "description": ""
487
+ },
488
+ "none": {
489
+ "value": "0rem",
490
+ "type": "dimension",
491
+ "parent": "core/default",
492
+ "description": ""
493
+ }
494
+ },
495
+ "border-width": {
496
+ "default": {
497
+ "value": "0.0625rem",
498
+ "type": "dimension",
499
+ "parent": "core/default",
500
+ "description": ""
501
+ },
502
+ "m": {
503
+ "value": "0.125rem",
504
+ "type": "dimension",
505
+ "parent": "core/default",
506
+ "description": ""
507
+ },
508
+ "none": {
509
+ "value": "0rem",
510
+ "type": "dimension",
511
+ "parent": "core/default",
512
+ "description": ""
513
+ }
514
+ },
515
+ "space": {
516
+ "0-x": {
517
+ "value": "0rem",
518
+ "type": "dimension",
519
+ "parent": "core/default",
520
+ "description": ""
521
+ },
522
+ "025-x": {
523
+ "value": "0.125rem",
524
+ "type": "dimension",
525
+ "parent": "core/default",
526
+ "description": ""
527
+ },
528
+ "05-x": {
529
+ "value": "0.25rem",
530
+ "type": "dimension",
531
+ "parent": "core/default",
532
+ "description": ""
533
+ },
534
+ "1-x": {
535
+ "value": "0.5rem",
536
+ "type": "dimension",
537
+ "parent": "core/default",
538
+ "description": ""
539
+ },
540
+ "105-x": {
541
+ "value": "0.75rem",
542
+ "type": "dimension",
543
+ "parent": "core/default",
544
+ "description": ""
545
+ },
546
+ "2-x": {
547
+ "value": "1rem",
548
+ "type": "dimension",
549
+ "parent": "core/default",
550
+ "description": ""
551
+ },
552
+ "3-x": {
553
+ "value": "1.5rem",
554
+ "type": "dimension",
555
+ "parent": "core/default",
556
+ "description": ""
557
+ },
558
+ "4-x": {
559
+ "value": "2rem",
560
+ "type": "dimension",
561
+ "parent": "core/default",
562
+ "description": ""
563
+ },
564
+ "5-x": {
565
+ "value": "2.5rem",
566
+ "type": "dimension",
567
+ "parent": "core/default",
568
+ "description": ""
569
+ },
570
+ "6-x": {
571
+ "value": "3rem",
572
+ "type": "dimension",
573
+ "parent": "core/default",
574
+ "description": ""
575
+ },
576
+ "7-x": {
577
+ "value": "3.5rem",
578
+ "type": "dimension",
579
+ "parent": "core/default",
580
+ "description": ""
581
+ }
582
+ }
583
+ }
584
+ }