@utrecht/design-tokens 2.4.0 → 2.5.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 (62) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/_mixin-theme.scss +41 -13
  3. package/dist/_mixin.scss +41 -13
  4. package/dist/_variables.scss +41 -13
  5. package/dist/dark/_mixin-theme.scss +41 -13
  6. package/dist/dark/_mixin.scss +41 -13
  7. package/dist/dark/_variables.scss +41 -13
  8. package/dist/dark/index.cjs +42 -14
  9. package/dist/dark/index.css +41 -13
  10. package/dist/dark/index.d.ts +35 -7
  11. package/dist/dark/index.flat.json +40 -12
  12. package/dist/dark/index.json +909 -181
  13. package/dist/dark/index.mjs +41 -13
  14. package/dist/dark/index.tokens.json +123 -212
  15. package/dist/dark/list.json +909 -181
  16. package/dist/dark/list.mjs +909 -181
  17. package/dist/dark/property.css +19 -6
  18. package/dist/dark/root.css +40 -12
  19. package/dist/dark/theme-prince-xml.css +41 -13
  20. package/dist/dark/theme.css +40 -12
  21. package/dist/dark/tokens.cjs +842 -231
  22. package/dist/dark/tokens.d.ts +78 -106
  23. package/dist/dark/tokens.json +842 -231
  24. package/dist/dark/variables.cjs +42 -14
  25. package/dist/dark/variables.css +40 -12
  26. package/dist/dark/variables.d.ts +35 -7
  27. package/dist/dark/variables.json +40 -12
  28. package/dist/dark/variables.less +41 -13
  29. package/dist/dark/variables.mjs +41 -13
  30. package/dist/index.cjs +42 -14
  31. package/dist/index.css +82 -26
  32. package/dist/index.d.ts +35 -7
  33. package/dist/index.flat.json +40 -12
  34. package/dist/index.json +903 -175
  35. package/dist/index.mjs +41 -13
  36. package/dist/index.tokens.json +123 -212
  37. package/dist/list.json +903 -175
  38. package/dist/list.mjs +903 -175
  39. package/dist/property.css +19 -6
  40. package/dist/root.css +40 -12
  41. package/dist/theme-prince-xml.css +41 -13
  42. package/dist/theme.css +40 -12
  43. package/dist/tokens.cjs +842 -231
  44. package/dist/tokens.d.ts +78 -106
  45. package/dist/tokens.json +842 -231
  46. package/dist/variables.cjs +42 -14
  47. package/dist/variables.css +40 -12
  48. package/dist/variables.d.ts +35 -7
  49. package/dist/variables.json +40 -12
  50. package/dist/variables.less +41 -13
  51. package/dist/variables.mjs +41 -13
  52. package/package.json +1 -1
  53. package/src/component/signalen/signalen.tokens.json +17 -0
  54. package/src/component/utrecht/body.tokens.json +11 -0
  55. package/src/component/utrecht/link-list.tokens.json +3 -0
  56. package/src/component/utrecht/nav-bar.tokens.json +0 -2
  57. package/src/component/utrecht/page-body.tokens.json +19 -0
  58. package/src/component/utrecht/page-footer.tokens.json +6 -4
  59. package/src/component/utrecht/page-header.tokens.json +14 -4
  60. package/src/component/utrecht/page.tokens.json +2 -2
  61. package/src/component/utrecht/root.tokens.json +8 -0
  62. package/project.json +0 -25
package/dist/tokens.json CHANGED
@@ -3575,9 +3575,36 @@
3575
3575
  "syntax": "*",
3576
3576
  "inherits": true
3577
3577
  },
3578
- "nl.nldesignsystem.figma.supports-token": true
3578
+ "nl.nldesignsystem.figma.supports-token": true,
3579
+ "studio.tokens": {
3580
+ "originalType": "fontFamilies"
3581
+ }
3579
3582
  },
3580
- "type": "fontFamilies"
3583
+ "type": "fontFamily",
3584
+ "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
3585
+ "filePath": "src/component/utrecht/body.tokens.json",
3586
+ "isSource": true,
3587
+ "original": {
3588
+ "$extensions": {
3589
+ "nl.nldesignsystem.css.property": {
3590
+ "syntax": "*",
3591
+ "inherits": true
3592
+ },
3593
+ "nl.nldesignsystem.figma.supports-token": true,
3594
+ "studio.tokens": {
3595
+ "originalType": "fontFamilies"
3596
+ }
3597
+ },
3598
+ "type": "fontFamily",
3599
+ "value": "{utrecht.typography.sans-serif.font-family}"
3600
+ },
3601
+ "name": "utrechtBodyFontFamily",
3602
+ "attributes": {},
3603
+ "path": [
3604
+ "utrecht",
3605
+ "body",
3606
+ "font-family"
3607
+ ]
3581
3608
  },
3582
3609
  "font-size": {
3583
3610
  "$extensions": {
@@ -3585,9 +3612,36 @@
3585
3612
  "syntax": "<length>",
3586
3613
  "inherits": true
3587
3614
  },
3588
- "nl.nldesignsystem.figma.supports-token": true
3615
+ "nl.nldesignsystem.figma.supports-token": true,
3616
+ "studio.tokens": {
3617
+ "originalType": "fontSizes"
3618
+ }
3589
3619
  },
3590
- "type": "fontSizes"
3620
+ "type": "fontSize",
3621
+ "value": "1rem",
3622
+ "filePath": "src/component/utrecht/body.tokens.json",
3623
+ "isSource": true,
3624
+ "original": {
3625
+ "$extensions": {
3626
+ "nl.nldesignsystem.css.property": {
3627
+ "syntax": "<length>",
3628
+ "inherits": true
3629
+ },
3630
+ "nl.nldesignsystem.figma.supports-token": true,
3631
+ "studio.tokens": {
3632
+ "originalType": "fontSizes"
3633
+ }
3634
+ },
3635
+ "type": "fontSize",
3636
+ "value": "{utrecht.typography.scale.md.font-size}"
3637
+ },
3638
+ "name": "utrechtBodyFontSize",
3639
+ "attributes": {},
3640
+ "path": [
3641
+ "utrecht",
3642
+ "body",
3643
+ "font-size"
3644
+ ]
3591
3645
  },
3592
3646
  "font-weight": {
3593
3647
  "$extensions": {
@@ -3608,9 +3662,69 @@
3608
3662
  ],
3609
3663
  "inherits": true
3610
3664
  },
3611
- "nl.nldesignsystem.figma.supports-token": true
3665
+ "nl.nldesignsystem.figma.supports-token": true,
3666
+ "studio.tokens": {
3667
+ "originalType": "lineHeights"
3668
+ }
3612
3669
  },
