@rijkshuisstijl-community/design-tokens 1.0.0-alpha.167 → 1.0.0-alpha.169

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 (53) hide show
  1. package/dist/_variables.scss +67 -72
  2. package/dist/index.css +67 -72
  3. package/dist/index.d.ts +11 -16
  4. package/dist/index.js +67 -72
  5. package/dist/index.json +66 -71
  6. package/dist/index.tokens.json +57 -64
  7. package/dist/root.css +67 -72
  8. package/dist/tokens.d.ts +2 -9
  9. package/dist/tokens.js +145 -266
  10. package/dist/uitvoerend-mintgroen-focus/_variables.scss +112 -119
  11. package/dist/uitvoerend-mintgroen-focus/index.css +112 -119
  12. package/dist/uitvoerend-mintgroen-focus/index.d.ts +51 -58
  13. package/dist/uitvoerend-mintgroen-focus/index.js +112 -119
  14. package/dist/uitvoerend-mintgroen-focus/index.json +111 -118
  15. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +121 -138
  16. package/dist/uitvoerend-mintgroen-focus/root.css +112 -119
  17. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +61 -78
  18. package/dist/uitvoerend-mintgroen-focus/tokens.js +3136 -3313
  19. package/dist/uitvoerend-violet/_variables.scss +72 -77
  20. package/dist/uitvoerend-violet/index.css +72 -77
  21. package/dist/uitvoerend-violet/index.d.ts +11 -16
  22. package/dist/uitvoerend-violet/index.js +72 -77
  23. package/dist/uitvoerend-violet/index.json +71 -76
  24. package/dist/uitvoerend-violet/index.tokens.json +62 -69
  25. package/dist/uitvoerend-violet/root.css +72 -77
  26. package/dist/uitvoerend-violet/tokens.d.ts +2 -9
  27. package/dist/uitvoerend-violet/tokens.js +155 -276
  28. package/dist/uitvoerend-violet-oud/_variables.scss +72 -77
  29. package/dist/uitvoerend-violet-oud/index.css +72 -77
  30. package/dist/uitvoerend-violet-oud/index.d.ts +11 -16
  31. package/dist/uitvoerend-violet-oud/index.js +72 -77
  32. package/dist/uitvoerend-violet-oud/index.json +71 -76
  33. package/dist/uitvoerend-violet-oud/index.tokens.json +62 -69
  34. package/dist/uitvoerend-violet-oud/root.css +72 -77
  35. package/dist/uitvoerend-violet-oud/tokens.d.ts +2 -9
  36. package/dist/uitvoerend-violet-oud/tokens.js +155 -276
  37. package/dist/wetgevend/_variables.scss +66 -71
  38. package/dist/wetgevend/index.css +66 -71
  39. package/dist/wetgevend/index.d.ts +11 -16
  40. package/dist/wetgevend/index.js +66 -71
  41. package/dist/wetgevend/index.json +65 -70
  42. package/dist/wetgevend/index.tokens.json +56 -63
  43. package/dist/wetgevend/root.css +66 -71
  44. package/dist/wetgevend/tokens.d.ts +2 -9
  45. package/dist/wetgevend/tokens.js +143 -264
  46. package/figma/figma.tokens.json +145 -165
  47. package/package.json +2 -2
  48. package/src/generated/base.tokens.json +57 -81
  49. package/src/generated/themes.json +442 -554
  50. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +231 -271
  51. package/src/generated/uitvoerend-violet/tokens.json +62 -86
  52. package/src/generated/uitvoerend-violet-oud/tokens.json +62 -86
  53. package/src/generated/wetgevend/tokens.json +56 -80
@@ -93,7 +93,7 @@
93
93
  },
94
94
  "hover": {
95
95
  "color": {
96
- "value": "#154273",
96
+ "value": "#0F172A",
97
97
  "type": "color"
98
98
  },
99
99
  "background-color": {
@@ -150,7 +150,7 @@
150
150
  "type": "fontWeights"
151
151
  },
152
152
  "color": {
153
- "value": "#154273",
153
+ "value": "#0F172A",
154
154
  "type": "color"
155
155
  }
156
156
  },
