@rijkshuisstijl-community/design-tokens 10.0.0 → 10.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 (72) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +46 -1
  3. package/build.mjs +36 -10
  4. package/cssFixers.mjs +89 -0
  5. package/cssFixers.spec.mjs +98 -0
  6. package/dist/_variables.scss +1 -0
  7. package/dist/index.css +1 -0
  8. package/dist/index.d.ts +1 -0
  9. package/dist/index.js +1 -0
  10. package/dist/kern-lintblauw/_variables.scss +1 -0
  11. package/dist/kern-lintblauw/index.css +1 -0
  12. package/dist/kern-lintblauw/index.d.ts +1 -0
  13. package/dist/kern-lintblauw/index.js +1 -0
  14. package/dist/kern-lintblauw/root.css +1 -0
  15. package/dist/kern-lintblauw/tokens.d.ts +1 -0
  16. package/dist/kern-lintblauw/tokens.js +1 -182
  17. package/dist/root.css +1 -0
  18. package/dist/tokens.d.ts +1 -0
  19. package/dist/tokens.js +1 -182
  20. package/dist/uitvoerend-groen/_variables.scss +1 -0
  21. package/dist/uitvoerend-groen/index.css +1 -0
  22. package/dist/uitvoerend-groen/index.d.ts +1 -0
  23. package/dist/uitvoerend-groen/index.js +1 -0
  24. package/dist/uitvoerend-groen/root.css +1 -0
  25. package/dist/uitvoerend-groen/tokens.d.ts +1 -0
  26. package/dist/uitvoerend-groen/tokens.js +1 -182
  27. package/dist/uitvoerend-hemelblauw/_variables.scss +1 -0
  28. package/dist/uitvoerend-hemelblauw/index.css +1 -0
  29. package/dist/uitvoerend-hemelblauw/index.d.ts +1 -0
  30. package/dist/uitvoerend-hemelblauw/index.js +1 -0
  31. package/dist/uitvoerend-hemelblauw/root.css +1 -0
  32. package/dist/uitvoerend-hemelblauw/tokens.d.ts +1 -0
  33. package/dist/uitvoerend-hemelblauw/tokens.js +1 -182
  34. package/dist/uitvoerend-lintblauw/_variables.scss +1 -0
  35. package/dist/uitvoerend-lintblauw/index.css +1 -0
  36. package/dist/uitvoerend-lintblauw/index.d.ts +1 -0
  37. package/dist/uitvoerend-lintblauw/index.js +1 -0
  38. package/dist/uitvoerend-lintblauw/root.css +1 -0
  39. package/dist/uitvoerend-lintblauw/tokens.d.ts +1 -0
  40. package/dist/uitvoerend-lintblauw/tokens.js +1 -182
  41. package/dist/uitvoerend-oranje/_variables.scss +1 -0
  42. package/dist/uitvoerend-oranje/index.css +1 -0
  43. package/dist/uitvoerend-oranje/index.d.ts +1 -0
  44. package/dist/uitvoerend-oranje/index.js +1 -0
  45. package/dist/uitvoerend-oranje/root.css +1 -0
  46. package/dist/uitvoerend-oranje/tokens.d.ts +1 -0
  47. package/dist/uitvoerend-oranje/tokens.js +1 -182
  48. package/dist/uitvoerend-paars/_variables.scss +1 -0
  49. package/dist/uitvoerend-paars/index.css +1 -0
  50. package/dist/uitvoerend-paars/index.d.ts +1 -0
  51. package/dist/uitvoerend-paars/index.js +1 -0
  52. package/dist/uitvoerend-paars/root.css +1 -0
  53. package/dist/uitvoerend-paars/tokens.d.ts +1 -0
  54. package/dist/uitvoerend-paars/tokens.js +1 -182
  55. package/dist/uitvoerend-robijnrood/_variables.scss +1 -0
  56. package/dist/uitvoerend-robijnrood/index.css +1 -0
  57. package/dist/uitvoerend-robijnrood/index.d.ts +1 -0
  58. package/dist/uitvoerend-robijnrood/index.js +1 -0
  59. package/dist/uitvoerend-robijnrood/root.css +1 -0
  60. package/dist/uitvoerend-robijnrood/tokens.d.ts +1 -0
  61. package/dist/uitvoerend-robijnrood/tokens.js +1 -182
  62. package/figma/figma.tokens.json +1 -92
  63. package/package.json +4 -3
  64. package/src/generated/base.tokens.json +0 -91
  65. package/src/generated/kern-lintblauw/tokens.json +0 -91
  66. package/src/generated/themes.json +0 -637
  67. package/src/generated/uitvoerend-groen/tokens.json +0 -91
  68. package/src/generated/uitvoerend-hemelblauw/tokens.json +0 -91
  69. package/src/generated/uitvoerend-lintblauw/tokens.json +0 -91
  70. package/src/generated/uitvoerend-oranje/tokens.json +0 -91
  71. package/src/generated/uitvoerend-paars/tokens.json +0 -91
  72. package/src/generated/uitvoerend-robijnrood/tokens.json +0 -91