3613
- "type": "lineHeights"
3670
+ "type": "lineHeight",
3671
+ "value": "1.4",
3672
+ "filePath": "src/component/utrecht/body.tokens.json",
3673
+ "isSource": true,
3674
+ "original": {
3675
+ "$extensions": {
3676
+ "nl.nldesignsystem.css.property": {
3677
+ "syntax": [
3678
+ "<length>",
3679
+ "<number>"
3680
+ ],
3681
+ "inherits": true
3682
+ },
3683
+ "nl.nldesignsystem.figma.supports-token": true,
3684
+ "studio.tokens": {
3685
+ "originalType": "lineHeights"
3686
+ }
3687
+ },
3688
+ "type": "lineHeight",
3689
+ "value": "1.4"
3690
+ },
3691
+ "name": "utrechtBodyLineHeight",
3692
+ "attributes": {},
3693
+ "path": [
3694
+ "utrecht",
3695
+ "body",
3696
+ "line-height"
3697
+ ]
3698
+ },
3699
+ "background-color": {
3700
+ "value": "hsl(0 0% 100%)",
3701
+ "filePath": "src/component/utrecht/body.tokens.json",
3702
+ "isSource": true,
3703
+ "original": {
3704
+ "value": "{utrecht.color.white}"
3705
+ },
3706
+ "name": "utrechtBodyBackgroundColor",
3707
+ "attributes": {},
3708
+ "path": [
3709
+ "utrecht",
3710
+ "body",
3711
+ "background-color"
3712
+ ]
3713
+ },
3714
+ "color": {
3715
+ "value": "hsl(0 0% 0%)",
3716
+ "filePath": "src/component/utrecht/body.tokens.json",
3717
+ "isSource": true,
3718
+ "original": {
3719
+ "value": "{utrecht.color.black}"
3720
+ },
3721
+ "name": "utrechtBodyColor",
3722
+ "attributes": {},
3723
+ "path": [
3724
+ "utrecht",
3725
+ "body",
3726
+ "color"
3727
+ ]
3614
3728
  }
3615
3729
  },
3616
3730
  "breadcrumb-nav": {
@@ -18723,7 +18837,7 @@
18723
18837
  "syntax": "<length>",
18724
18838
  "inherits": true
18725
18839
  },
18726
- "nl.nldesignsystem.figma.supports-token": true,
18840
+ "nl.nldesignsystem.figma.supports-token": false,
18727
18841
  "studio.tokens": {
18728
18842
  "originalType": "spacing"
18729
18843
  }
@@ -18738,7 +18852,7 @@
18738
18852
  "syntax": "<length>",
18739
18853
  "inherits": true
18740
18854
  },
18741
- "nl.nldesignsystem.figma.supports-token": true,
18855
+ "nl.nldesignsystem.figma.supports-token": false,
18742
18856
  "studio.tokens": {
18743
18857
  "originalType": "spacing"
18744
18858
  }
@@ -18760,7 +18874,7 @@
18760
18874
  "syntax": "<length>",
18761
18875
  "inherits": true
18762
18876
  },
18763
- "nl.nldesignsystem.figma.supports-token": true,
18877
+ "nl.nldesignsystem.figma.supports-token": false,
18764
18878
  "studio.tokens": {
18765
18879
  "originalType": "spacing"
18766
18880
  }
@@ -18775,7 +18889,7 @@
18775
18889
  "syntax": "<length>",
18776
18890
  "inherits": true
18777
18891
  },
18778
- "nl.nldesignsystem.figma.supports-token": true,
18892
+ "nl.nldesignsystem.figma.supports-token": false,
18779
18893
  "studio.tokens": {
18780
18894
  "originalType": "spacing"
18781
18895
  }
@@ -18797,7 +18911,7 @@
18797
18911
  "syntax": "<length>",
18798
18912
  "inherits": true
18799
18913
  },
18800
- "nl.nldesignsystem.figma.supports-token": true,
18914
+ "nl.nldesignsystem.figma.supports-token": false,
18801
18915
  "studio.tokens": {
18802
18916
  "originalType": "spacing"
18803
18917
  }
@@ -18812,7 +18926,7 @@
18812
18926
  "syntax": "<length>",
18813
18927
  "inherits": true
18814
18928
  },
18815
- "nl.nldesignsystem.figma.supports-token": true,
18929
+ "nl.nldesignsystem.figma.supports-token": false,
18816
18930
  "studio.tokens": {
18817
18931
  "originalType": "spacing"
18818
18932
  }
@@ -18834,7 +18948,7 @@
18834
18948
  "syntax": "<length>",
18835
18949
  "inherits": true
18836
18950
  },
18837
- "nl.nldesignsystem.figma.supports-token": true,
18951
+ "nl.nldesignsystem.figma.supports-token": false,
18838
18952
  "studio.tokens": {
18839
18953
  "originalType": "spacing"
18840
18954
  }
@@ -18849,7 +18963,7 @@
18849
18963
  "syntax": "<length>",
18850
18964
  "inherits": true
18851
18965
  },
18852
- "nl.nldesignsystem.figma.supports-token": true,
18966
+ "nl.nldesignsystem.figma.supports-token": false,
18853
18967
  "studio.tokens": {
18854
18968
  "originalType": "spacing"
18855
18969
  }
@@ -21513,9 +21627,37 @@
21513
21627
  "syntax": "<length>",
21514
21628
  "inherits": true
21515
21629
  },
21516
- "nl.nldesignsystem.figma.supports-token": true
21630
+ "nl.nldesignsystem.figma.supports-token": true,
21631
+ "studio.tokens": {
21632
+ "originalType": "spacing"
21633
+ }
21517
21634
  },
21518
- "type": "spacing"
21635
+ "type": "dimension",
21636
+ "value": "0.15em",
21637
+ "filePath": "src/component/utrecht/link-list.tokens.json",
21638
+ "isSource": true,
21639
+ "original": {
21640
+ "$extensions": {
21641
+ "nl.nldesignsystem.css.property": {
21642
+ "syntax": "<length>",
21643
+ "inherits": true
21644
+ },
21645
+ "nl.nldesignsystem.figma.supports-token": true,
21646
+ "studio.tokens": {
21647
+ "originalType": "spacing"
21648
+ }
21649
+ },
21650
+ "type": "dimension",
21651
+ "value": "0.15em"
21652
+ },
21653
+ "name": "utrechtLinkListIconInsetBlockStart",
21654
+ "attributes": {},
21655
+ "path": [
21656
+ "utrecht",
21657
+ "link-list",
21658
+ "icon",
21659
+ "inset-block-start"
21660
+ ]
21519
21661
  }
21520
21662
  }
21521
21663
  },
@@ -24425,28 +24567,7 @@
24425
24567
  },
24426
24568
  "nl.nldesignsystem.figma.supports-token": false
24427
24569
  },