@@ -252,7 +252,7 @@
252
252
  "navigation-list": {
253
253
  "icon": {
254
254
  "background-color": {
255
- "value": "#154273",
255
+ "value": "#0F172A",
256
256
  "type": "color"
257
257
  },
258
258
  "border-radius": {
@@ -347,7 +347,7 @@
347
347
  },
348
348
  "heading": {
349
349
  "color": {
350
- "value": "#154273",
350
+ "value": "#0F172A",
351
351
  "type": "color"
352
352
  }
353
353
  },
@@ -396,7 +396,7 @@
396
396
  },
397
397
  "icon": {
398
398
  "color": {
399
- "value": "#154273",
399
+ "value": "#0F172A",
400
400
  "type": "color"
401
401
  },
402
402
  "active": {
@@ -485,7 +485,7 @@
485
485
  "type": "color"
486
486
  },
487
487
  "border-color": {
488
- "value": "#64748B",
488
+ "value": "#4f7196",
489
489
  "type": "color"
490
490
  }
491
491
  },
@@ -517,7 +517,7 @@
517
517
  "type": "size"
518
518
  },
519
519
  "color": {
520
- "value": "#154273",
520
+ "value": "#0F172A",
521
521
  "type": "color"
522
522
  }
523
523
  },
@@ -567,7 +567,7 @@
567
567
  },
568
568
  "heading": {
569
569
  "color": {
570
- "value": "#154273",
570
+ "value": "#0F172A",
571
571
  "type": "color"
572
572
  }
573
573
  }
@@ -1029,7 +1029,7 @@
1029
1029
  "type": "borderWidth"
1030
1030
  },
1031
1031
  "color": {
1032
- "value": "#154273",
1032
+ "value": "#0F172A",
1033
1033
  "type": "color"
1034
1034
  },
1035
1035
  "column-gap": {
@@ -1042,7 +1042,7 @@
1042
1042
  },
1043
1043
  "icon": {
1044
1044
  "color": {
1045
- "value": "#154273",
1045
+ "value": "#0F172A",
1046
1046
  "type": "color"
1047
1047
  },
1048
1048
  "size": {
@@ -1080,7 +1080,7 @@
1080
1080
  },
1081
1081
  "metadata": {
1082
1082
  "color": {
1083
- "value": "#154273",
1083
+ "value": "#0F172A",
1084
1084
  "type": "color"
1085
1085
  }
1086
1086
  },
@@ -1253,7 +1253,7 @@
1253
1253
  "type": "color"
1254
1254
  },
1255
1255
  "color": {
1256
- "value": "#154273",
1256
+ "value": "#0F172A",
1257
1257
  "type": "color"
1258
1258
  }
1259
1259
  }
@@ -1283,7 +1283,7 @@
1283
1283
  "type": "borderRadius"
1284
1284
  },
1285
1285
  "color": {
1286
- "value": "#154273",
1286
+ "value": "#0F172A",
1287
1287
  "type": "color"
1288
1288
  }
1289
1289
  },
@@ -1394,13 +1394,7 @@
1394
1394
  },
1395
1395
  "foreground": {
1396
1396
  "default": {
1397
- "parent": "mode/light",
1398
- "value": "#000",
1399
- "type": "color",
1400
- "description": "Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels."
1401
- },
1402
- "lint": {
1403
- "value": "#154273",
1397
+ "value": "#0F172A",
1404
1398
  "type": "color"
1405
1399
  },
1406
1400
  "subdued": {
@@ -1435,7 +1429,7 @@
1435
1429
  },
1436
1430
  "strong": {
1437
1431
  "parent": "mode/light",
1438
- "value": "#000",
1432
+ "value": "#0F172A",
1439
1433
  "type": "color"
1440
1434
  }
1441
1435
  },
@@ -1548,7 +1542,7 @@
1548
1542
  "type": "color"
1549
1543
  }
1550
1544
  },