package/src/generated/uitvoerend-oranje/tokens.json CHANGED
@@ -3,29 +3,24 @@
3
3
  "rhc": {
4
4
  "border-radius": {
5
5
  "round": {
6
- "parent": "core/default",
7
6
  "$type": "dimension",
8
7
  "$value": "999px"
9
8
  },
10
9
  "none": {
11
- "parent": "core/default",
12
10
  "$type": "dimension",
13
11
  "$value": "0px"
14
12
  }
15
13
  },
16
14
  "border-width": {
17
15
  "sm": {
18
- "parent": "core/default",
19
16
  "$type": "dimension",
20
17
  "$value": "1px"
21
18
  },
22
19
  "md": {
23
- "parent": "core/default",
24
20
  "$type": "dimension",
25
21
  "$value": "2px"
26
22
  },
27
23
  "none": {
28
- "parent": "core/default",
29
24
  "$type": "dimension",
30
25
  "$value": "0px"
31
26
  }
@@ -41,59 +36,48 @@
41
36
  "$value": "#F8FAFC"
42
37
  },
43
38
  "100": {
44
- "parent": "core/default",
45
39
  "$type": "color",
46
40
  "$value": "#F1F5F9"
47
41
  },
48
42
  "200": {
49
- "parent": "core/default",
50
43
  "$type": "color",
51
44
  "$value": "#E2E8F0"
52
45
  },
53
46
  "300": {
54
- "parent": "core/default",
55
47
  "$type": "color",
56
48
  "$value": "#CBD5E1"
57
49
  },
58
50
  "400": {
59
- "parent": "core/default",
60
51
  "$type": "color",
61
52
  "$value": "#94A3B8"
62
53
  },
63
54
  "500": {
64
- "parent": "core/default",
65
55
  "$type": "color",
66
56
  "$value": "#64748B"
67
57
  },
68
58
  "600": {
69
- "parent": "core/default",
70
59
  "$type": "color",
71
60
  "$value": "#475569"
72
61
  },
73
62
  "700": {
74
- "parent": "core/default",
75
63
  "$type": "color",
76
64
  "$value": "#334155"
77
65
  },
78
66
  "800": {
79
- "parent": "core/default",
80
67
  "$type": "color",
81
68
  "$value": "#1E293B"
82
69
  },
83
70
  "900": {
84
- "parent": "core/default",
85
71
  "$type": "color",
86
72
  "$value": "#0F172A"
87
73
  }
88
74
  },
89
75
  "lichtblauw": {
90
76
  "50": {
91
- "parent": "core/default",
92
77
  "$type": "color",
93
78
  "$value": "#eef7fb"
94
79
  },
95
80
  "100": {
96
- "parent": "core/default",
97
81
  "$type": "color",
98
82
  "$value": "#ddeff8"
99
83
  },
@@ -110,19 +94,16 @@
110
94
  "$value": "#ABD7ED"
111
95
  },
112
96
  "500": {
113
- "parent": "core/default",
114
97
  "$type": "color",
115
98
  "$value": "#8fcae7"
116
99
  }
117
100
  },
118
101
  "violet": {
119
102
  "50": {
120
- "parent": "core/default",
121
103
  "$type": "color",
122
104
  "$value": "#f2d9e7"
123
105
  },
124
106
  "100": {
125
- "parent": "core/default",
126
107
  "$type": "color",
127
108
  "$value": "#e5b3d0"
128
109
  },
@@ -139,19 +120,16 @@
139
120
  "$value": "#BE4088"
140
121
  },
141
122
  "500": {
142
- "parent": "core/default",
143
123
  "$type": "color",
144
124
  "$value": "#a90061"
145
125
  }
146
126
  },
147
127
  "paars": {
148
128
  "50": {
149
- "parent": "core/default",
150
129
  "$type": "color",
151
130
  "$value": "#e3dce7"
152
131
  },
153
132
  "100": {
154
- "parent": "core/default",
155
133
  "$type": "color",
156
134
  "$value": "#c6b9cf"
157
135
  },
@@ -164,24 +142,20 @@
164
142
  "$value": "#8D729F"
165
143
  },