24428
- "type": "color",
24429
- "value": "hsl(0 0% 100%)",
24430
- "filePath": "src/component/utrecht/nav-bar.tokens.json",
24431
- "isSource": true,
24432
- "original": {
24433
- "$extensions": {
24434
- "nl.nldesignsystem.css.property": {
24435
- "syntax": "<color>",
24436
- "inherits": true
24437
- },
24438
- "nl.nldesignsystem.figma.supports-token": false
24439
- },
24440
- "type": "color",
24441
- "value": "{utrecht.color.white}"
24442
- },
24443
- "name": "utrechtNavBarBackgroundColor",
24444
- "attributes": {},
24445
- "path": [
24446
- "utrecht",
24447
- "nav-bar",
24448
- "background-color"
24449
- ]
24570
+ "type": "color"
24450
24571
  },
24451
24572
  "color": {
24452
24573
  "$extensions": {
@@ -24456,28 +24577,7 @@
24456
24577
  },
24457
24578
  "nl.nldesignsystem.figma.supports-token": false
24458
24579
  },
24459
- "type": "color",
24460
- "value": "hsl(0 0% 0%)",
24461
- "filePath": "src/component/utrecht/nav-bar.tokens.json",
24462
- "isSource": true,
24463
- "original": {
24464
- "$extensions": {
24465
- "nl.nldesignsystem.css.property": {
24466
- "syntax": "<color>",
24467
- "inherits": true
24468
- },
24469
- "nl.nldesignsystem.figma.supports-token": false
24470
- },
24471
- "type": "color",
24472
- "value": "{utrecht.color.black}"
24473
- },
24474
- "name": "utrechtNavBarColor",
24475
- "attributes": {},
24476
- "path": [
24477
- "utrecht",
24478
- "nav-bar",
24479
- "color"
24480
- ]
24580
+ "type": "color"
24481
24581
  },
24482
24582
  "content": {
24483
24583
  "background-color": {
@@ -25793,7 +25893,29 @@
25793
25893
  },
25794
25894
  "nl.nldesignsystem.figma.supports-token": false
25795
25895
  },
25796
- "type": "color"
25896
+ "type": "color",
25897
+ "value": "hsl(0 0% 100%)",
25898
+ "filePath": "src/component/utrecht/page-body.tokens.json",
25899
+ "isSource": true,
25900
+ "original": {
25901
+ "$extensions": {
25902
+ "nl.nldesignsystem.css.property": {
25903
+ "syntax": "<color>",
25904
+ "inherits": true
25905
+ },
25906
+ "nl.nldesignsystem.figma.supports-token": false
25907
+ },
25908
+ "type": "color",
25909
+ "value": "{utrecht.color.white}"
25910
+ },
25911
+ "name": "utrechtPageBodyContentBackgroundColor",
25912
+ "attributes": {},
25913
+ "path": [
25914
+ "utrecht",
25915
+ "page-body",
25916
+ "content",
25917
+ "background-color"
25918
+ ]
25797
25919
  },
25798
25920
  "color": {
25799
25921
  "$extensions": {
@@ -25803,7 +25925,29 @@
25803
25925
  },
25804
25926
  "nl.nldesignsystem.figma.supports-token": false
25805
25927
  },
25806
- "type": "color"
25928
+ "type": "color",
25929
+ "value": "hsl(0 0% 0%)",
25930
+ "filePath": "src/component/utrecht/page-body.tokens.json",
25931
+ "isSource": true,
25932
+ "original": {
25933
+ "$extensions": {
25934
+ "nl.nldesignsystem.css.property": {
25935
+ "syntax": "<color>",
25936
+ "inherits": true
25937
+ },
25938
+ "nl.nldesignsystem.figma.supports-token": false
25939
+ },
25940
+ "type": "color",
25941
+ "value": "{utrecht.color.black}"
25942
+ },
25943
+ "name": "utrechtPageBodyContentColor",
25944
+ "attributes": {},
25945
+ "path": [
25946
+ "utrecht",
25947
+ "page-body",
25948
+ "content",
25949
+ "color"
25950
+ ]
25807
25951
  },
25808
25952
  "padding-block-start": {
25809
25953
  "$extensions": {
@@ -25811,9 +25955,37 @@
25811
25955
  "syntax": "<length>",
25812
25956
  "inherits": true
25813
25957
  },
25814
- "nl.nldesignsystem.figma.supports-token": false
25958
+ "nl.nldesignsystem.figma.supports-token": false,
25959
+ "studio.tokens": {
25960
+ "originalType": "spacing"
25961
+ }
25815
25962
  },
25816
- "type": "spacing"
25963
+ "type": "dimension",
25964
+ "value": "0",
25965
+ "filePath": "src/component/utrecht/page-body.tokens.json",
25966
+ "isSource": true,
25967
+ "original": {
25968
+ "$extensions": {
25969
+ "nl.nldesignsystem.css.property": {
25970
+ "syntax": "<length>",
25971
+ "inherits": true
25972
+ },
25973
+ "nl.nldesignsystem.figma.supports-token": false,
25974
+ "studio.tokens": {
25975
+ "originalType": "spacing"
25976
+ }
25977
+ },
25978
+ "type": "dimension",
25979
+ "value": "0"
25980
+ },
25981
+ "name": "utrechtPageBodyContentPaddingBlockStart",
25982
+ "attributes": {},
25983
+ "path": [
25984
+ "utrecht",
25985
+ "page-body",
25986
+ "content",
25987
+ "padding-block-start"
25988
+ ]
25817
25989
  },
25818
25990
  "padding-block-end": {
25819
25991
  "$extensions": {
@@ -25821,9 +25993,37 @@
25821
25993
  "syntax": "<length>",
25822
25994
  "inherits": true
25823
25995
  },
25824
- "nl.nldesignsystem.figma.supports-token": false
25996
+ "nl.nldesignsystem.figma.supports-token": false,
25997
+ "studio.tokens": {
25998
+ "originalType": "spacing"
25999
+ }
25825
26000
  },
25826
- "type": "spacing"
26001
+ "type": "dimension",
26002
+ "value": "1em",
26003
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26004
+ "isSource": true,
26005
+ "original": {
26006
+ "$extensions": {
26007
+ "nl.nldesignsystem.css.property": {
26008
+ "syntax": "<length>",
26009
+ "inherits": true
26010
+ },
26011
+ "nl.nldesignsystem.figma.supports-token": false,
26012
+ "studio.tokens": {
26013
+ "originalType": "spacing"
26014
+ }
26015
+ },
26016
+ "type": "dimension",
26017
+ "value": "1em"
26018
+ },
26019
+ "name": "utrechtPageBodyContentPaddingBlockEnd",
26020
+ "attributes": {},
26021
+ "path": [
26022
+ "utrecht",
26023
+ "page-body",
26024
+ "content",
26025
+ "padding-block-end"
26026
+ ]
25827
26027
  },