1551
- "grijs": {
1545
+ "cool-grey": {
1552
1546
  "50": {
1553
1547
  "value": "#F8FAFC",
1554
1548
  "type": "color"
@@ -2445,7 +2439,7 @@
2445
2439
  "type": "spacing"
2446
2440
  },
2447
2441
  "color": {
2448
- "value": "#154273",
2442
+ "value": "#0F172A",
2449
2443
  "type": "color"
2450
2444
  },
2451
2445
  "font-family": {
@@ -2480,11 +2474,11 @@
2480
2474
  },
2481
2475
  "marker": {
2482
2476
  "color": {
2483
- "value": "#154273",
2477
+ "value": "#0F172A",
2484
2478
  "type": "color"
2485
2479
  },
2486
2480
  "border-color": {
2487
- "value": "#154273",
2481
+ "value": "#0F172A",
2488
2482
  "type": "color"
2489
2483
  }
2490
2484
  }
@@ -2539,7 +2533,7 @@
2539
2533
  "type": "color"
2540
2534
  },
2541
2535
  "color": {
2542
- "value": "#154273",
2536
+ "value": "#0F172A",
2543
2537
  "type": "color"
2544
2538
  },
2545
2539
  "invalid": {
@@ -2552,7 +2546,7 @@
2552
2546
  "type": "color"
2553
2547
  },
2554
2548
  "color": {
2555
- "value": "#154273",
2549
+ "value": "#0F172A",
2556
2550
  "type": "color"
2557
2551
  },
2558
2552
  "border-width": {
@@ -2588,7 +2582,7 @@
2588
2582
  "type": "color"
2589
2583
  },
2590
2584
  "color": {
2591
- "value": "#154273",
2585
+ "value": "#0F172A",
2592
2586
  "type": "color"
2593
2587
  }
2594
2588
  },
@@ -2616,7 +2610,7 @@
2616
2610
  "type": "color"
2617
2611
  },
2618
2612
  "color": {
2619
- "value": "#154273",
2613
+ "value": "#0F172A",
2620
2614
  "type": "color"
2621
2615
  }
2622
2616
  },
@@ -2634,7 +2628,7 @@
2634
2628
  "type": "color"
2635
2629
  },
2636
2630
  "color": {
2637
- "value": "#154273",
2631
+ "value": "#0F172A",
2638
2632
  "type": "color"
2639
2633
  }
2640
2634
  }
@@ -2669,7 +2663,7 @@
2669
2663
  "type": "color"
2670
2664
  },
2671
2665
  "color": {
2672
- "value": "#154273",
2666
+ "value": "#0F172A",
2673
2667
  "type": "color"
2674
2668
  },
2675
2669
  "invalid": {
@@ -2682,7 +2676,7 @@
2682
2676
  "type": "color"
2683
2677
  },
2684
2678
  "color": {
2685
- "value": "#154273",
2679
+ "value": "#0F172A",
2686
2680
  "type": "color"
2687
2681
  },
2688
2682
  "border-width": {
@@ -2706,7 +2700,7 @@
2706
2700
  "type": "color"
2707
2701
  },
2708
2702
  "color": {
2709
- "value": "#154273",
2703
+ "value": "#0F172A",
2710
2704
  "type": "color"
2711
2705
  },
2712
2706
  "border-width": {
@@ -2738,7 +2732,7 @@
2738
2732
  "type": "color"
2739
2733
  },
2740
2734
  "color": {
2741
- "value": "#154273",
2735
+ "value": "#0F172A",
2742
2736
  "type": "color"
2743
2737
  }
2744
2738
  },
@@ -2752,7 +2746,7 @@
2752
2746
  "type": "color"
2753
2747
  },
2754
2748
  "color": {
2755
- "value": "#154273",
2749
+ "value": "#0F172A",
2756
2750
  "type": "color"
2757
2751
  },
2758
2752
  "border-width": {
@@ -2796,7 +2790,7 @@
2796
2790
  "type": "lineHeights"
2797
2791
  },
2798
2792
  "color": {
2799
- "value": "#154273",
2793
+ "value": "#0F172A",
2800
2794
  "type": "color"
2801
2795
  },
2802
2796
  "font-family": {
@@ -2822,7 +2816,7 @@
2822
2816
  "type": "spacing"
2823
2817
  },
2824
2818
  "color": {
2825
- "value": "#154273",
2819
+ "value": "#0F172A",
2826
2820
  "type": "color"
2827
2821
  },