166
144
  "400": {
167
- "parent": "core/default",
168
145
  "$type": "color",
169
146
  "$value": "#714f87"
170
147
  },
171
148
  "500": {
172
- "parent": "core/default",
173
149
  "$type": "color",
174
150
  "$value": "#42145f"
175
151
  }
176
152
  },
177
153
  "hemelblauw": {
178
154
  "50": {
179
- "parent": "core/default",
180
155
  "$type": "color",
181
156
  "$value": "#d9ebf7"
182
157
  },
183
158
  "100": {
184
- "parent": "core/default",
185
159
  "$type": "color",
186
160
  "$value": "#b3d7ee"
187
161
  },
@@ -198,19 +172,16 @@
198
172
  "$value": "#409CD5"
199
173
  },
200
174
  "500": {
201
- "parent": "core/default",
202
175
  "$type": "color",
203
176
  "$value": "#007bc7"
204
177
  }
205
178
  },
206
179
  "donkerblauw": {
207
180
  "50": {
208
- "parent": "core/default",
209
181
  "$type": "color",
210
182
  "$value": "#d9e8f0"
211
183
  },
212
184
  "100": {
213
- "parent": "core/default",
214
185
  "$type": "color",
215
186
  "$value": "#b3d2e1"
216
187
  },
@@ -227,19 +198,16 @@
227
198
  "$value": "#408EB4"
228
199
  },
229
200
  "500": {
230
- "parent": "core/default",
231
201
  "$type": "color",
232
202
  "$value": "#01689b"
233
203
  }
234
204
  },
235
205
  "mintgroen": {
236
206
  "50": {
237
- "parent": "core/default",
238
207
  "$type": "color",
239
208
  "$value": "#eaf8f4"
240
209
  },
241
210
  "100": {
242
- "parent": "core/default",
243
211
  "$type": "color",
244
212
  "$value": "#d6f2e9"
245
213
  },
@@ -256,19 +224,16 @@
256
224
  "$value": "#98DDC8"
257
225
  },
258
226
  "500": {
259
- "parent": "core/default",
260
227
  "$type": "color",
261
228
  "$value": "#76d2b6"
262
229
  }
263
230
  },
264
231
  "mosgroen": {
265
232
  "50": {
266
- "parent": "core/default",
267
233
  "$type": "color",
268
234
  "$value": "#ebebd9"
269
235
  },
270
236
  "100": {
271
- "parent": "core/default",
272
237
  "$type": "color",
273
238
  "$value": "#d6d7b3"
274
239
  },
@@ -285,19 +250,16 @@
285
250
  "$value": "#999C40"
286
251
  },
287
252
  "500": {
288
- "parent": "core/default",
289
253
  "$type": "color",
290
254
  "$value": "#777b00"
291
255
  }
292
256
  },
293
257
  "groen": {
294
258
  "50": {
295
- "parent": "core/default",
296
259
  "$type": "color",
297
260
  "$value": "#e1eddb"
298
261
  },
299
262
  "100": {
300
- "parent": "core/default",
301
263
  "$type": "color",
302
264
  "$value": "#c4dbb6"
303
265
  },
@@ -314,19 +276,16 @@
314
276
  "$value": "#6AA549"
315
277
  },
316
278
  "500": {
317
- "parent": "core/default",
318
279
  "$type": "color",
319
280
  "$value": "#39870c"
320
281
  }
321
282
  },
322
283
  "donkergroen": {
323
284
  "50": {
324
- "parent": "core/default",
325
285
  "$type": "color",
326
286
  "$value": "#dfe6e1"
327
287
  },
328
288
  "100": {
329
- "parent": "core/default",
330
289
  "$type": "color",
331
290
  "$value": "#becdc3"
332
291
  },
@@ -343,19 +302,16 @@
343
302
  "$value": "#5D8269"
344
303
  },
345
304
  "500": {
346
- "parent": "core/default",
347
305
  "$type": "color",
348
306
  "$value": "#275937"
349
307
  }
350
308
  },
351
309
  "bruin": {
352
310
  "50": {
353
- "parent": "core/default",
354
311
  "$type": "color",
355
312
  "$value": "#efeada"
356
313
  },
357
314
  "100": {
358
- "parent": "core/default",
359
315
  "$type": "color",
360
316
  "$value": "#dfd4b6"
361
317
  },
@@ -372,19 +328,16 @@
372
328
  "$value": "#AF9447"
373
329
  },
374
330
  "500": {
375
- "parent": "core/default",
376
331
  "$type": "color",
377
332
  "$value": "#94710a"
378
333
  }