25828
26028
  "padding-inline-start": {
25829
26029
  "$extensions": {
@@ -25831,9 +26031,37 @@
25831
26031
  "syntax": "<length>",
25832
26032
  "inherits": true
25833
26033
  },
25834
- "nl.nldesignsystem.figma.supports-token": false
26034
+ "nl.nldesignsystem.figma.supports-token": false,
26035
+ "studio.tokens": {
26036
+ "originalType": "spacing"
26037
+ }
25835
26038
  },
25836
- "type": "spacing"
26039
+ "type": "dimension",
26040
+ "value": "2em",
26041
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26042
+ "isSource": true,
26043
+ "original": {
26044
+ "$extensions": {
26045
+ "nl.nldesignsystem.css.property": {
26046
+ "syntax": "<length>",
26047
+ "inherits": true
26048
+ },
26049
+ "nl.nldesignsystem.figma.supports-token": false,
26050
+ "studio.tokens": {
26051
+ "originalType": "spacing"
26052
+ }
26053
+ },
26054
+ "type": "dimension",
26055
+ "value": "2em"
26056
+ },
26057
+ "name": "utrechtPageBodyContentPaddingInlineStart",
26058
+ "attributes": {},
26059
+ "path": [
26060
+ "utrecht",
26061
+ "page-body",
26062
+ "content",
26063
+ "padding-inline-start"
26064
+ ]
25837
26065
  },
25838
26066
  "padding-inine-end": {
25839
26067
  "$extensions": {
@@ -25844,7 +26072,99 @@
25844
26072
  "nl.nldesignsystem.figma.supports-token": false
25845
26073
  },
25846
26074
  "type": "spacing"
26075
+ },
26076
+ "max-inline-size": {
26077
+ "value": "1184px",
26078
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26079
+ "isSource": true,
26080
+ "original": {
26081
+ "value": "1184px"
26082
+ },
26083
+ "name": "utrechtPageBodyContentMaxInlineSize",
26084
+ "attributes": {},
26085
+ "path": [
26086
+ "utrecht",
26087
+ "page-body",
26088
+ "content",
26089
+ "max-inline-size"
26090
+ ]
26091
+ },
26092
+ "padding-inline-end": {
26093
+ "value": "2.4em",
26094
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26095
+ "isSource": true,
26096
+ "original": {
26097
+ "value": "2.4em"
26098
+ },
26099
+ "name": "utrechtPageBodyContentPaddingInlineEnd",
26100
+ "attributes": {},
26101
+ "path": [
26102
+ "utrecht",
26103
+ "page-body",
26104
+ "content",
26105
+ "padding-inline-end"
26106
+ ]
25847
26107
  }
26108
+ },
26109
+ "padding-inline-end": {
26110
+ "value": "0",
26111
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26112
+ "isSource": true,
26113
+ "original": {
26114
+ "value": "0"
26115
+ },
26116
+ "name": "utrechtPageBodyPaddingInlineEnd",
26117
+ "attributes": {},
26118
+ "path": [
26119
+ "utrecht",
26120
+ "page-body",
26121
+ "padding-inline-end"
26122
+ ]
26123
+ },
26124
+ "padding-inline-start": {
26125
+ "value": "0",
26126
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26127
+ "isSource": true,
26128
+ "original": {
26129
+ "value": "0"
26130
+ },
26131
+ "name": "utrechtPageBodyPaddingInlineStart",
26132
+ "attributes": {},
26133
+ "path": [
26134
+ "utrecht",
26135
+ "page-body",
26136
+ "padding-inline-start"
26137
+ ]
26138
+ },
26139
+ "padding-block-end": {
26140
+ "value": "0",
26141
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26142
+ "isSource": true,
26143
+ "original": {
26144
+ "value": "0"
26145
+ },
26146
+ "name": "utrechtPageBodyPaddingBlockEnd",
26147
+ "attributes": {},
26148
+ "path": [
26149
+ "utrecht",
26150
+ "page-body",
26151
+ "padding-block-end"
26152
+ ]
26153
+ },
26154
+ "padding-block-start": {
26155
+ "value": "0",
26156
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26157
+ "isSource": true,
26158
+ "original": {
26159
+ "value": "0"
26160
+ },
26161
+ "name": "utrechtPageBodyPaddingBlockStart",
26162
+ "attributes": {},
26163
+ "path": [
26164
+ "utrecht",
26165
+ "page-body",
26166
+ "padding-block-start"
26167
+ ]
25848
26168
  }
25849
26169
  },
25850
26170
  "page-content": {
@@ -26043,36 +26363,9 @@
26043
26363
  "syntax": "<length>",
26044
26364
  "inherits": true
26045
26365
  },
26046
- "nl.nldesignsystem.figma.supports-token": false,
26047
- "studio.tokens": {
26048
- "originalType": "spacing"
26049
- }
26050
- },
26051
- "type": "dimension",
26052
- "value": "28px",
26053
- "filePath": "src/component/utrecht/page-footer.tokens.json",
26054
- "isSource": true,
26055
- "original": {
26056
- "$extensions": {
26057
- "nl.nldesignsystem.css.property": {
26058
- "syntax": "<length>",
26059
- "inherits": true
26060
- },
26061
- "nl.nldesignsystem.figma.supports-token": false,
26062
- "studio.tokens": {
26063
- "originalType": "spacing"
26064
- }
26065
- },
26066
- "type": "dimension",
26067
- "value": "{utrecht.space.inline.2xl}"
26366
+ "nl.nldesignsystem.figma.supports-token": false
26068
26367
  },
26069
- "name": "utrechtPageFooterPaddingInlineEnd",
26070
- "attributes": {},
26071
- "path": [
26072
- "utrecht",
26073
- "page-footer",
26074
- "padding-inline-end"
26075
- ]
26368
+ "type": "spacing"
26076
26369
  },
26077
26370
  "padding-inline-start": {
26078
26371
  "$extensions": {
@@ -26080,36 +26373,9 @@
26080
26373
  "syntax": "<length>",
26081
26374
  "inherits": true
26082
26375
  },
26083
- "nl.nldesignsystem.figma.supports-token": false,
26084
- "studio.tokens": {
26085
- "originalType": "spacing"
26086
- }
26087
- },
26088
- "type": "dimension",
26089
- "value": "28px",
26090
- "filePath": "src/component/utrecht/page-footer.tokens.json",
26091
- "isSource": true,
26092
- "original": {
26093
- "$extensions": {
26094
- "nl.nldesignsystem.css.property": {
26095
- "syntax": "<length>",
26096
- "inherits": true
26097
- },
26098
- "nl.nldesignsystem.figma.supports-token": false,
26099
- "studio.tokens": {
26100
- "originalType": "spacing"
26101
- }
26102
- },
26103
- "type": "dimension",
26104
- "value": "{utrecht.space.inline.2xl}"
26376
+ "nl.nldesignsystem.figma.supports-token": false
26105
26377
  },