2828
2822
  "font-family": {
@@ -2862,7 +2856,7 @@
2862
2856
  },
2863
2857
  "data-cell": {
2864
2858
  "color": {
2865
- "value": "#154273",
2859
+ "value": "#0F172A",
2866
2860
  "type": "color"
2867
2861
  },
2868
2862
  "font-family": {
@@ -2934,7 +2928,7 @@
2934
2928
  "type": "fontSizes"
2935
2929
  },
2936
2930
  "color": {
2937
- "value": "#154273",
2931
+ "value": "#0F172A",
2938
2932
  "type": "color"
2939
2933
  },
2940
2934
  "font-family": {
@@ -3035,7 +3029,7 @@
3035
3029
  "type": "color"
3036
3030
  },
3037
3031
  "color": {
3038
- "value": "#154273",
3032
+ "value": "#0F172A",
3039
3033
  "type": "color"
3040
3034
  },
3041
3035
  "invalid": {
@@ -3048,7 +3042,7 @@
3048
3042
  "type": "color"
3049
3043
  },
3050
3044
  "color": {
3051
- "value": "#154273",
3045
+ "value": "#0F172A",
3052
3046
  "type": "color"
3053
3047
  },
3054
3048
  "border-width": {
@@ -3066,7 +3060,7 @@
3066
3060
  "type": "color"
3067
3061
  },
3068
3062
  "color": {
3069
- "value": "#154273",
3063
+ "value": "#0F172A",
3070
3064
  "type": "color"
3071
3065
  },
3072
3066
  "border-width": {
@@ -3098,7 +3092,7 @@
3098
3092
  "type": "color"
3099
3093
  },
3100
3094
  "color": {
3101
- "value": "#154273",
3095
+ "value": "#0F172A",
3102
3096
  "type": "color"
3103
3097
  },
3104
3098
  "border-width": {
@@ -3371,7 +3365,7 @@
3371
3365
  }
3372
3366
  },
3373
3367
  "color": {
3374
- "value": "#154273",
3368
+ "value": "#0F172A",
3375
3369
  "type": "color"
3376
3370
  },
3377
3371
  "font-family": {
@@ -3536,7 +3530,7 @@
3536
3530
  },
3537
3531
  "form-label": {
3538
3532
  "color": {
3539
- "value": "#154273",
3533
+ "value": "#0F172A",
3540
3534
  "type": "color"
3541
3535
  },
3542
3536
  "font-size": {
@@ -3550,7 +3544,7 @@
3550
3544
  },
3551
3545
  "form-field-label": {
3552
3546
  "color": {
3553
- "value": "#154273",
3547
+ "value": "#0F172A",
3554
3548
  "type": "color"
3555
3549
  },
3556
3550
  "font-family": {
@@ -3755,7 +3749,7 @@
3755
3749
  "form-fieldset": {
3756
3750
  "legend": {
3757
3751
  "color": {
3758
- "value": "#154273",
3752
+ "value": "#0F172A",
3759
3753
  "type": "color"
3760
3754
  },
3761
3755
  "font-family": {
@@ -3788,7 +3782,7 @@
3788
3782
  "type": "color"
3789
3783
  },
3790
3784
  "color": {
3791
- "value": "#154273",
3785
+ "value": "#0F172A",
3792
3786
  "type": "color"
3793
3787
  }
3794
3788
  },
@@ -4671,7 +4665,7 @@
4671
4665
  "type": "fontSizes"
4672
4666
  },
4673
4667
  "color": {
4674
- "value": "#154273",
4668
+ "value": "#0F172A",
4675
4669
  "type": "color"
4676
4670
  }
4677
4671
  },
@@ -4902,7 +4896,7 @@
4902
4896
  "type": "color"
4903
4897
  },
4904
4898
  "color": {
4905
- "value": "#154273",
4899
+ "value": "#0F172A",
4906
4900
  "type": "color"
4907
4901
  },
4908
4902
  "info": {
@@ -4915,7 +4909,7 @@
4915
4909
  "type": "color"
4916
4910
  },
4917
4911
  "color": {
4918
- "value": "#154273",
4912
+ "value": "#0F172A",
4919
4913
  "type": "color"
4920
4914
  }
4921
4915
  },