379
334
  },
380
335
  "donkerbruin": {
381
336
  "50": {
382
- "parent": "core/default",
383
337
  "$type": "color",
384
338
  "$value": "#e8e0df"
385
339
  },
386
340
  "100": {
387
- "parent": "core/default",
388
341
  "$type": "color",
389
342
  "$value": "#d1c2be"
390
343
  },
@@ -401,19 +354,16 @@
401
354
  "$value": "#8D665D"
402
355
  },
403
356
  "500": {
404
- "parent": "core/default",
405
357
  "$type": "color",
406
358
  "$value": "#673327"
407
359
  }
408
360
  },
409
361
  "geel": {
410
362
  "50": {
411
- "parent": "core/default",
412
363
  "$type": "color",
413
364
  "$value": "#fefbdd"
414
365
  },
415
366
  "100": {
416
- "parent": "core/default",
417
367
  "$type": "color",
418
368
  "$value": "#fdf6bc"
419
369
  },
@@ -430,19 +380,16 @@
430
380
  "$value": "#FAE856"
431
381
  },
432
382
  "500": {
433
- "parent": "core/default",
434
383
  "$type": "color",
435
384
  "$value": "#f9e11e"
436
385
  }
437
386
  },
438
387
  "donkergeel": {
439
388
  "50": {
440
- "parent": "core/default",
441
389
  "$type": "color",
442
390
  "$value": "#fff4db"
443
391
  },
444
392
  "100": {
445
- "parent": "core/default",
446
393
  "$type": "color",
447
394
  "$value": "#ffe9b8"
448
395
  },
@@ -459,19 +406,16 @@
459
406
  "$value": "#FDC84D"
460
407
  },
461
408
  "500": {
462
- "parent": "core/default",
463
409
  "$type": "color",
464
410
  "$value": "#ffb612"
465
411
  }
466
412
  },
467
413
  "oranje": {
468
414
  "50": {
469
- "parent": "core/default",
470
415
  "$type": "color",
471
416
  "$value": "#fbead9"
472
417
  },
473
418
  "100": {
474
- "parent": "core/default",
475
419
  "$type": "color",
476
420
  "$value": "#f6d4b3"
477
421
  },
@@ -488,19 +432,16 @@
488
432
  "$value": "#E89440"
489
433
  },
490
434
  "500": {
491
- "parent": "core/default",
492
435
  "$type": "color",
493
436
  "$value": "#e17000"
494
437
  }
495
438
  },
496
439
  "rood": {
497
440
  "50": {
498
- "parent": "core/default",
499
441
  "$type": "color",
500
442
  "$value": "#f9dfdd"
501
443
  },
502
444
  "100": {
503
- "parent": "core/default",
504
445
  "$type": "color",
505
446
  "$value": "#f2bfbc"
506
447
  },
@@ -517,19 +458,16 @@
517
458
  "$value": "#DF6056"
518
459
  },
519
460
  "500": {
520
- "parent": "core/default",
521
461
  "$type": "color",
522
462
  "$value": "#d52b1e"
523
463
  }
524
464
  },
525
465
  "roze": {
526
466
  "50": {
527
- "parent": "core/default",
528
467
  "$type": "color",
529
468
  "$value": "#fdeff8"
530
469
  },
531
470
  "100": {
532
- "parent": "core/default",
533
471
  "$type": "color",
534
472
  "$value": "#fbdef0"
535
473
  },
@@ -546,19 +484,16 @@
546
484
  "$value": "#F4ADD9"
547
485
  },
548
486
  "500": {
549
- "parent": "core/default",
550
487
  "$type": "color",
551
488
  "$value": "#f092cd"
552
489
  }
553
490
  },
554
491
  "robijnrood": {
555
492
  "50": {
556
- "parent": "core/default",
557
493
  "$type": "color",
558
494
  "$value": "#f7d9e7"
559
495
  },
560
496
  "100": {
561
- "parent": "core/default",
562
497
  "$type": "color",
563
498
  "$value": "#efb3ce"
564
499
  },
@@ -575,7 +510,6 @@
575
510
  "$value": "#D74085"
576
511
  },
577
512
  "500": {
578
- "parent": "core/default",
579
513
  "$type": "color",
580
514
  "$value": "#ca005d"
581
515
  }
@@ -602,7 +536,6 @@
602
536
  "$value": "#4f7196"
603
537
  },
604
538
  "500": {
605
- "parent": "core/default",
606
539
  "$type": "color",
607
540
  "$value": "#154273"
608
541
  }