26106
- "name": "utrechtPageFooterPaddingInlineStart",
26107
- "attributes": {},
26108
- "path": [
26109
- "utrecht",
26110
- "page-footer",
26111
- "padding-inline-start"
26112
- ]
26378
+ "type": "spacing"
26113
26379
  },
26114
26380
  "padding-block-end": {
26115
26381
  "$extensions": {
@@ -26117,36 +26383,9 @@
26117
26383
  "syntax": "<length>",
26118
26384
  "inherits": true
26119
26385
  },
26120
- "nl.nldesignsystem.figma.supports-token": false,
26121
- "studio.tokens": {
26122
- "originalType": "spacing"
26123
- }
26124
- },
26125
- "type": "dimension",
26126
- "value": "48px",
26127
- "filePath": "src/component/utrecht/page-footer.tokens.json",
26128
- "isSource": true,
26129
- "original": {
26130
- "$extensions": {
26131
- "nl.nldesignsystem.css.property": {
26132
- "syntax": "<length>",
26133
- "inherits": true
26134
- },
26135
- "nl.nldesignsystem.figma.supports-token": false,
26136
- "studio.tokens": {
26137
- "originalType": "spacing"
26138
- }
26139
- },
26140
- "type": "dimension",
26141
- "value": "{utrecht.space.block.3xl}"
26386
+ "nl.nldesignsystem.figma.supports-token": false
26142
26387
  },
26143
- "name": "utrechtPageFooterPaddingBlockEnd",
26144
- "attributes": {},
26145
- "path": [
26146
- "utrecht",
26147
- "page-footer",
26148
- "padding-block-end"
26149
- ]
26388
+ "type": "spacing"
26150
26389
  },
26151
26390
  "padding-block-start": {
26152
26391
  "$extensions": {
@@ -26154,36 +26393,9 @@
26154
26393
  "syntax": "<length>",
26155
26394
  "inherits": true
26156
26395
  },
26157
- "nl.nldesignsystem.figma.supports-token": false,
26158
- "studio.tokens": {
26159
- "originalType": "spacing"
26160
- }
26161
- },
26162
- "type": "dimension",
26163
- "value": "48px",
26164
- "filePath": "src/component/utrecht/page-footer.tokens.json",
26165
- "isSource": true,
26166
- "original": {
26167
- "$extensions": {
26168
- "nl.nldesignsystem.css.property": {
26169
- "syntax": "<length>",
26170
- "inherits": true
26171
- },
26172
- "nl.nldesignsystem.figma.supports-token": false,
26173
- "studio.tokens": {
26174
- "originalType": "spacing"
26175
- }
26176
- },
26177
- "type": "dimension",
26178
- "value": "{utrecht.space.block.3xl}"
26396
+ "nl.nldesignsystem.figma.supports-token": false
26179
26397
  },
26180
- "name": "utrechtPageFooterPaddingBlockStart",
26181
- "attributes": {},
26182
- "path": [
26183
- "utrecht",
26184
- "page-footer",
26185
- "padding-block-start"
26186
- ]
26398
+ "type": "spacing"
26187
26399
  },
26188
26400
  "content": {
26189
26401
  "color": {
@@ -26232,9 +26444,37 @@
26232
26444
  "syntax": "<length>",
26233
26445
  "inherits": true
26234
26446
  },
26235
- "nl.nldesignsystem.figma.supports-token": false
26447
+ "nl.nldesignsystem.figma.supports-token": false,
26448
+ "studio.tokens": {
26449
+ "originalType": "spacing"
26450
+ }
26236
26451
  },
26237
- "type": "spacing"
26452
+ "type": "dimension",
26453
+ "value": "48px",
26454
+ "filePath": "src/component/utrecht/page-footer.tokens.json",
26455
+ "isSource": true,
26456
+ "original": {
26457
+ "$extensions": {
26458
+ "nl.nldesignsystem.css.property": {
26459
+ "syntax": "<length>",
26460
+ "inherits": true
26461
+ },
26462
+ "nl.nldesignsystem.figma.supports-token": false,
26463
+ "studio.tokens": {
26464
+ "originalType": "spacing"
26465
+ }
26466
+ },
26467
+ "type": "dimension",
26468
+ "value": "{utrecht.space.block.3xl}"
26469
+ },
26470
+ "name": "utrechtPageFooterContentPaddingBlockEnd",
26471
+ "attributes": {},
26472
+ "path": [
26473
+ "utrecht",
26474
+ "page-footer",
26475
+ "content",
26476
+ "padding-block-end"
26477
+ ]
26238
26478
  },
26239
26479
  "padding-block-start": {
26240
26480
  "$extensions": {
@@ -26242,9 +26482,69 @@
26242
26482
  "syntax": "<length>",
26243
26483
  "inherits": true
26244
26484
  },
26245
- "nl.nldesignsystem.figma.supports-token": false
26485
+ "nl.nldesignsystem.figma.supports-token": false,
26486
+ "studio.tokens": {
26487
+ "originalType": "spacing"
26488
+ }
26246
26489
  },
26247
- "type": "spacing"
26490
+ "type": "dimension",
26491
+ "value": "48px",
26492
+ "filePath": "src/component/utrecht/page-footer.tokens.json",
26493
+ "isSource": true,
26494
+ "original": {
26495
+ "$extensions": {
26496
+ "nl.nldesignsystem.css.property": {
26497
+ "syntax": "<length>",
26498
+ "inherits": true
26499
+ },
26500
+ "nl.nldesignsystem.figma.supports-token": false,
26501
+ "studio.tokens": {
26502
+ "originalType": "spacing"
26503
+ }
26504
+ },
26505
+ "type": "dimension",
26506
+ "value": "{utrecht.space.block.3xl}"
26507
+ },
26508
+ "name": "utrechtPageFooterContentPaddingBlockStart",
26509
+ "attributes": {},
26510
+ "path": [
26511
+ "utrecht",
26512
+ "page-footer",
26513
+ "content",
26514
+ "padding-block-start"
26515
+ ]
26516
+ },
26517
+ "max-inline-size": {
26518
+ "value": "1184px",
26519
+ "filePath": "src/component/utrecht/page-footer.tokens.json",
26520
+ "isSource": true,
26521
+ "original": {
26522
+ "value": "1184px"
26523
+ },
26524
+ "name": "utrechtPageFooterContentMaxInlineSize",
26525
+ "attributes": {},
26526
+ "path": [
26527
+ "utrecht",
26528
+ "page-footer",
26529
+ "content",
26530
+ "max-inline-size"
26531
+ ]
26532
+ },
26533
+ "padding-inline": {
26534
+ "value": "28px",
26535
+ "filePath": "src/component/utrecht/page-footer.tokens.json",
26536
+ "isSource": true,
26537
+ "original": {
26538
+ "value": "{utrecht.space.inline.2xl}"
26539
+ },
26540
+ "name": "utrechtPageFooterContentPaddingInline",
26541
+ "attributes": {},
26542
+ "path": [
26543
+ "utrecht",
26544
+ "page-footer",
26545
+ "content",
26546
+ "padding-inline"
26547
+ ]
26248
26548
  }
