@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
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 20 Feb 2025 15:23:01 GMT
3
+ * Generated on Fri, 21 Feb 2025 08:09:24 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -456,12 +456,12 @@ module.exports = {
456
456
  },
457
457
  "hover": {
458
458
  "color": {
459
- "value": "#154273",
459
+ "value": "#0F172A",
460
460
  "type": "color",
461
461
  "filePath": "src/generated/base.tokens.json",
462
462
  "isSource": true,
463
463
  "original": {
464
- "value": "#154273",
464
+ "value": "#0F172A",
465
465
  "type": "color"
466
466
  },
467
467
  "name": "rhcToggletipHoverColor",
@@ -745,12 +745,12 @@ module.exports = {
745
745
  ]
746
746
  },
747
747
  "color": {
748
- "value": "#154273",
748
+ "value": "#0F172A",
749
749
  "type": "color",
750
750
  "filePath": "src/generated/base.tokens.json",
751
751
  "isSource": true,
752
752
  "original": {
753
- "value": "#154273",
753
+ "value": "#0F172A",
754
754
  "type": "color"
755
755
  },
756
756
  "name": "rhcSidenavLinkCurrentColor",
@@ -1258,12 +1258,12 @@ module.exports = {
1258
1258
  "navigation-list": {
1259
1259
  "icon": {
1260
1260
  "background-color": {
1261
- "value": "#154273",
1261
+ "value": "#0F172A",
1262
1262
  "type": "color",
1263
1263
  "filePath": "src/generated/base.tokens.json",
1264
1264
  "isSource": true,
1265
1265
  "original": {
1266
- "value": "#154273",
1266
+ "value": "#0F172A",
1267
1267
  "type": "color"
1268
1268
  },
1269
1269
  "name": "rhcNavigationListIconBackgroundColor",
@@ -1759,12 +1759,12 @@ module.exports = {
1759
1759
  },
1760
1760
  "heading": {
1761
1761
  "color": {
1762
- "value": "#154273",
1762
+ "value": "#0F172A",
1763
1763
  "type": "color",
1764
1764
  "filePath": "src/generated/base.tokens.json",
1765
1765
  "isSource": true,
1766
1766
  "original": {
1767
- "value": "#154273",
1767
+ "value": "#0F172A",
1768
1768
  "type": "color"
1769
1769
  },
1770
1770
  "name": "rhcNavigationListItemHeadingColor",
@@ -1994,12 +1994,12 @@ module.exports = {
1994
1994
  },
1995
1995
  "icon": {
1996
1996
  "color": {
1997
- "value": "#154273",
1997
+ "value": "#0F172A",
1998
1998
  "type": "color",
1999
1999
  "filePath": "src/generated/base.tokens.json",
2000
2000
  "isSource": true,
2001
2001
  "original": {
2002
- "value": "#154273",
2002
+ "value": "#0F172A",
2003
2003
  "type": "color"
2004
2004
  },
2005
2005
  "name": "rhcNavBarIconColor",
@@ -2454,12 +2454,12 @@ module.exports = {
2454
2454
  ]
2455
2455
  },
2456
2456
  "border-color": {
2457
- "value": "#64748B",
2457
+ "value": "#4f7196",
2458
2458
  "type": "color",
2459
2459
  "filePath": "src/generated/base.tokens.json",
2460
2460
  "isSource": true,
2461
2461
  "original": {
2462
- "value": "#64748B",
2462
+ "value": "#4f7196",
2463
2463
  "type": "color"
2464
2464
  },
2465
2465
  "name": "rhcNavBarBorderColor",
@@ -2619,12 +2619,12 @@ module.exports = {
2619
2619
  ]
2620
2620
  },
2621
2621
  "color": {
2622
- "value": "#154273",
2622
+ "value": "#0F172A",
2623
2623
  "type": "color",
2624
2624
  "filePath": "src/generated/base.tokens.json",
2625
2625
  "isSource": true,
2626
2626
  "original": {
2627
- "value": "#154273",
2627
+ "value": "#0F172A",
2628
2628
  "type": "color"
2629
2629
  },
2630
2630
  "name": "rhcMessageListItemIconColor",
@@ -2894,12 +2894,12 @@ module.exports = {
2894
2894
  },
2895
2895
  "heading": {
2896
2896
  "color": {
2897
- "value": "#154273",
2897
+ "value": "#0F172A",
2898
2898
  "type": "color",
2899
2899
  "filePath": "src/generated/base.tokens.json",
2900
2900
  "isSource": true,
2901
2901
  "original": {
2902
- "value": "#154273",
2902
+ "value": "#0F172A",
2903
2903
  "type": "color"
2904
2904
  },
2905
2905
  "name": "rhcMessageListItemHeadingColor",
@@ -5121,12 +5121,12 @@ module.exports = {
5121
5121
  ]
5122
5122
  },
5123
5123
  "color": {
5124
- "value": "#154273",
5124
+ "value": "#0F172A",
5125
5125
  "type": "color",
5126
5126
  "filePath": "src/generated/base.tokens.json",
5127
5127
  "isSource": true,
5128
5128
  "original": {
5129
- "value": "#154273",
5129
+ "value": "#0F172A",
5130
5130
  "type": "color"
5131
5131
  },
5132
5132
  "name": "rhcCardAsLinkColor",
@@ -5185,12 +5185,12 @@ module.exports = {
5185
5185
  },
5186
5186
  "icon": {
5187
5187
  "color": {
5188
- "value": "#154273",
5188
+ "value": "#0F172A",
5189
5189
  "type": "color",
5190
5190
  "filePath": "src/generated/base.tokens.json",
5191
5191
  "isSource": true,
5192
5192
  "original": {
5193
- "value": "#154273",
5193
+ "value": "#0F172A",
5194
5194
  "type": "color"
5195
5195
  },
5196
5196
  "name": "rhcCardAsLinkIconColor",
@@ -5362,12 +5362,12 @@ module.exports = {
5362
5362
  },
5363
5363
  "metadata": {
5364
5364
  "color": {
5365
- "value": "#154273",
5365
+ "value": "#0F172A",
5366
5366
  "type": "color",
5367
5367
  "filePath": "src/generated/base.tokens.json",
5368
5368
  "isSource": true,
5369
5369
  "original": {
5370
- "value": "#154273",
5370
+ "value": "#0F172A",
5371
5371
  "type": "color"
5372
5372
  },
5373
5373
  "name": "rhcCardAsLinkMetadataColor",
@@ -6253,12 +6253,12 @@ module.exports = {
6253
6253
  ]
6254
6254
  },
6255
6255
  "color": {
6256
- "value": "#154273",
6256
+ "value": "#0F172A",
6257
6257
  "type": "color",
6258
6258
  "filePath": "src/generated/base.tokens.json",
6259
6259
  "isSource": true,
6260
6260
  "original": {
6261
- "value": "#154273",
6261
+ "value": "#0F172A",
6262
6262
  "type": "color"
6263
6263
  },
6264
6264
  "name": "rhcAccordionButtonExpandedColor",
@@ -6397,12 +6397,12 @@ module.exports = {
6397
6397
  ]
6398
6398
  },
6399
6399
  "color": {
6400
- "value": "#154273",
6400
+ "value": "#0F172A",
6401
6401
  "type": "color",
6402
6402
  "filePath": "src/generated/base.tokens.json",
6403
6403
  "isSource": true,
6404
6404
  "original": {
6405
- "value": "#154273",
6405
+ "value": "#0F172A",
6406
6406
  "type": "color"
6407
6407
  },
6408
6408
  "name": "rhcAccordionColor",
@@ -6935,17 +6935,13 @@ module.exports = {
6935
6935
  },
6936
6936
  "foreground": {
6937
6937
  "default": {
6938
- "parent": "mode/light",
6939
- "value": "#000",
6938
+ "value": "#0F172A",
6940
6939
  "type": "color",
6941
- "description": "Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels.",
6942
6940
  "filePath": "src/generated/base.tokens.json",
6943
6941
  "isSource": true,
6944
6942
  "original": {
6945
- "parent": "mode/light",
6946
- "value": "#000",
6947
- "type": "color",
6948
- "description": "Standaard kleur voor teksten en iconen. Gebruik deze voor body content, titels en labels."
6943
+ "value": "#0F172A",
6944
+ "type": "color"
6949
6945
  },
6950
6946
  "name": "rhcColorForegroundDefault",
6951
6947
  "attributes": {
@@ -6961,29 +6957,6 @@ module.exports = {
6961
6957
  "default"
6962
6958
  ]
6963
6959
  },
6964
- "lint": {
6965
- "value": "#154273",
6966
- "type": "color",
6967
- "filePath": "src/generated/base.tokens.json",
6968
- "isSource": true,
6969
- "original": {
6970
- "value": "#154273",
6971
- "type": "color"
6972
- },
6973
- "name": "rhcColorForegroundLint",
6974
- "attributes": {
6975
- "category": "rhc",
6976
- "type": "color",
6977
- "item": "foreground",
6978
- "subitem": "lint"
6979
- },
6980
- "path": [
6981
- "rhc",
6982
- "color",
6983
- "foreground",
6984
- "lint"
6985
- ]
6986
- },
6987
6960
  "subdued": {
6988
6961
  "parent": "mode/light",
6989
6962
  "value": "#334155",
@@ -7119,13 +7092,13 @@ module.exports = {
7119
7092
  },
7120
7093
  "strong": {
7121
7094
  "parent": "mode/light",
7122
- "value": "#000",
7095
+ "value": "#0F172A",
7123
7096
  "type": "color",
7124
7097
  "filePath": "src/generated/base.tokens.json",
7125
7098
  "isSource": true,
7126
7099
  "original": {
7127
7100
  "parent": "mode/light",
7128
- "value": "#000",
7101
+ "value": "#0F172A",
7129
7102
  "type": "color"
7130
7103
  },
7131
7104
  "name": "rhcColorBorderStrong",
@@ -7620,7 +7593,7 @@ module.exports = {
7620
7593
  ]
7621
7594
  }
7622
7595
  },
7623
- "grijs": {
7596
+ "cool-grey": {
7624
7597
  "50": {
7625
7598
  "value": "#F8FAFC",
7626
7599
  "type": "color",
@@ -7630,17 +7603,17 @@ module.exports = {
7630
7603
  "value": "#F8FAFC",
7631
7604
  "type": "color"
7632
7605
  },
7633
- "name": "rhcColorGrijs50",
7606
+ "name": "rhcColorCoolGrey50",
7634
7607
  "attributes": {
7635
7608
  "category": "rhc",
7636
7609
  "type": "color",
7637
- "item": "grijs",
7610
+ "item": "cool-grey",
7638
7611
  "subitem": "50"
7639
7612
  },
7640
7613
  "path": [
7641
7614
  "rhc",
7642
7615
  "color",
7643
- "grijs",
7616
+ "cool-grey",
7644
7617
  "50"
7645
7618
  ]
7646
7619
  },
@@ -7655,17 +7628,17 @@ module.exports = {
7655
7628
  "value": "#F1F5F9",
7656
7629
  "type": "color"
7657
7630
  },
7658
- "name": "rhcColorGrijs100",
7631
+ "name": "rhcColorCoolGrey100",
7659
7632
  "attributes": {
7660
7633
  "category": "rhc",
7661
7634
  "type": "color",
7662
- "item": "grijs",
7635
+ "item": "cool-grey",
7663
7636
  "subitem": "100"
7664
7637
  },
7665
7638
  "path": [
7666
7639
  "rhc",
7667
7640
  "color",
7668
- "grijs",
7641
+ "cool-grey",
7669
7642
  "100"
7670
7643
  ]
7671
7644
  },
@@ -7680,17 +7653,17 @@ module.exports = {
7680
7653
  "value": "#E2E8F0",
7681
7654
  "type": "color"
7682
7655
  },
7683
- "name": "rhcColorGrijs200",
7656
+ "name": "rhcColorCoolGrey200",
7684
7657
  "attributes": {
7685
7658
  "category": "rhc",
7686
7659
  "type": "color",
7687
- "item": "grijs",
7660
+ "item": "cool-grey",
7688
7661
  "subitem": "200"
7689
7662
  },
7690
7663
  "path": [
7691
7664
  "rhc",
7692
7665
  "color",
7693
- "grijs",
7666
+ "cool-grey",
7694
7667
  "200"
7695
7668
  ]
7696
7669
  },
@@ -7705,17 +7678,17 @@ module.exports = {
7705
7678
  "value": "#CBD5E1",
7706
7679
  "type": "color"
7707
7680
  },
7708
- "name": "rhcColorGrijs300",
7681
+ "name": "rhcColorCoolGrey300",
7709
7682
  "attributes": {
7710
7683
  "category": "rhc",
7711
7684
  "type": "color",
7712
- "item": "grijs",
7685
+ "item": "cool-grey",
7713
7686
  "subitem": "300"
7714
7687
  },
7715
7688
  "path": [
7716
7689
  "rhc",
7717
7690
  "color",
7718
- "grijs",
7691
+ "cool-grey",
7719
7692
  "300"
7720
7693
  ]
7721
7694
  },
@@ -7730,17 +7703,17 @@ module.exports = {
7730
7703
  "value": "#94A3B8",
7731
7704
  "type": "color"
7732
7705
  },
7733
- "name": "rhcColorGrijs400",
7706
+ "name": "rhcColorCoolGrey400",
7734
7707
  "attributes": {
7735
7708
  "category": "rhc",
7736
7709
  "type": "color",
7737
- "item": "grijs",
7710
+ "item": "cool-grey",
7738
7711
  "subitem": "400"
7739
7712
  },
7740
7713
  "path": [
7741
7714
  "rhc",
7742
7715
  "color",
7743
- "grijs",
7716
+ "cool-grey",
7744
7717
  "400"
7745
7718
  ]
7746
7719
  },
@@ -7755,17 +7728,17 @@ module.exports = {
7755
7728
  "value": "#64748B",
7756
7729
  "type": "color"
7757
7730
  },
7758
- "name": "rhcColorGrijs500",
7731
+ "name": "rhcColorCoolGrey500",
7759
7732
  "attributes": {
7760
7733
  "category": "rhc",
7761
7734
  "type": "color",
7762
- "item": "grijs",
7735
+ "item": "cool-grey",
7763
7736
  "subitem": "500"
7764
7737
  },
7765
7738
  "path": [
7766
7739
  "rhc",
7767
7740
  "color",
7768
- "grijs",
7741
+ "cool-grey",
7769
7742
  "500"
7770
7743
  ]
7771
7744
  },
@@ -7780,17 +7753,17 @@ module.exports = {
7780
7753
  "value": "#475569",
7781
7754
  "type": "color"
7782
7755
  },
7783
- "name": "rhcColorGrijs600",
7756
+ "name": "rhcColorCoolGrey600",
7784
7757
  "attributes": {
7785
7758
  "category": "rhc",
7786
7759
  "type": "color",
7787
- "item": "grijs",
7760
+ "item": "cool-grey",
7788
7761
  "subitem": "600"
7789
7762
  },
7790
7763
  "path": [
7791
7764
  "rhc",
7792
7765
  "color",
7793
- "grijs",
7766
+ "cool-grey",
7794
7767
  "600"
7795
7768
  ]
7796
7769
  },
@@ -7805,17 +7778,17 @@ module.exports = {
7805
7778
  "value": "#334155",
7806
7779
  "type": "color"
7807
7780
  },
7808
- "name": "rhcColorGrijs700",
7781
+ "name": "rhcColorCoolGrey700",
7809
7782
  "attributes": {
7810
7783
  "category": "rhc",
7811
7784
  "type": "color",
7812
- "item": "grijs",
7785
+ "item": "cool-grey",
7813
7786
  "subitem": "700"
7814
7787
  },
7815
7788
  "path": [
7816
7789
  "rhc",
7817
7790
  "color",
7818
- "grijs",
7791
+ "cool-grey",
7819
7792
  "700"
7820
7793
  ]
7821
7794
  },
@@ -7830,17 +7803,17 @@ module.exports = {
7830
7803
  "value": "#1E293B",
7831
7804
  "type": "color"
7832
7805
  },
7833
- "name": "rhcColorGrijs800",
7806
+ "name": "rhcColorCoolGrey800",
7834
7807
  "attributes": {
7835
7808
  "category": "rhc",
7836
7809
  "type": "color",
7837
- "item": "grijs",
7810
+ "item": "cool-grey",
7838
7811
  "subitem": "800"
7839
7812
  },
7840
7813
  "path": [
7841
7814
  "rhc",
7842
7815
  "color",
7843
- "grijs",
7816
+ "cool-grey",
7844
7817
  "800"
7845
7818
  ]
7846
7819
  },
@@ -7855,17 +7828,17 @@ module.exports = {
7855
7828
  "value": "#0F172A",
7856
7829
  "type": "color"
7857
7830
  },
7858
- "name": "rhcColorGrijs900",
7831
+ "name": "rhcColorCoolGrey900",
7859
7832
  "attributes": {
7860
7833
  "category": "rhc",
7861
7834
  "type": "color",
7862
- "item": "grijs",
7835
+ "item": "cool-grey",
7863
7836
  "subitem": "900"
7864
7837
  },
7865
7838
  "path": [
7866
7839
  "rhc",
7867
7840
  "color",
7868
- "grijs",
7841
+ "cool-grey",
7869
7842
  "900"
7870
7843
  ]
7871
7844
  }
@@ -12039,12 +12012,12 @@ module.exports = {
12039
12012
  ]
12040
12013
  },
12041
12014
  "color": {
12042
- "value": "#154273",
12015
+ "value": "#0F172A",
12043
12016
  "type": "color",
12044
12017
  "filePath": "src/generated/base.tokens.json",
12045
12018
  "isSource": true,
12046
12019
  "original": {
12047
- "value": "#154273",
12020
+ "value": "#0F172A",
12048
12021
  "type": "color"
12049
12022
  },
12050
12023
  "name": "utrechtUnorderedListColor",
@@ -12216,12 +12189,12 @@ module.exports = {
12216
12189
  },
12217
12190
  "marker": {
12218
12191
  "color": {
12219
- "value": "#154273",
12192
+ "value": "#0F172A",
12220
12193
  "type": "color",
12221
12194
  "filePath": "src/generated/base.tokens.json",
12222
12195
  "isSource": true,
12223
12196
  "original": {
12224
- "value": "#154273",
12197
+ "value": "#0F172A",
12225
12198
  "type": "color"
12226
12199
  },
12227
12200
  "name": "utrechtUnorderedListMarkerColor",
@@ -12239,12 +12212,12 @@ module.exports = {
12239
12212
  ]
12240
12213
  },
12241
12214
  "border-color": {
12242
- "value": "#154273",
12215
+ "value": "#0F172A",
12243
12216
  "type": "color",
12244
12217
  "filePath": "src/generated/base.tokens.json",
12245
12218
  "isSource": true,
12246
12219
  "original": {
12247
- "value": "#154273",
12220
+ "value": "#0F172A",
12248
12221
  "type": "color"
12249
12222
  },
12250
12223
  "name": "utrechtUnorderedListMarkerBorderColor",
@@ -12517,12 +12490,12 @@ module.exports = {
12517
12490
  ]
12518
12491
  },
12519
12492
  "color": {
12520
- "value": "#154273",
12493
+ "value": "#0F172A",
12521
12494
  "type": "color",
12522
12495
  "filePath": "src/generated/base.tokens.json",
12523
12496
  "isSource": true,
12524
12497
  "original": {
12525
- "value": "#154273",
12498
+ "value": "#0F172A",
12526
12499
  "type": "color"
12527
12500
  },
12528
12501
  "name": "utrechtTextboxColor",
@@ -12585,12 +12558,12 @@ module.exports = {
12585
12558
  ]
12586
12559
  },
12587
12560
  "color": {
12588
- "value": "#154273",
12561
+ "value": "#0F172A",
12589
12562
  "type": "color",
12590
12563
  "filePath": "src/generated/base.tokens.json",
12591
12564
  "isSource": true,
12592
12565
  "original": {
12593
- "value": "#154273",
12566
+ "value": "#0F172A",
12594
12567
  "type": "color"
12595
12568
  },
12596
12569
  "name": "utrechtTextboxInvalidColor",
@@ -12769,12 +12742,12 @@ module.exports = {
12769
12742
  ]
12770
12743
  },
12771
12744
  "color": {
12772
- "value": "#154273",
12745
+ "value": "#0F172A",
12773
12746
  "type": "color",
12774
12747
  "filePath": "src/generated/base.tokens.json",
12775
12748
  "isSource": true,
12776
12749
  "original": {
12777
- "value": "#154273",
12750
+ "value": "#0F172A",
12778
12751
  "type": "color"
12779
12752
  },
12780
12753
  "name": "utrechtTextboxFocusColor",
@@ -12911,12 +12884,12 @@ module.exports = {
12911
12884
  ]
12912
12885
  },
12913
12886
  "color": {
12914
- "value": "#154273",
12887
+ "value": "#0F172A",
12915
12888
  "type": "color",
12916
12889
  "filePath": "src/generated/base.tokens.json",
12917
12890
  "isSource": true,
12918
12891
  "original": {
12919
- "value": "#154273",
12892
+ "value": "#0F172A",
12920
12893
  "type": "color"
12921
12894
  },
12922
12895
  "name": "utrechtTextboxReadOnlyColor",
@@ -13005,12 +12978,12 @@ module.exports = {
13005
12978
  ]
13006
12979
  },
13007
12980
  "color": {
13008
- "value": "#154273",
12981
+ "value": "#0F172A",
13009
12982
  "type": "color",
13010
12983
  "filePath": "src/generated/base.tokens.json",
13011
12984
  "isSource": true,
13012
12985
  "original": {
13013
- "value": "#154273",
12986
+ "value": "#0F172A",
13014
12987
  "type": "color"
13015
12988
  },
13016
12989
  "name": "utrechtTextboxHoverColor",
@@ -13178,12 +13151,12 @@ module.exports = {
13178
13151
  ]
13179
13152
  },
13180
13153
  "color": {
13181
- "value": "#154273",
13154
+ "value": "#0F172A",
13182
13155
  "type": "color",
13183
13156
  "filePath": "src/generated/base.tokens.json",
13184
13157
  "isSource": true,
13185
13158
  "original": {
13186
- "value": "#154273",
13159
+ "value": "#0F172A",
13187
13160
  "type": "color"
13188
13161
  },
13189
13162
  "name": "utrechtTextareaColor",
@@ -13246,12 +13219,12 @@ module.exports = {
13246
13219
  ]
13247
13220
  },
13248
13221
  "color": {
13249
- "value": "#154273",
13222
+ "value": "#0F172A",
13250
13223
  "type": "color",
13251
13224
  "filePath": "src/generated/base.tokens.json",
13252
13225
  "isSource": true,
13253
13226
  "original": {
13254
- "value": "#154273",
13227
+ "value": "#0F172A",
13255
13228
  "type": "color"
13256
13229
  },
13257
13230
  "name": "utrechtTextareaInvalidColor",
@@ -13365,12 +13338,12 @@ module.exports = {
13365
13338
  ]
13366
13339
  },
13367
13340
  "color": {
13368
- "value": "#154273",
13341
+ "value": "#0F172A",
13369
13342
  "type": "color",
13370
13343
  "filePath": "src/generated/base.tokens.json",
13371
13344
  "isSource": true,
13372
13345
  "original": {
13373
- "value": "#154273",
13346
+ "value": "#0F172A",
13374
13347
  "type": "color"
13375
13348
  },
13376
13349
  "name": "utrechtTextareaFocusColor",
@@ -13530,12 +13503,12 @@ module.exports = {
13530
13503
  ]
13531
13504
  },
13532
13505
  "color": {
13533
- "value": "#154273",
13506
+ "value": "#0F172A",
13534
13507
  "type": "color",
13535
13508
  "filePath": "src/generated/base.tokens.json",
13536
13509
  "isSource": true,
13537
13510
  "original": {
13538
- "value": "#154273",
13511
+ "value": "#0F172A",
13539
13512
  "type": "color"
13540
13513
  },
13541
13514
  "name": "utrechtTextareaReadOnlyColor",
@@ -13601,12 +13574,12 @@ module.exports = {
13601
13574
  ]
13602
13575
  },
13603
13576
  "color": {
13604
- "value": "#154273",
13577
+ "value": "#0F172A",
13605
13578
  "type": "color",
13606
13579
  "filePath": "src/generated/base.tokens.json",
13607
13580
  "isSource": true,
13608
13581
  "original": {
13609
- "value": "#154273",
13582
+ "value": "#0F172A",
13610
13583
  "type": "color"
13611
13584
  },
13612
13585
  "name": "utrechtTextareaHoverColor",
@@ -13821,12 +13794,12 @@ module.exports = {
13821
13794
  ]
13822
13795
  },
13823
13796
  "color": {
13824
- "value": "#154273",
13797
+ "value": "#0F172A",
13825
13798
  "type": "color",
13826
13799
  "filePath": "src/generated/base.tokens.json",
13827
13800
  "isSource": true,
13828
13801
  "original": {
13829
- "value": "#154273",
13802
+ "value": "#0F172A",
13830
13803
  "type": "color"
13831
13804
  },
13832
13805
  "name": "utrechtTableHeaderCellColor",
@@ -13961,12 +13934,12 @@ module.exports = {
13961
13934
  ]
13962
13935
  },
13963
13936
  "color": {
13964
- "value": "#154273",
13937
+ "value": "#0F172A",
13965
13938
  "type": "color",
13966
13939
  "filePath": "src/generated/base.tokens.json",
13967
13940
  "isSource": true,
13968
13941
  "original": {
13969
- "value": "#154273",
13942
+ "value": "#0F172A",
13970
13943
  "type": "color"
13971
13944
  },
13972
13945
  "name": "utrechtTableCaptionColor",
@@ -14172,12 +14145,12 @@ module.exports = {
14172
14145
  },
14173
14146
  "data-cell": {
14174
14147
  "color": {
14175
- "value": "#154273",
14148
+ "value": "#0F172A",
14176
14149
  "type": "color",
14177
14150
  "filePath": "src/generated/base.tokens.json",
14178
14151
  "isSource": true,
14179
14152
  "original": {
14180
- "value": "#154273",
14153
+ "value": "#0F172A",
14181
14154
  "type": "color"
14182
14155
  },
14183
14156
  "name": "utrechtTableDataCellColor",
@@ -14548,12 +14521,12 @@ module.exports = {
14548
14521
  ]
14549
14522
  },
14550
14523
  "color": {
14551
- "value": "#154273",
14524
+ "value": "#0F172A",
14552
14525
  "type": "color",
14553
14526
  "filePath": "src/generated/base.tokens.json",
14554
14527
  "isSource": true,
14555
14528
  "original": {
14556
- "value": "#154273",
14529
+ "value": "#0F172A",
14557
14530
  "type": "color"
14558
14531
  },
14559
14532
  "name": "utrechtTableFooterCellColor",
@@ -15071,12 +15044,12 @@ module.exports = {
15071
15044
  ]
15072
15045
  },
15073
15046
  "color": {
15074
- "value": "#154273",
15047
+ "value": "#0F172A",
15075
15048
  "type": "color",
15076
15049
  "filePath": "src/generated/base.tokens.json",
15077
15050
  "isSource": true,
15078
15051
  "original": {
15079
- "value": "#154273",
15052
+ "value": "#0F172A",
15080
15053
  "type": "color"
15081
15054
  },
15082
15055
  "name": "utrechtSelectColor",
@@ -15139,12 +15112,12 @@ module.exports = {
15139
15112
  ]
15140
15113
  },
15141
15114
  "color": {
15142
- "value": "#154273",
15115
+ "value": "#0F172A",
15143
15116
  "type": "color",
15144
15117
  "filePath": "src/generated/base.tokens.json",
15145
15118
  "isSource": true,
15146
15119
  "original": {
15147
- "value": "#154273",
15120
+ "value": "#0F172A",
15148
15121
  "type": "color"
15149
15122
  },
15150
15123
  "name": "utrechtSelectInvalidColor",
@@ -15233,12 +15206,12 @@ module.exports = {
15233
15206
  ]
15234
15207
  },
15235
15208
  "color": {
15236
- "value": "#154273",
15209
+ "value": "#0F172A",
15237
15210
  "type": "color",
15238
15211
  "filePath": "src/generated/base.tokens.json",
15239
15212
  "isSource": true,
15240
15213
  "original": {
15241
- "value": "#154273",
15214
+ "value": "#0F172A",
15242
15215
  "type": "color"
15243
15216
  },
15244
15217
  "name": "utrechtSelectFocusColor",
@@ -15398,12 +15371,12 @@ module.exports = {
15398
15371
  ]
15399
15372
  },
15400
15373
  "color": {
15401
- "value": "#154273",
15374
+ "value": "#0F172A",
15402
15375
  "type": "color",
15403
15376
  "filePath": "src/generated/base.tokens.json",
15404
15377
  "isSource": true,
15405
15378
  "original": {
15406
- "value": "#154273",
15379
+ "value": "#0F172A",
15407
15380
  "type": "color"
15408
15381
  },
15409
15382
  "name": "utrechtSelectHoverColor",
@@ -16663,12 +16636,12 @@ module.exports = {
16663
16636
  },
16664
16637
  "pre-heading": {
16665
16638
  "color": {
16666
- "value": "#154273",
16639
+ "value": "#0F172A",
16667
16640
  "type": "color",
16668
16641
  "filePath": "src/generated/base.tokens.json",
16669
16642
  "isSource": true,
16670
16643
  "original": {
16671
- "value": "#154273",
16644
+ "value": "#0F172A",
16672
16645
  "type": "color"
16673
16646
  },
16674
16647
  "name": "utrechtPreHeadingColor",
@@ -16925,12 +16898,12 @@ module.exports = {
16925
16898
  }
16926
16899
  },
16927
16900
  "color": {
16928
- "value": "#154273",
16901
+ "value": "#0F172A",
16929
16902
  "type": "color",
16930
16903
  "filePath": "src/generated/base.tokens.json",
16931
16904
  "isSource": true,
16932
16905
  "original": {
16933
- "value": "#154273",
16906
+ "value": "#0F172A",
16934
16907
  "type": "color"
16935
16908
  },
16936
16909
  "name": "utrechtOrderedListColor",
@@ -17713,12 +17686,12 @@ module.exports = {
17713
17686
  },
17714
17687
  "form-label": {
17715
17688
  "color": {
17716
- "value": "#154273",
17689
+ "value": "#0F172A",
17717
17690
  "type": "color",
17718
17691
  "filePath": "src/generated/base.tokens.json",
17719
17692
  "isSource": true,
17720
17693
  "original": {
17721
- "value": "#154273",
17694
+ "value": "#0F172A",
17722
17695
  "type": "color"
17723
17696
  },
17724
17697
  "name": "utrechtFormLabelColor",
@@ -17778,12 +17751,12 @@ module.exports = {
17778
17751
  },
17779
17752
  "form-field-label": {
17780
17753
  "color": {
17781
- "value": "#154273",
17754
+ "value": "#0F172A",
17782
17755
  "type": "color",
17783
17756
  "filePath": "src/generated/base.tokens.json",
17784
17757
  "isSource": true,
17785
17758
  "original": {
17786
- "value": "#154273",
17759
+ "value": "#0F172A",
17787
17760
  "type": "color"
17788
17761
  },
17789
17762
  "name": "utrechtFormFieldLabelColor",
@@ -18786,12 +18759,12 @@ module.exports = {
18786
18759
  "form-fieldset": {
18787
18760
  "legend": {
18788
18761
  "color": {
18789
- "value": "#154273",
18762
+ "value": "#0F172A",
18790
18763
  "type": "color",
18791
18764
  "filePath": "src/generated/base.tokens.json",
18792
18765
  "isSource": true,
18793
18766
  "original": {
18794
- "value": "#154273",
18767
+ "value": "#0F172A",
18795
18768
  "type": "color"
18796
18769
  },
18797
18770
  "name": "utrechtFormFieldsetLegendColor",
@@ -18955,12 +18928,12 @@ module.exports = {
18955
18928
  ]
18956
18929
  },
18957
18930
  "color": {
18958
- "value": "#154273",
18931
+ "value": "#0F172A",
18959
18932
  "type": "color",
18960
18933
  "filePath": "src/generated/base.tokens.json",
18961
18934
  "isSource": true,
18962
18935
  "original": {
18963
- "value": "#154273",
18936
+ "value": "#0F172A",
18964
18937
  "type": "color"
18965
18938
  },
18966
18939
  "name": "utrechtFormFieldsetSectionColor",
@@ -23539,12 +23512,12 @@ module.exports = {
23539
23512
  ]
23540
23513
  },
23541
23514
  "color": {
23542
- "value": "#154273",
23515
+ "value": "#0F172A",
23543
23516
  "type": "color",
23544
23517
  "filePath": "src/generated/base.tokens.json",
23545
23518
  "isSource": true,
23546
23519
  "original": {
23547
- "value": "#154273",
23520
+ "value": "#0F172A",
23548
23521
  "type": "color"
23549
23522
  },
23550
23523
  "name": "utrechtBlockquoteContentColor",
@@ -24734,12 +24707,12 @@ module.exports = {
24734
24707
  ]
24735
24708
  },
24736
24709
  "color": {
24737
- "value": "#154273",
24710
+ "value": "#0F172A",
24738
24711
  "type": "color",
24739
24712
  "filePath": "src/generated/base.tokens.json",
24740
24713
  "isSource": true,
24741
24714
  "original": {
24742
- "value": "#154273",
24715
+ "value": "#0F172A",
24743
24716
  "type": "color"
24744
24717
  },
24745
24718
  "name": "utrechtAlertColor",
@@ -24802,12 +24775,12 @@ module.exports = {
24802
24775
  ]
24803
24776
  },
24804
24777
  "color": {
24805
- "value": "#154273",
24778
+ "value": "#0F172A",
24806
24779
  "type": "color",
24807
24780
  "filePath": "src/generated/base.tokens.json",
24808
24781
  "isSource": true,
24809
24782
  "original": {
24810
- "value": "#154273",
24783
+ "value": "#0F172A",
24811
24784
  "type": "color"
24812
24785
  },
24813
24786
  "name": "utrechtAlertInfoColor",
@@ -24873,12 +24846,12 @@ module.exports = {
24873
24846
  ]
24874
24847
  },
24875
24848
  "color": {
24876
- "value": "#154273",
24849
+ "value": "#0F172A",
24877
24850
  "type": "color",
24878
24851
  "filePath": "src/generated/base.tokens.json",
24879
24852
  "isSource": true,
24880
24853
  "original": {
24881
- "value": "#154273",
24854
+ "value": "#0F172A",
24882
24855
  "type": "color"
24883
24856
  },
24884
24857
  "name": "utrechtAlertErrorColor",
@@ -24944,12 +24917,12 @@ module.exports = {
24944
24917
  ]
24945
24918
  },
24946
24919
  "color": {
24947
- "value": "#154273",
24920
+ "value": "#0F172A",
24948
24921
  "type": "color",
24949
24922
  "filePath": "src/generated/base.tokens.json",
24950
24923
  "isSource": true,
24951
24924
  "original": {
24952
- "value": "#154273",
24925
+ "value": "#0F172A",
24953
24926
  "type": "color"
24954
24927
  },
24955
24928
  "name": "utrechtAlertOkColor",
@@ -25015,12 +24988,12 @@ module.exports = {
25015
24988
  ]
25016
24989
  },
25017
24990
  "color": {
25018
- "value": "#154273",
24991
+ "value": "#0F172A",
25019
24992
  "type": "color",
25020
24993
  "filePath": "src/generated/base.tokens.json",
25021
24994
  "isSource": true,
25022
24995
  "original": {
25023
- "value": "#154273",
24996
+ "value": "#0F172A",
25024
24997
  "type": "color"
25025
24998
  },
25026
24999
  "name": "utrechtAlertWarningColor",
@@ -25508,12 +25481,12 @@ module.exports = {
25508
25481
  ]
25509
25482
  },
25510
25483
  "color": {
25511
- "value": "#154273",
25484
+ "value": "#0F172A",
25512
25485
  "type": "color",
25513
25486
  "filePath": "src/generated/base.tokens.json",
25514
25487
  "isSource": true,
25515
25488
  "original": {
25516
- "value": "#154273",
25489
+ "value": "#0F172A",
25517
25490
  "type": "color"
25518
25491
  },
25519
25492
  "name": "utrechtAccordionButtonHoverColor",
@@ -25603,12 +25576,12 @@ module.exports = {
25603
25576
  ]
25604
25577
  },
25605
25578
  "color": {
25606
- "value": "#154273",
25579
+ "value": "#0F172A",
25607
25580
  "type": "color",
25608
25581
  "filePath": "src/generated/base.tokens.json",
25609
25582
  "isSource": true,
25610
25583
  "original": {
25611
- "value": "#154273",
25584
+ "value": "#0F172A",
25612
25585
  "type": "color"
25613
25586
  },
25614
25587
  "name": "utrechtAccordionButtonColor",
@@ -25677,12 +25650,12 @@ module.exports = {
25677
25650
  ]
25678
25651
  },
25679
25652
  "color": {
25680
- "value": "#154273",
25653
+ "value": "#0F172A",
25681
25654
  "type": "color",
25682
25655
  "filePath": "src/generated/base.tokens.json",
25683
25656
  "isSource": true,
25684
25657
  "original": {
25685
- "value": "#154273",
25658
+ "value": "#0F172A",
25686
25659
  "type": "color"
25687
25660
  },
25688
25661
  "name": "utrechtAccordionButtonFocusColor",
@@ -25754,12 +25727,12 @@ module.exports = {
25754
25727
  ]
25755
25728
  },
25756
25729
  "color": {
25757
- "value": "#154273",
25730
+ "value": "#0F172A",
25758
25731
  "type": "color",
25759
25732
  "filePath": "src/generated/base.tokens.json",
25760
25733
  "isSource": true,
25761
25734
  "original": {
25762
- "value": "#154273",
25735
+ "value": "#0F172A",
25763
25736
  "type": "color"
25764
25737
  },
25765
25738
  "name": "utrechtAccordionButtonActiveColor",
@@ -25829,12 +25802,12 @@ module.exports = {
25829
25802
  ]
25830
25803
  },
25831
25804
  "color": {
25832
- "value": "#000",
25805
+ "value": "#0F172A",
25833
25806
  "type": "color",
25834
25807
  "filePath": "src/generated/base.tokens.json",
25835
25808
  "isSource": true,
25836
25809
  "original": {
25837
- "value": "#000",
25810
+ "value": "#0F172A",
25838
25811
  "type": "color"
25839
25812
  },
25840
25813
  "name": "utrechtDocumentColor",
@@ -26502,12 +26475,12 @@ module.exports = {
26502
26475
  ]
26503
26476
  },
26504
26477
  "color": {
26505
- "value": "#154273",
26478
+ "value": "#0F172A",
26506
26479
  "type": "color",
26507
26480
  "filePath": "src/generated/base.tokens.json",
26508
26481
  "isSource": true,
26509
26482
  "original": {
26510
- "value": "#154273",
26483
+ "value": "#0F172A",
26511
26484
  "type": "color"
26512
26485
  },
26513
26486
  "name": "nlSkipLinkFocusColor",
@@ -26819,12 +26792,12 @@ module.exports = {
26819
26792
  },
26820
26793
  "paragraph": {
26821
26794
  "color": {
26822
- "value": "#154273",
26795
+ "value": "#0F172A",
26823
26796
  "type": "color",
26824
26797
  "filePath": "src/generated/base.tokens.json",
26825
26798
  "isSource": true,
26826
26799
  "original": {
26827
- "value": "#154273",
26800
+ "value": "#0F172A",
26828
26801
  "type": "color"
26829
26802
  },
26830
26803
  "name": "nlParagraphColor",
@@ -26967,12 +26940,12 @@ module.exports = {
26967
26940
  },
26968
26941
  "lead": {
26969
26942
  "color": {
26970
- "value": "#154273",
26943
+ "value": "#0F172A",
26971
26944
  "type": "color",
26972
26945
  "filePath": "src/generated/base.tokens.json",
26973
26946
  "isSource": true,
26974
26947
  "original": {
26975
- "value": "#154273",
26948
+ "value": "#0F172A",
26976
26949
  "type": "color"
26977
26950
  },
26978
26951
  "name": "nlParagraphLeadColor",
@@ -27058,100 +27031,6 @@ module.exports = {
27058
27031
  "line-height"
27059
27032
  ]
27060
27033
  }
27061
- },
27062
- "small": {
27063
- "color": {
27064
- "value": "#154273",
27065
- "type": "color",
27066
- "filePath": "src/generated/base.tokens.json",
27067
- "isSource": true,
27068
- "original": {
27069
- "value": "#154273",
27070
- "type": "color"
27071
- },
27072
- "name": "nlParagraphSmallColor",
27073
- "attributes": {
27074
- "category": "nl",
27075
- "type": "paragraph",
27076
- "item": "small",
27077
- "subitem": "color"
27078
- },
27079
- "path": [
27080
- "nl",
27081
- "paragraph",
27082
- "small",
27083
- "color"
27084
- ]
27085
- },
27086
- "font-size": {
27087
- "value": "1.125rem",
27088
- "type": "fontSizes",
27089
- "filePath": "src/generated/base.tokens.json",
27090
- "isSource": true,
27091
- "original": {
27092
- "value": "1.125rem",
27093
- "type": "fontSizes"
27094
- },
27095
- "name": "nlParagraphSmallFontSize",
27096
- "attributes": {
27097
- "category": "nl",
27098
- "type": "paragraph",
27099
- "item": "small",
27100
- "subitem": "font-size"
27101
- },
27102
- "path": [
27103
- "nl",
27104
- "paragraph",
27105
- "small",
27106
- "font-size"
27107
- ]
27108
- },
27109
- "font-weight": {
27110
- "value": 400,
27111
- "type": "fontWeights",
27112
- "filePath": "src/generated/base.tokens.json",
27113
- "isSource": true,
27114
- "original": {
27115
- "value": 400,
27116
- "type": "fontWeights"
27117
- },
27118
- "name": "nlParagraphSmallFontWeight",
27119
- "attributes": {
27120
- "category": "nl",
27121
- "type": "paragraph",
27122
- "item": "small",
27123
- "subitem": "font-weight"
27124
- },
27125
- "path": [
27126
- "nl",
27127
- "paragraph",
27128
- "small",
27129
- "font-weight"
27130
- ]
27131
- },
27132
- "line-height": {
27133
- "value": "150%",
27134
- "type": "lineHeights",
27135
- "filePath": "src/generated/base.tokens.json",
27136
- "isSource": true,
27137
- "original": {
27138
- "value": "150%",
27139
- "type": "lineHeights"
27140
- },
27141
- "name": "nlParagraphSmallLineHeight",
27142
- "attributes": {
27143
- "category": "nl",
27144
- "type": "paragraph",
27145
- "item": "small",
27146
- "subitem": "line-height"
27147
- },
27148
- "path": [
27149
- "nl",
27150
- "paragraph",
27151
- "small",
27152
- "line-height"
27153
- ]
27154
- }
27155
27034
  }
27156
27035
  },
27157
27036
  "heading-level-1": {