@@ -652,57 +585,46 @@
652
585
  "rhc": {
653
586
  "space": {
654
587
  "0": {
655
- "parent": "core/default",
656
588
  "$type": "dimension",
657
589
  "$value": "0rem"
658
590
  },
659
591
  "25": {
660
- "parent": "core/default",
661
592
  "$type": "dimension",
662
593
  "$value": "0.25 * 0.5rem"
663
594
  },
664
595
  "50": {
665
- "parent": "core/default",
666
596
  "$type": "dimension",
667
597
  "$value": "0.5 * 0.5rem"
668
598
  },
669
599
  "100": {
670
- "parent": "core/default",
671
600
  "$type": "dimension",
672
601
  "$value": "0.5rem"
673
602
  },
674
603
  "150": {
675
- "parent": "core/default",
676
604
  "$type": "dimension",
677
605
  "$value": "1.5 * 0.5rem"
678
606
  },
679
607
  "200": {
680
- "parent": "core/default",
681
608
  "$type": "dimension",
682
609
  "$value": "2 * 0.5rem"
683
610
  },
684
611
  "300": {
685
- "parent": "core/default",
686
612
  "$type": "dimension",
687
613
  "$value": "3 * 0.5rem"
688
614
  },
689
615
  "400": {
690
- "parent": "core/default",
691
616
  "$type": "dimension",
692
617
  "$value": "4 * 0.5rem"
693
618
  },
694
619
  "500": {
695
- "parent": "core/default",
696
620
  "$type": "dimension",
697
621
  "$value": "5 * 0.5rem"
698
622
  },
699
623
  "600": {
700
- "parent": "core/default",
701
624
  "$type": "dimension",
702
625
  "$value": "6 * 0.5rem"
703
626
  },
704
627
  "700": {
705
- "parent": "core/default",
706
628
  "$type": "dimension",
707
629
  "$value": "7 * 0.5rem"
708
630
  }
@@ -732,7 +654,6 @@
732
654
  "$value": "{rhc.color.cool-grey.900}"
733
655
  },
734
656
  "subtle": {
735
- "parent": "mode/light",
736
657
  "$type": "color",
737
658
  "$value": "{rhc.color.cool-grey.700}"
738
659
  },
@@ -751,70 +672,58 @@
751
672
  },
752
673
  "border": {
753
674
  "default": {
754
- "parent": "mode/light",
755
675
  "$type": "color",
756
676
  "$value": "{rhc.color.cool-grey.500}"
757
677
  },
758
678
  "subtle": {
759
- "parent": "mode/light",
760
679
  "$type": "color",
761
680
  "$value": "{rhc.color.cool-grey.400}"
762
681
  },
763
682
  "strong": {
764
- "parent": "mode/light",
765
683
  "$type": "color",
766
684
  "$value": "{rhc.color.foreground.default}"
767
685
  }
768
686
  },
769
687
  "bg-document": {
770
- "parent": "mode/light",
771
688
  "$type": "color",
772
689
  "$value": "{rhc.color.wit}"
773
690
  },
774
691
  "positive": {
775
692
  "default": {
776
- "parent": "mode/light",
777
693
  "$type": "color",
778
694
  "$value": "{rhc.color.groen.500}"
779
695
  },
780
696
  "subtle": {
781
- "parent": "mode/light",
782
697
  "$type": "color",
783
698
  "$value": "{rhc.color.groen.50}"
784
699
  }
785
700
  },
786
701
  "info": {
787
702
  "default": {
788
- "parent": "mode/light",
789
703
  "$type": "color",
790
704
  "$value": "{rhc.color.hemelblauw.500}"
791
705
  },
792
706
  "subtle": {
793
- "parent": "mode/light",
794
707
  "$type": "color",
795
708
  "$value": "{rhc.color.hemelblauw.50}"
796
709
  }
797
710
  },
798
711
  "negative": {
799
712
  "default": {
800
- "parent": "mode/light",
801
713
  "$type": "color",
802
714
  "$value": "{rhc.color.rood.500}"
803
715
  },
804
716
  "subtle": {
805
- "parent": "mode/light",
806
717
  "$type": "color",
807
718
  "$value": "{rhc.color.rood.50}"
808
719
  }
809
720
  },
810
721
  "warning": {
811
722
  "default": {
812
- "parent": "mode/light",
813
723
  "$type": "color",
814
724
  "$value": "{rhc.color.donkergeel.500}"
815
725
  },
816
726
  "subtle": {
817
- "parent": "mode/light",
818
727
  "$type": "color",
819
728
  "$value": "{rhc.color.donkergeel.50}"
820
729
  }