26249
26549
  }
26250
26550
  },
@@ -26291,7 +26591,7 @@
26291
26591
  }
26292
26592
  },
26293
26593
  "type": "dimension",
26294
- "value": "1.8em",
26594
+ "value": "0",
26295
26595
  "filePath": "src/component/utrecht/page-header.tokens.json",
26296
26596
  "isSource": true,
26297
26597
  "original": {
@@ -26306,7 +26606,7 @@
26306
26606
  }
26307
26607
  },
26308
26608
  "type": "dimension",
26309
- "value": "1.8em"
26609
+ "value": "0"
26310
26610
  },
26311
26611
  "name": "utrechtPageHeaderPaddingBlockStart",
26312
26612
  "attributes": {},
@@ -26328,7 +26628,7 @@
26328
26628
  }
26329
26629
  },
26330
26630
  "type": "dimension",
26331
- "value": "1em",
26631
+ "value": "0",
26332
26632
  "filePath": "src/component/utrecht/page-header.tokens.json",
26333
26633
  "isSource": true,
26334
26634
  "original": {
@@ -26343,7 +26643,7 @@
26343
26643
  }
26344
26644
  },
26345
26645
  "type": "dimension",
26346
- "value": "1em"
26646
+ "value": "0"
26347
26647
  },
26348
26648
  "name": "utrechtPageHeaderPaddingBlockEnd",
26349
26649
  "attributes": {},
@@ -26365,7 +26665,7 @@
26365
26665
  }
26366
26666
  },
26367
26667
  "type": "dimension",
26368
- "value": "2em",
26668
+ "value": "0",
26369
26669
  "filePath": "src/component/utrecht/page-header.tokens.json",
26370
26670
  "isSource": true,
26371
26671
  "original": {
@@ -26380,7 +26680,7 @@
26380
26680
  }
26381
26681
  },
26382
26682
  "type": "dimension",
26383
- "value": "2em"
26683
+ "value": "0"
26384
26684
  },
26385
26685
  "name": "utrechtPageHeaderPaddingInlineStart",
26386
26686
  "attributes": {},
@@ -26402,7 +26702,7 @@
26402
26702
  }
26403
26703
  },
26404
26704
  "type": "dimension",
26405
- "value": "2.4em",
26705
+ "value": "0",
26406
26706
  "filePath": "src/component/utrecht/page-header.tokens.json",
26407
26707
  "isSource": true,
26408
26708
  "original": {
@@ -26417,7 +26717,7 @@
26417
26717
  }
26418
26718
  },
26419
26719
  "type": "dimension",
26420
- "value": "2.4em"
26720
+ "value": "0"
26421
26721
  },
26422
26722
  "name": "utrechtPageHeaderPaddingInlineEnd",
26423
26723
  "attributes": {},
@@ -26436,7 +26736,29 @@
26436
26736
  },
26437
26737
  "nl.nldesignsystem.figma.supports-token": false
26438
26738
  },
26439
- "type": "color"
26739
+ "type": "color",
26740
+ "value": "hsl(0 0% 100%)",
26741
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26742
+ "isSource": true,
26743
+ "original": {
26744
+ "$extensions": {
26745
+ "nl.nldesignsystem.css.property": {
26746
+ "syntax": "<color>",
26747
+ "inherits": true
26748
+ },
26749
+ "nl.nldesignsystem.figma.supports-token": false
26750
+ },
26751
+ "type": "color",
26752
+ "value": "{utrecht.color.white}"
26753
+ },
26754
+ "name": "utrechtPageHeaderContentBackgroundColor",
26755
+ "attributes": {},
26756
+ "path": [
26757
+ "utrecht",
26758
+ "page-header",
26759
+ "content",
26760
+ "background-color"
26761
+ ]
26440
26762
  },
26441
26763
  "color": {
26442
26764
  "$extensions": {
@@ -26446,7 +26768,29 @@
26446
26768
  },
26447
26769
  "nl.nldesignsystem.figma.supports-token": false
26448
26770
  },
26449
- "type": "color"
26771
+ "type": "color",
26772
+ "value": "hsl(0 0% 0%)",
26773
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26774
+ "isSource": true,
26775
+ "original": {
26776
+ "$extensions": {
26777
+ "nl.nldesignsystem.css.property": {
26778
+ "syntax": "<color>",
26779
+ "inherits": true
26780
+ },
26781
+ "nl.nldesignsystem.figma.supports-token": false
26782
+ },
26783
+ "type": "color",
26784
+ "value": "{utrecht.color.black}"
26785
+ },
26786
+ "name": "utrechtPageHeaderContentColor",
26787
+ "attributes": {},
26788
+ "path": [
26789
+ "utrecht",
26790
+ "page-header",
26791
+ "content",
26792
+ "color"
26793
+ ]
26450
26794
  },
26451
26795
  "padding-block-start": {
26452
26796
  "$extensions": {
@@ -26454,9 +26798,37 @@
26454
26798
  "syntax": "<length>",
26455
26799
  "inherits": true
26456
26800
  },
26457
- "nl.nldesignsystem.figma.supports-token": false
26801
+ "nl.nldesignsystem.figma.supports-token": false,
26802
+ "studio.tokens": {
26803
+ "originalType": "spacing"
26804
+ }
26458
26805
  },
26459
- "type": "spacing"
26806
+ "type": "dimension",
26807
+ "value": "1.8em",
26808
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26809
+ "isSource": true,
26810
+ "original": {
26811
+ "$extensions": {
26812
+ "nl.nldesignsystem.css.property": {
26813
+ "syntax": "<length>",
26814
+ "inherits": true
26815
+ },
26816
+ "nl.nldesignsystem.figma.supports-token": false,
26817
+ "studio.tokens": {
26818
+ "originalType": "spacing"
26819
+ }
26820
+ },
26821
+ "type": "dimension",
26822
+ "value": "1.8em"
26823
+ },
26824
+ "name": "utrechtPageHeaderContentPaddingBlockStart",
26825
+ "attributes": {},
26826
+ "path": [
26827
+ "utrecht",
26828
+ "page-header",
26829
+ "content",
26830
+ "padding-block-start"
26831
+ ]
26460
26832
  },