@@ -4929,7 +4923,7 @@
4929
4923
  "type": "color"
4930
4924
  },
4931
4925
  "color": {
4932
- "value": "#154273",
4926
+ "value": "#0F172A",
4933
4927
  "type": "color"
4934
4928
  }
4935
4929
  },
@@ -4943,7 +4937,7 @@
4943
4937
  "type": "color"
4944
4938
  },
4945
4939
  "color": {
4946
- "value": "#154273",
4940
+ "value": "#0F172A",
4947
4941
  "type": "color"
4948
4942
  }
4949
4943
  },
@@ -4957,7 +4951,7 @@
4957
4951
  "type": "color"
4958
4952
  },
4959
4953
  "color": {
4960
- "value": "#154273",
4954
+ "value": "#0F172A",
4961
4955
  "type": "color"
4962
4956
  }
4963
4957
  },
@@ -5058,7 +5052,7 @@
5058
5052
  "type": "color"
5059
5053
  },
5060
5054
  "color": {
5061
- "value": "#154273",
5055
+ "value": "#0F172A",
5062
5056
  "type": "color"
5063
5057
  }
5064
5058
  },
@@ -5075,7 +5069,7 @@
5075
5069
  "type": "borderWidth"
5076
5070
  },
5077
5071
  "color": {
5078
- "value": "#154273",
5072
+ "value": "#0F172A",
5079
5073
  "type": "color"
5080
5074
  },
5081
5075
  "focus": {
@@ -5088,7 +5082,7 @@
5088
5082
  "type": "color"
5089
5083
  },
5090
5084
  "color": {
5091
- "value": "#154273",
5085
+ "value": "#0F172A",
5092
5086
  "type": "color"
5093
5087
  }
5094
5088
  },
@@ -5102,7 +5096,7 @@
5102
5096
  "type": "color"
5103
5097
  },
5104
5098
  "color": {
5105
- "value": "#154273",
5099
+ "value": "#0F172A",
5106
5100
  "type": "color"
5107
5101
  },
5108
5102
  "row-gap": {
@@ -5118,7 +5112,7 @@
5118
5112
  "type": "color"
5119
5113
  },
5120
5114
  "color": {
5121
- "value": "#000",
5115
+ "value": "#0F172A",
5122
5116
  "type": "color"
5123
5117
  },
5124
5118
  "font-family": {
@@ -5261,7 +5255,7 @@
5261
5255
  "type": "borderWidth"
5262
5256
  },
5263
5257
  "color": {
5264
- "value": "#154273",
5258
+ "value": "#0F172A",
5265
5259
  "type": "color"
5266
5260
  },
5267
5261
  "text-decoration": {
@@ -5324,7 +5318,7 @@
5324
5318
  },
5325
5319
  "paragraph": {
5326
5320
  "color": {
5327
- "value": "#154273",
5321
+ "value": "#0F172A",
5328
5322
  "type": "color"
5329
5323
  },
5330
5324
  "font-family": {
@@ -5353,7 +5347,7 @@
5353
5347
  },
5354
5348
  "lead": {
5355
5349
  "color": {
5356
- "value": "#154273",
5350
+ "value": "#0F172A",
5357
5351
  "type": "color"
5358
5352
  },
5359
5353
  "font-size": {
@@ -5368,24 +5362,6 @@
5368
5362
  "value": "150%",
5369
5363
  "type": "lineHeights"
5370
5364
  }
5371
- },
5372
- "small": {
5373
- "color": {
5374
- "value": "#154273",
5375
- "type": "color"
5376
- },
5377
- "font-size": {
5378
- "value": "1.125rem",
5379
- "type": "fontSizes"
5380
- },
5381
- "font-weight": {
5382
- "value": 400,
5383
- "type": "fontWeights"
5384
- },
5385
- "line-height": {
5386
- "value": "150%",
5387
- "type": "lineHeights"
5388
- }
5389
5365
  }
5390
5366
  },
5391
5367
  "heading-level-1": {