26461
26833
  "padding-block-end": {
26462
26834
  "$extensions": {
@@ -26464,9 +26836,37 @@
26464
26836
  "syntax": "<length>",
26465
26837
  "inherits": true
26466
26838
  },
26467
- "nl.nldesignsystem.figma.supports-token": false
26839
+ "nl.nldesignsystem.figma.supports-token": false,
26840
+ "studio.tokens": {
26841
+ "originalType": "spacing"
26842
+ }
26468
26843
  },
26469
- "type": "spacing"
26844
+ "type": "dimension",
26845
+ "value": "1em",
26846
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26847
+ "isSource": true,
26848
+ "original": {
26849
+ "$extensions": {
26850
+ "nl.nldesignsystem.css.property": {
26851
+ "syntax": "<length>",
26852
+ "inherits": true
26853
+ },
26854
+ "nl.nldesignsystem.figma.supports-token": false,
26855
+ "studio.tokens": {
26856
+ "originalType": "spacing"
26857
+ }
26858
+ },
26859
+ "type": "dimension",
26860
+ "value": "1em"
26861
+ },
26862
+ "name": "utrechtPageHeaderContentPaddingBlockEnd",
26863
+ "attributes": {},
26864
+ "path": [
26865
+ "utrecht",
26866
+ "page-header",
26867
+ "content",
26868
+ "padding-block-end"
26869
+ ]
26470
26870
  },
26471
26871
  "padding-inline-start": {
26472
26872
  "$extensions": {
@@ -26474,9 +26874,39 @@
26474
26874
  "syntax": "<length>",
26475
26875
  "inherits": true
26476
26876
  },
26477
- "nl.nldesignsystem.figma.supports-token": false
26877
+ "nl.nldesignsystem.figma.supports-token": false,
26878
+ "studio.tokens": {
26879
+ "originalType": "spacing"
26880
+ }
26478
26881
  },
26479
- "type": "spacing"
26882
+ "type": "dimension",
26883
+ "value": "2em",
26884
+ "$comment": "Legacy design token",
26885
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26886
+ "isSource": true,
26887
+ "original": {
26888
+ "$extensions": {
26889
+ "nl.nldesignsystem.css.property": {
26890
+ "syntax": "<length>",
26891
+ "inherits": true
26892
+ },
26893
+ "nl.nldesignsystem.figma.supports-token": false,
26894
+ "studio.tokens": {
26895
+ "originalType": "spacing"
26896
+ }
26897
+ },
26898
+ "type": "dimension",
26899
+ "value": "2em",
26900
+ "$comment": "Legacy design token"
26901
+ },
26902
+ "name": "utrechtPageHeaderContentPaddingInlineStart",
26903
+ "attributes": {},
26904
+ "path": [
26905
+ "utrecht",
26906
+ "page-header",
26907
+ "content",
26908
+ "padding-inline-start"
26909
+ ]
26480
26910
  },
26481
26911
  "padding-inline-end": {
26482
26912
  "$extensions": {
@@ -26484,9 +26914,71 @@
26484
26914
  "syntax": "<length>",
26485
26915
  "inherits": true
26486
26916
  },
26487
- "nl.nldesignsystem.figma.supports-token": false
26917
+ "nl.nldesignsystem.figma.supports-token": false,
26918
+ "studio.tokens": {
26919
+ "originalType": "spacing"
26920
+ }
26488
26921
  },
26489
- "type": "spacing"
26922
+ "type": "dimension",
26923
+ "value": "2.4em",
26924
+ "$comment": "Legacy design token",
26925
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26926
+ "isSource": true,
26927
+ "original": {
26928
+ "$extensions": {
26929
+ "nl.nldesignsystem.css.property": {
26930
+ "syntax": "<length>",
26931
+ "inherits": true
26932
+ },
26933
+ "nl.nldesignsystem.figma.supports-token": false,
26934
+ "studio.tokens": {
26935
+ "originalType": "spacing"
26936
+ }
26937
+ },
26938
+ "type": "dimension",
26939
+ "value": "2.4em",
26940
+ "$comment": "Legacy design token"
26941
+ },
26942
+ "name": "utrechtPageHeaderContentPaddingInlineEnd",
26943
+ "attributes": {},
26944
+ "path": [
26945
+ "utrecht",
26946
+ "page-header",
26947
+ "content",
26948
+ "padding-inline-end"
26949
+ ]
26950
+ },
26951
+ "max-inline-size": {
26952
+ "value": "1184px",
26953
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26954
+ "isSource": true,
26955
+ "original": {
26956
+ "value": "1184px"
26957
+ },
26958
+ "name": "utrechtPageHeaderContentMaxInlineSize",
26959
+ "attributes": {},
26960
+ "path": [
26961
+ "utrecht",
26962
+ "page-header",
26963
+ "content",
26964
+ "max-inline-size"
26965
+ ]
26966
+ },
26967
+ "padding-inline": {
26968
+ "value": "2em",
26969
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26970
+ "isSource": true,
26971
+ "original": {
26972
+ "value": "2em"
26973
+ },
26974
+ "name": "utrechtPageHeaderContentPaddingInline",
26975
+ "attributes": {},
26976
+ "path": [
26977
+ "utrecht",
26978
+ "page-header",
26979
+ "content",
26980
+ "padding-inline"
26981
+ ]
26490
26982
  }
26491
26983
  }
26492
26984
  },
@@ -26681,11 +27173,11 @@
26681
27173
  ]
26682
27174
  },
26683
27175
  "padding-inline-end": {
26684
- "value": "2em",
27176
+ "value": "0",
26685
27177
  "filePath": "src/component/utrecht/page.tokens.json",
26686
27178
  "isSource": true,
26687
27179
  "original": {
26688
- "value": "2em"
27180
+ "value": "0"
26689
27181
  },
26690
27182
  "name": "utrechtPagePaddingInlineEnd",
26691
27183
  "attributes": {},
@@ -26711,11 +27203,11 @@
26711
27203
  ]
26712
27204
  },
26713
27205
  "padding-inline-start": {
26714
- "value": "2em",
27206
+ "value": "0",
26715
27207
  "filePath": "src/component/utrecht/page.tokens.json",
26716
27208
  "isSource": true,
26717
27209
  "original": {
26718
- "value": "2em"
27210
+ "value": "0"
26719
27211
  },
26720
27212
  "name": "utrechtPagePaddingInlineStart",
26721
27213
  "attributes": {},
@@ -28865,6 +29357,37 @@
28865
29357
  "border-width"
28866
29358
  ]
28867
29359
  },
29360
+ "color": {
29361
+ "$extensions": {
29362
+ "nl.nldesignsystem.css.property": {
29363
+ "syntax": "<color>",
29364
+ "inherits": true
29365
+ },
29366
+ "nl.nldesignsystem.figma.supports-token": true
29367
+ },
29368
+ "type": "color",
29369
+ "value": "hsl(0 0% 100%)",
29370
+ "filePath": "src/component/utrecht/radio-button.tokens.json",
29371
+ "isSource": true,
29372
+ "original": {
29373
+ "$extensions": {
29374
+ "nl.nldesignsystem.css.property": {
29375
+ "syntax": "<color>",
29376
+ "inherits": true
29377
+ },
29378
+ "nl.nldesignsystem.figma.supports-token": true
29379
+ },
29380
+ "type": "color",
29381
+ "value": "{utrecht.color.white}"
29382
+ },
29383
+ "name": "utrechtRadioButtonColor",
29384
+ "attributes": {},
29385
+ "path": [
29386
+ "utrecht",
29387
+ "radio-button",
29388
+ "color"
29389
+ ]
29390
+ },
28868
29391
  "size": {
28869
29392
  "$extensions": {
28870
29393
  "nl.nldesignsystem.css.property": {
@@ -29816,26 +30339,11 @@
29816
30339
  },
29817
30340
  "nl.nldesignsystem.fallback": [
29818
30341
  "utrecht.radio-button.color"
29819
- ]
30342
+ ],
30343
+ "nl.nldesignsystem.figma.supports-token": false
29820
30344
  },
29821
- "nl.nldesignsystem.figma.supports-token": false
29822
- },
29823
- "type": "color"
29824
- },
29825
- "color": {
29826
- "value": "hsl(0 0% 100%)",
29827
- "filePath": "src/component/utrecht/radio-button.tokens.json",
29828
- "isSource": true,
29829
- "original": {
29830
- "value": "{utrecht.color.white}"
29831
- },
29832
- "name": "utrechtRadioButtonColor",
29833
- "attributes": {},
29834
- "path": [
29835
- "utrecht",
29836
- "radio-button",
29837
- "color"
29838
- ]
30345
+ "type": "color"
30346
+ }
29839
30347
  },
29840
30348
  "border-radius": {
29841
30349
  "value": "0",
@@ -30064,7 +30572,28 @@
30064
30572
  },
30065
30573
  "nl.nldesignsystem.figma.supports-token": false
30066
30574
  },
30067
- "type": "color"
30575
+ "type": "color",
30576
+ "value": "hsl(0 0% 95%)",
30577
+ "filePath": "src/component/utrecht/root.tokens.json",
30578
+ "isSource": true,
30579
+ "original": {
30580
+ "$extensions": {
30581
+ "nl.nldesignsystem.css.property": {
30582
+ "syntax": "<color>",
30583
+ "inherits": true
30584
+ },
30585
+ "nl.nldesignsystem.figma.supports-token": false
30586
+ },
30587
+ "type": "color",
30588
+ "value": "{utrecht.color.grey.95}"
30589
+ },
30590
+ "name": "utrechtRootBackgroundColor",
30591
+ "attributes": {},
30592
+ "path": [
30593
+ "utrecht",
30594
+ "root",
30595
+ "background-color"
30596
+ ]
30068
30597
  },
30069
30598
  "color": {
30070
30599
  "$extensions": {
@@ -30074,7 +30603,28 @@
30074
30603
  },
30075
30604
  "nl.nldesignsystem.figma.supports-token": false
30076
30605
  },
30077
- "type": "color"
30606
+ "type": "color",
30607
+ "value": "hsl(0 0% 10%)",
30608
+ "filePath": "src/component/utrecht/root.tokens.json",
30609
+ "isSource": true,
30610
+ "original": {
30611
+ "$extensions": {
30612
+ "nl.nldesignsystem.css.property": {
30613
+ "syntax": "<color>",
30614
+ "inherits": true
30615
+ },
30616
+ "nl.nldesignsystem.figma.supports-token": false
30617
+ },
30618
+ "type": "color",
30619
+ "value": "{utrecht.color.grey.10}"
30620
+ },
30621
+ "name": "utrechtRootColor",
30622
+ "attributes": {},
30623
+ "path": [
30624
+ "utrecht",
30625
+ "root",
30626
+ "color"
30627
+ ]
30078
30628
  },
30079
30629
  "font-family": {
30080
30630
  "$extensions": {
@@ -32263,6 +32813,16 @@
32263
32813
  },
32264
32814
  "type": "color"
32265
32815
  },
32816
+ "border-radius": {
32817
+ "$extensions": {
32818
+ "nl.nldesignsystem.css.property": {
32819
+ "syntax": "<length-percentage>",
32820
+ "inherits": true
32821
+ },
32822
+ "nl.nldesignsystem.figma.supports-token": false
32823
+ },
32824
+ "type": "borderRadius"
32825
+ },
32266
32826
  "border-width": {
32267
32827
  "$extensions": {
32268
32828
  "nl.nldesignsystem.css.property": {
@@ -40126,5 +40686,56 @@
40126
40686
  }
40127
40687
  }
40128
40688
  }
40689
+ },
40690
+ "signalen": {
40691
+ "modal-dialog": {
40692
+ "background-color": {
40693
+ "value": "hsl(0 0% 100%)",
40694
+ "filePath": "src/component/signalen/signalen.tokens.json",
40695
+ "isSource": true,
40696
+ "original": {
40697
+ "value": "{utrecht.body.background-color}"
40698
+ },
40699
+ "name": "signalenModalDialogBackgroundColor",
40700
+ "attributes": {},
40701
+ "path": [
40702
+ "signalen",
40703
+ "modal-dialog",
40704
+ "background-color"
40705
+ ]
40706
+ },
40707
+ "color": {
40708
+ "value": "hsl(0 0% 0%)",
40709
+ "filePath": "src/component/signalen/signalen.tokens.json",
40710
+ "isSource": true,
40711
+ "original": {
40712
+ "value": "{utrecht.body.color}"
40713
+ },
40714
+ "name": "signalenModalDialogColor",
40715
+ "attributes": {},
40716
+ "path": [
40717
+ "signalen",
40718
+ "modal-dialog",
40719
+ "color"
40720
+ ]
40721
+ }
40722
+ },
40723
+ "progress-bar": {
40724
+ "border-radius": {
40725
+ "value": "4px",
40726
+ "filePath": "src/component/signalen/signalen.tokens.json",
40727
+ "isSource": true,
40728
+ "original": {
40729
+ "value": "4px"
40730
+ },
40731
+ "name": "signalenProgressBarBorderRadius",
40732
+ "attributes": {},
40733
+ "path": [
40734
+ "signalen",
40735
+ "progress-bar",
40736
+ "border-radius"
40737
+ ]
40738
+ }
40739
+ }
40129
40740
  }
40130
40741
  }