@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.cjs CHANGED
@@ -3579,9 +3579,36 @@ module.exports = {
3579
3579
  "syntax": "*",
3580
3580
  "inherits": true
3581
3581
  },
3582
- "nl.nldesignsystem.figma.supports-token": true
3582
+ "nl.nldesignsystem.figma.supports-token": true,
3583
+ "studio.tokens": {
3584
+ "originalType": "fontFamilies"
3585
+ }
3583
3586
  },
3584
- "type": "fontFamilies"
3587
+ "type": "fontFamily",
3588
+ "value": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
3589
+ "filePath": "src/component/utrecht/body.tokens.json",
3590
+ "isSource": true,
3591
+ "original": {
3592
+ "$extensions": {
3593
+ "nl.nldesignsystem.css.property": {
3594
+ "syntax": "*",
3595
+ "inherits": true
3596
+ },
3597
+ "nl.nldesignsystem.figma.supports-token": true,
3598
+ "studio.tokens": {
3599
+ "originalType": "fontFamilies"
3600
+ }
3601
+ },
3602
+ "type": "fontFamily",
3603
+ "value": "{utrecht.typography.sans-serif.font-family}"
3604
+ },
3605
+ "name": "font-family",
3606
+ "attributes": {},
3607
+ "path": [
3608
+ "utrecht",
3609
+ "body",
3610
+ "font-family"
3611
+ ]
3585
3612
  },
3586
3613
  "font-size": {
3587
3614
  "$extensions": {
@@ -3589,9 +3616,36 @@ module.exports = {
3589
3616
  "syntax": "<length>",
3590
3617
  "inherits": true
3591
3618
  },
3592
- "nl.nldesignsystem.figma.supports-token": true
3619
+ "nl.nldesignsystem.figma.supports-token": true,
3620
+ "studio.tokens": {
3621
+ "originalType": "fontSizes"
3622
+ }
3593
3623
  },
3594
- "type": "fontSizes"
3624
+ "type": "fontSize",
3625
+ "value": "1rem",
3626
+ "filePath": "src/component/utrecht/body.tokens.json",
3627
+ "isSource": true,
3628
+ "original": {
3629
+ "$extensions": {
3630
+ "nl.nldesignsystem.css.property": {
3631
+ "syntax": "<length>",
3632
+ "inherits": true
3633
+ },
3634
+ "nl.nldesignsystem.figma.supports-token": true,
3635
+ "studio.tokens": {
3636
+ "originalType": "fontSizes"
3637
+ }
3638
+ },
3639
+ "type": "fontSize",
3640
+ "value": "{utrecht.typography.scale.md.font-size}"
3641
+ },
3642
+ "name": "font-size",
3643
+ "attributes": {},
3644
+ "path": [
3645
+ "utrecht",
3646
+ "body",
3647
+ "font-size"
3648
+ ]
3595
3649
  },
3596
3650
  "font-weight": {
3597
3651
  "$extensions": {
@@ -3612,9 +3666,69 @@ module.exports = {
3612
3666
  ],
3613
3667
  "inherits": true
3614
3668
  },
3615
- "nl.nldesignsystem.figma.supports-token": true
3669
+ "nl.nldesignsystem.figma.supports-token": true,
3670
+ "studio.tokens": {
3671
+ "originalType": "lineHeights"
3672
+ }
3616
3673
  },
3617
- "type": "lineHeights"
3674
+ "type": "lineHeight",
3675
+ "value": "1.4",
3676
+ "filePath": "src/component/utrecht/body.tokens.json",
3677
+ "isSource": true,
3678
+ "original": {
3679
+ "$extensions": {
3680
+ "nl.nldesignsystem.css.property": {
3681
+ "syntax": [
3682
+ "<length>",
3683
+ "<number>"
3684
+ ],
3685
+ "inherits": true
3686
+ },
3687
+ "nl.nldesignsystem.figma.supports-token": true,
3688
+ "studio.tokens": {
3689
+ "originalType": "lineHeights"
3690
+ }
3691
+ },
3692
+ "type": "lineHeight",
3693
+ "value": "1.4"
3694
+ },
3695
+ "name": "line-height",
3696
+ "attributes": {},
3697
+ "path": [
3698
+ "utrecht",
3699
+ "body",
3700
+ "line-height"
3701
+ ]
3702
+ },
3703
+ "background-color": {
3704
+ "value": "hsl(0 0% 100%)",
3705
+ "filePath": "src/component/utrecht/body.tokens.json",
3706
+ "isSource": true,
3707
+ "original": {
3708
+ "value": "{utrecht.color.white}"
3709
+ },
3710
+ "name": "background-color",
3711
+ "attributes": {},
3712
+ "path": [
3713
+ "utrecht",
3714
+ "body",
3715
+ "background-color"
3716
+ ]
3717
+ },
3718
+ "color": {
3719
+ "value": "hsl(0 0% 0%)",
3720
+ "filePath": "src/component/utrecht/body.tokens.json",
3721
+ "isSource": true,
3722
+ "original": {
3723
+ "value": "{utrecht.color.black}"
3724
+ },
3725
+ "name": "color",
3726
+ "attributes": {},
3727
+ "path": [
3728
+ "utrecht",
3729
+ "body",
3730
+ "color"
3731
+ ]
3618
3732
  }
3619
3733
  },
3620
3734
  "breadcrumb-nav": {
@@ -18727,7 +18841,7 @@ module.exports = {
18727
18841
  "syntax": "<length>",
18728
18842
  "inherits": true
18729
18843
  },
18730
- "nl.nldesignsystem.figma.supports-token": true,
18844
+ "nl.nldesignsystem.figma.supports-token": false,
18731
18845
  "studio.tokens": {
18732
18846
  "originalType": "spacing"
18733
18847
  }
@@ -18742,7 +18856,7 @@ module.exports = {
18742
18856
  "syntax": "<length>",
18743
18857
  "inherits": true
18744
18858
  },
18745
- "nl.nldesignsystem.figma.supports-token": true,
18859
+ "nl.nldesignsystem.figma.supports-token": false,
18746
18860
  "studio.tokens": {
18747
18861
  "originalType": "spacing"
18748
18862
  }
@@ -18764,7 +18878,7 @@ module.exports = {
18764
18878
  "syntax": "<length>",
18765
18879
  "inherits": true
18766
18880
  },
18767
- "nl.nldesignsystem.figma.supports-token": true,
18881
+ "nl.nldesignsystem.figma.supports-token": false,
18768
18882
  "studio.tokens": {
18769
18883
  "originalType": "spacing"
18770
18884
  }
@@ -18779,7 +18893,7 @@ module.exports = {
18779
18893
  "syntax": "<length>",
18780
18894
  "inherits": true
18781
18895
  },
18782
- "nl.nldesignsystem.figma.supports-token": true,
18896
+ "nl.nldesignsystem.figma.supports-token": false,
18783
18897
  "studio.tokens": {
18784
18898
  "originalType": "spacing"
18785
18899
  }
@@ -18801,7 +18915,7 @@ module.exports = {
18801
18915
  "syntax": "<length>",
18802
18916
  "inherits": true
18803
18917
  },
18804
- "nl.nldesignsystem.figma.supports-token": true,
18918
+ "nl.nldesignsystem.figma.supports-token": false,
18805
18919
  "studio.tokens": {
18806
18920
  "originalType": "spacing"
18807
18921
  }
@@ -18816,7 +18930,7 @@ module.exports = {
18816
18930
  "syntax": "<length>",
18817
18931
  "inherits": true
18818
18932
  },
18819
- "nl.nldesignsystem.figma.supports-token": true,
18933
+ "nl.nldesignsystem.figma.supports-token": false,
18820
18934
  "studio.tokens": {
18821
18935
  "originalType": "spacing"
18822
18936
  }
@@ -18838,7 +18952,7 @@ module.exports = {
18838
18952
  "syntax": "<length>",
18839
18953
  "inherits": true
18840
18954
  },
18841
- "nl.nldesignsystem.figma.supports-token": true,
18955
+ "nl.nldesignsystem.figma.supports-token": false,
18842
18956
  "studio.tokens": {
18843
18957
  "originalType": "spacing"
18844
18958
  }
@@ -18853,7 +18967,7 @@ module.exports = {
18853
18967
  "syntax": "<length>",
18854
18968
  "inherits": true
18855
18969
  },
18856
- "nl.nldesignsystem.figma.supports-token": true,
18970
+ "nl.nldesignsystem.figma.supports-token": false,
18857
18971
  "studio.tokens": {
18858
18972
  "originalType": "spacing"
18859
18973
  }
@@ -21517,9 +21631,37 @@ module.exports = {
21517
21631
  "syntax": "<length>",
21518
21632
  "inherits": true
21519
21633
  },
21520
- "nl.nldesignsystem.figma.supports-token": true
21634
+ "nl.nldesignsystem.figma.supports-token": true,
21635
+ "studio.tokens": {
21636
+ "originalType": "spacing"
21637
+ }
21521
21638
  },
21522
- "type": "spacing"
21639
+ "type": "dimension",
21640
+ "value": "0.15em",
21641
+ "filePath": "src/component/utrecht/link-list.tokens.json",
21642
+ "isSource": true,
21643
+ "original": {
21644
+ "$extensions": {
21645
+ "nl.nldesignsystem.css.property": {
21646
+ "syntax": "<length>",
21647
+ "inherits": true
21648
+ },
21649
+ "nl.nldesignsystem.figma.supports-token": true,
21650
+ "studio.tokens": {
21651
+ "originalType": "spacing"
21652
+ }
21653
+ },
21654
+ "type": "dimension",
21655
+ "value": "0.15em"
21656
+ },
21657
+ "name": "inset-block-start",
21658
+ "attributes": {},
21659
+ "path": [
21660
+ "utrecht",
21661
+ "link-list",
21662
+ "icon",
21663
+ "inset-block-start"
21664
+ ]
21523
21665
  }
21524
21666
  }
21525
21667
  },
@@ -24429,28 +24571,7 @@ module.exports = {
24429
24571
  },
24430
24572
  "nl.nldesignsystem.figma.supports-token": false
24431
24573
  },
24432
- "type": "color",
24433
- "value": "hsl(0 0% 100%)",
24434
- "filePath": "src/component/utrecht/nav-bar.tokens.json",
24435
- "isSource": true,
24436
- "original": {
24437
- "$extensions": {
24438
- "nl.nldesignsystem.css.property": {
24439
- "syntax": "<color>",
24440
- "inherits": true
24441
- },
24442
- "nl.nldesignsystem.figma.supports-token": false
24443
- },
24444
- "type": "color",
24445
- "value": "{utrecht.color.white}"
24446
- },
24447
- "name": "background-color",
24448
- "attributes": {},
24449
- "path": [
24450
- "utrecht",
24451
- "nav-bar",
24452
- "background-color"
24453
- ]
24574
+ "type": "color"
24454
24575
  },
24455
24576
  "color": {
24456
24577
  "$extensions": {
@@ -24460,28 +24581,7 @@ module.exports = {
24460
24581
  },
24461
24582
  "nl.nldesignsystem.figma.supports-token": false
24462
24583
  },
24463
- "type": "color",
24464
- "value": "hsl(0 0% 0%)",
24465
- "filePath": "src/component/utrecht/nav-bar.tokens.json",
24466
- "isSource": true,
24467
- "original": {
24468
- "$extensions": {
24469
- "nl.nldesignsystem.css.property": {
24470
- "syntax": "<color>",
24471
- "inherits": true
24472
- },
24473
- "nl.nldesignsystem.figma.supports-token": false
24474
- },
24475
- "type": "color",
24476
- "value": "{utrecht.color.black}"
24477
- },
24478
- "name": "color",
24479
- "attributes": {},
24480
- "path": [
24481
- "utrecht",
24482
- "nav-bar",
24483
- "color"
24484
- ]
24584
+ "type": "color"
24485
24585
  },
24486
24586
  "content": {
24487
24587
  "background-color": {
@@ -25797,7 +25897,29 @@ module.exports = {
25797
25897
  },
25798
25898
  "nl.nldesignsystem.figma.supports-token": false
25799
25899
  },
25800
- "type": "color"
25900
+ "type": "color",
25901
+ "value": "hsl(0 0% 100%)",
25902
+ "filePath": "src/component/utrecht/page-body.tokens.json",
25903
+ "isSource": true,
25904
+ "original": {
25905
+ "$extensions": {
25906
+ "nl.nldesignsystem.css.property": {
25907
+ "syntax": "<color>",
25908
+ "inherits": true
25909
+ },
25910
+ "nl.nldesignsystem.figma.supports-token": false
25911
+ },
25912
+ "type": "color",
25913
+ "value": "{utrecht.color.white}"
25914
+ },
25915
+ "name": "background-color",
25916
+ "attributes": {},
25917
+ "path": [
25918
+ "utrecht",
25919
+ "page-body",
25920
+ "content",
25921
+ "background-color"
25922
+ ]
25801
25923
  },
25802
25924
  "color": {
25803
25925
  "$extensions": {
@@ -25807,7 +25929,29 @@ module.exports = {
25807
25929
  },
25808
25930
  "nl.nldesignsystem.figma.supports-token": false
25809
25931
  },
25810
- "type": "color"
25932
+ "type": "color",
25933
+ "value": "hsl(0 0% 0%)",
25934
+ "filePath": "src/component/utrecht/page-body.tokens.json",
25935
+ "isSource": true,
25936
+ "original": {
25937
+ "$extensions": {
25938
+ "nl.nldesignsystem.css.property": {
25939
+ "syntax": "<color>",
25940
+ "inherits": true
25941
+ },
25942
+ "nl.nldesignsystem.figma.supports-token": false
25943
+ },
25944
+ "type": "color",
25945
+ "value": "{utrecht.color.black}"
25946
+ },
25947
+ "name": "color",
25948
+ "attributes": {},
25949
+ "path": [
25950
+ "utrecht",
25951
+ "page-body",
25952
+ "content",
25953
+ "color"
25954
+ ]
25811
25955
  },
25812
25956
  "padding-block-start": {
25813
25957
  "$extensions": {
@@ -25815,9 +25959,37 @@ module.exports = {
25815
25959
  "syntax": "<length>",
25816
25960
  "inherits": true
25817
25961
  },
25818
- "nl.nldesignsystem.figma.supports-token": false
25962
+ "nl.nldesignsystem.figma.supports-token": false,
25963
+ "studio.tokens": {
25964
+ "originalType": "spacing"
25965
+ }
25819
25966
  },
25820
- "type": "spacing"
25967
+ "type": "dimension",
25968
+ "value": "0",
25969
+ "filePath": "src/component/utrecht/page-body.tokens.json",
25970
+ "isSource": true,
25971
+ "original": {
25972
+ "$extensions": {
25973
+ "nl.nldesignsystem.css.property": {
25974
+ "syntax": "<length>",
25975
+ "inherits": true
25976
+ },
25977
+ "nl.nldesignsystem.figma.supports-token": false,
25978
+ "studio.tokens": {
25979
+ "originalType": "spacing"
25980
+ }
25981
+ },
25982
+ "type": "dimension",
25983
+ "value": "0"
25984
+ },
25985
+ "name": "padding-block-start",
25986
+ "attributes": {},
25987
+ "path": [
25988
+ "utrecht",
25989
+ "page-body",
25990
+ "content",
25991
+ "padding-block-start"
25992
+ ]
25821
25993
  },
25822
25994
  "padding-block-end": {
25823
25995
  "$extensions": {
@@ -25825,9 +25997,37 @@ module.exports = {
25825
25997
  "syntax": "<length>",
25826
25998
  "inherits": true
25827
25999
  },
25828
- "nl.nldesignsystem.figma.supports-token": false
26000
+ "nl.nldesignsystem.figma.supports-token": false,
26001
+ "studio.tokens": {
26002
+ "originalType": "spacing"
26003
+ }
25829
26004
  },
25830
- "type": "spacing"
26005
+ "type": "dimension",
26006
+ "value": "1em",
26007
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26008
+ "isSource": true,
26009
+ "original": {
26010
+ "$extensions": {
26011
+ "nl.nldesignsystem.css.property": {
26012
+ "syntax": "<length>",
26013
+ "inherits": true
26014
+ },
26015
+ "nl.nldesignsystem.figma.supports-token": false,
26016
+ "studio.tokens": {
26017
+ "originalType": "spacing"
26018
+ }
26019
+ },
26020
+ "type": "dimension",
26021
+ "value": "1em"
26022
+ },
26023
+ "name": "padding-block-end",
26024
+ "attributes": {},
26025
+ "path": [
26026
+ "utrecht",
26027
+ "page-body",
26028
+ "content",
26029
+ "padding-block-end"
26030
+ ]
25831
26031
  },
25832
26032
  "padding-inline-start": {
25833
26033
  "$extensions": {
@@ -25835,9 +26035,37 @@ module.exports = {
25835
26035
  "syntax": "<length>",
25836
26036
  "inherits": true
25837
26037
  },
25838
- "nl.nldesignsystem.figma.supports-token": false
26038
+ "nl.nldesignsystem.figma.supports-token": false,
26039
+ "studio.tokens": {
26040
+ "originalType": "spacing"
26041
+ }
25839
26042
  },
25840
- "type": "spacing"
26043
+ "type": "dimension",
26044
+ "value": "2em",
26045
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26046
+ "isSource": true,
26047
+ "original": {
26048
+ "$extensions": {
26049
+ "nl.nldesignsystem.css.property": {
26050
+ "syntax": "<length>",
26051
+ "inherits": true
26052
+ },
26053
+ "nl.nldesignsystem.figma.supports-token": false,
26054
+ "studio.tokens": {
26055
+ "originalType": "spacing"
26056
+ }
26057
+ },
26058
+ "type": "dimension",
26059
+ "value": "2em"
26060
+ },
26061
+ "name": "padding-inline-start",
26062
+ "attributes": {},
26063
+ "path": [
26064
+ "utrecht",
26065
+ "page-body",
26066
+ "content",
26067
+ "padding-inline-start"
26068
+ ]
25841
26069
  },
25842
26070
  "padding-inine-end": {
25843
26071
  "$extensions": {
@@ -25848,7 +26076,99 @@ module.exports = {
25848
26076
  "nl.nldesignsystem.figma.supports-token": false
25849
26077
  },
25850
26078
  "type": "spacing"
26079
+ },
26080
+ "max-inline-size": {
26081
+ "value": "1184px",
26082
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26083
+ "isSource": true,
26084
+ "original": {
26085
+ "value": "1184px"
26086
+ },
26087
+ "name": "max-inline-size",
26088
+ "attributes": {},
26089
+ "path": [
26090
+ "utrecht",
26091
+ "page-body",
26092
+ "content",
26093
+ "max-inline-size"
26094
+ ]
26095
+ },
26096
+ "padding-inline-end": {
26097
+ "value": "2.4em",
26098
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26099
+ "isSource": true,
26100
+ "original": {
26101
+ "value": "2.4em"
26102
+ },
26103
+ "name": "padding-inline-end",
26104
+ "attributes": {},
26105
+ "path": [
26106
+ "utrecht",
26107
+ "page-body",
26108
+ "content",
26109
+ "padding-inline-end"
26110
+ ]
25851
26111
  }
26112
+ },
26113
+ "padding-inline-end": {
26114
+ "value": "0",
26115
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26116
+ "isSource": true,
26117
+ "original": {
26118
+ "value": "0"
26119
+ },
26120
+ "name": "padding-inline-end",
26121
+ "attributes": {},
26122
+ "path": [
26123
+ "utrecht",
26124
+ "page-body",
26125
+ "padding-inline-end"
26126
+ ]
26127
+ },
26128
+ "padding-inline-start": {
26129
+ "value": "0",
26130
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26131
+ "isSource": true,
26132
+ "original": {
26133
+ "value": "0"
26134
+ },
26135
+ "name": "padding-inline-start",
26136
+ "attributes": {},
26137
+ "path": [
26138
+ "utrecht",
26139
+ "page-body",
26140
+ "padding-inline-start"
26141
+ ]
26142
+ },
26143
+ "padding-block-end": {
26144
+ "value": "0",
26145
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26146
+ "isSource": true,
26147
+ "original": {
26148
+ "value": "0"
26149
+ },
26150
+ "name": "padding-block-end",
26151
+ "attributes": {},
26152
+ "path": [
26153
+ "utrecht",
26154
+ "page-body",
26155
+ "padding-block-end"
26156
+ ]
26157
+ },
26158
+ "padding-block-start": {
26159
+ "value": "0",
26160
+ "filePath": "src/component/utrecht/page-body.tokens.json",
26161
+ "isSource": true,
26162
+ "original": {
26163
+ "value": "0"
26164
+ },
26165
+ "name": "padding-block-start",
26166
+ "attributes": {},
26167
+ "path": [
26168
+ "utrecht",
26169
+ "page-body",
26170
+ "padding-block-start"
26171
+ ]
25852
26172
  }
25853
26173
  },
25854
26174
  "page-content": {
@@ -26047,36 +26367,9 @@ module.exports = {
26047
26367
  "syntax": "<length>",
26048
26368
  "inherits": true
26049
26369
  },
26050
- "nl.nldesignsystem.figma.supports-token": false,
26051
- "studio.tokens": {
26052
- "originalType": "spacing"
26053
- }
26054
- },
26055
- "type": "dimension",
26056
- "value": "28px",
26057
- "filePath": "src/component/utrecht/page-footer.tokens.json",
26058
- "isSource": true,
26059
- "original": {
26060
- "$extensions": {
26061
- "nl.nldesignsystem.css.property": {
26062
- "syntax": "<length>",
26063
- "inherits": true
26064
- },
26065
- "nl.nldesignsystem.figma.supports-token": false,
26066
- "studio.tokens": {
26067
- "originalType": "spacing"
26068
- }
26069
- },
26070
- "type": "dimension",
26071
- "value": "{utrecht.space.inline.2xl}"
26370
+ "nl.nldesignsystem.figma.supports-token": false
26072
26371
  },
26073
- "name": "padding-inline-end",
26074
- "attributes": {},
26075
- "path": [
26076
- "utrecht",
26077
- "page-footer",
26078
- "padding-inline-end"
26079
- ]
26372
+ "type": "spacing"
26080
26373
  },
26081
26374
  "padding-inline-start": {
26082
26375
  "$extensions": {
@@ -26084,36 +26377,9 @@ module.exports = {
26084
26377
  "syntax": "<length>",
26085
26378
  "inherits": true
26086
26379
  },
26087
- "nl.nldesignsystem.figma.supports-token": false,
26088
- "studio.tokens": {
26089
- "originalType": "spacing"
26090
- }
26091
- },
26092
- "type": "dimension",
26093
- "value": "28px",
26094
- "filePath": "src/component/utrecht/page-footer.tokens.json",
26095
- "isSource": true,
26096
- "original": {
26097
- "$extensions": {
26098
- "nl.nldesignsystem.css.property": {
26099
- "syntax": "<length>",
26100
- "inherits": true
26101
- },
26102
- "nl.nldesignsystem.figma.supports-token": false,
26103
- "studio.tokens": {
26104
- "originalType": "spacing"
26105
- }
26106
- },
26107
- "type": "dimension",
26108
- "value": "{utrecht.space.inline.2xl}"
26380
+ "nl.nldesignsystem.figma.supports-token": false
26109
26381
  },
26110
- "name": "padding-inline-start",
26111
- "attributes": {},
26112
- "path": [
26113
- "utrecht",
26114
- "page-footer",
26115
- "padding-inline-start"
26116
- ]
26382
+ "type": "spacing"
26117
26383
  },
26118
26384
  "padding-block-end": {
26119
26385
  "$extensions": {
@@ -26121,36 +26387,9 @@ module.exports = {
26121
26387
  "syntax": "<length>",
26122
26388
  "inherits": true
26123
26389
  },
26124
- "nl.nldesignsystem.figma.supports-token": false,
26125
- "studio.tokens": {
26126
- "originalType": "spacing"
26127
- }
26128
- },
26129
- "type": "dimension",
26130
- "value": "48px",
26131
- "filePath": "src/component/utrecht/page-footer.tokens.json",
26132
- "isSource": true,
26133
- "original": {
26134
- "$extensions": {
26135
- "nl.nldesignsystem.css.property": {
26136
- "syntax": "<length>",
26137
- "inherits": true
26138
- },
26139
- "nl.nldesignsystem.figma.supports-token": false,
26140
- "studio.tokens": {
26141
- "originalType": "spacing"
26142
- }
26143
- },
26144
- "type": "dimension",
26145
- "value": "{utrecht.space.block.3xl}"
26390
+ "nl.nldesignsystem.figma.supports-token": false
26146
26391
  },
26147
- "name": "padding-block-end",
26148
- "attributes": {},
26149
- "path": [
26150
- "utrecht",
26151
- "page-footer",
26152
- "padding-block-end"
26153
- ]
26392
+ "type": "spacing"
26154
26393
  },
26155
26394
  "padding-block-start": {
26156
26395
  "$extensions": {
@@ -26158,36 +26397,9 @@ module.exports = {
26158
26397
  "syntax": "<length>",
26159
26398
  "inherits": true
26160
26399
  },
26161
- "nl.nldesignsystem.figma.supports-token": false,
26162
- "studio.tokens": {
26163
- "originalType": "spacing"
26164
- }
26165
- },
26166
- "type": "dimension",
26167
- "value": "48px",
26168
- "filePath": "src/component/utrecht/page-footer.tokens.json",
26169
- "isSource": true,
26170
- "original": {
26171
- "$extensions": {
26172
- "nl.nldesignsystem.css.property": {
26173
- "syntax": "<length>",
26174
- "inherits": true
26175
- },
26176
- "nl.nldesignsystem.figma.supports-token": false,
26177
- "studio.tokens": {
26178
- "originalType": "spacing"
26179
- }
26180
- },
26181
- "type": "dimension",
26182
- "value": "{utrecht.space.block.3xl}"
26400
+ "nl.nldesignsystem.figma.supports-token": false
26183
26401
  },
26184
- "name": "padding-block-start",
26185
- "attributes": {},
26186
- "path": [
26187
- "utrecht",
26188
- "page-footer",
26189
- "padding-block-start"
26190
- ]
26402
+ "type": "spacing"
26191
26403
  },
26192
26404
  "content": {
26193
26405
  "color": {
@@ -26236,9 +26448,37 @@ module.exports = {
26236
26448
  "syntax": "<length>",
26237
26449
  "inherits": true
26238
26450
  },
26239
- "nl.nldesignsystem.figma.supports-token": false
26451
+ "nl.nldesignsystem.figma.supports-token": false,
26452
+ "studio.tokens": {
26453
+ "originalType": "spacing"
26454
+ }
26240
26455
  },
26241
- "type": "spacing"
26456
+ "type": "dimension",
26457
+ "value": "48px",
26458
+ "filePath": "src/component/utrecht/page-footer.tokens.json",
26459
+ "isSource": true,
26460
+ "original": {
26461
+ "$extensions": {
26462
+ "nl.nldesignsystem.css.property": {
26463
+ "syntax": "<length>",
26464
+ "inherits": true
26465
+ },
26466
+ "nl.nldesignsystem.figma.supports-token": false,
26467
+ "studio.tokens": {
26468
+ "originalType": "spacing"
26469
+ }
26470
+ },
26471
+ "type": "dimension",
26472
+ "value": "{utrecht.space.block.3xl}"
26473
+ },
26474
+ "name": "padding-block-end",
26475
+ "attributes": {},
26476
+ "path": [
26477
+ "utrecht",
26478
+ "page-footer",
26479
+ "content",
26480
+ "padding-block-end"
26481
+ ]
26242
26482
  },
26243
26483
  "padding-block-start": {
26244
26484
  "$extensions": {
@@ -26246,9 +26486,69 @@ module.exports = {
26246
26486
  "syntax": "<length>",
26247
26487
  "inherits": true
26248
26488
  },
26249
- "nl.nldesignsystem.figma.supports-token": false
26489
+ "nl.nldesignsystem.figma.supports-token": false,
26490
+ "studio.tokens": {
26491
+ "originalType": "spacing"
26492
+ }
26250
26493
  },
26251
- "type": "spacing"
26494
+ "type": "dimension",
26495
+ "value": "48px",
26496
+ "filePath": "src/component/utrecht/page-footer.tokens.json",
26497
+ "isSource": true,
26498
+ "original": {
26499
+ "$extensions": {
26500
+ "nl.nldesignsystem.css.property": {
26501
+ "syntax": "<length>",
26502
+ "inherits": true
26503
+ },
26504
+ "nl.nldesignsystem.figma.supports-token": false,
26505
+ "studio.tokens": {
26506
+ "originalType": "spacing"
26507
+ }
26508
+ },
26509
+ "type": "dimension",
26510
+ "value": "{utrecht.space.block.3xl}"
26511
+ },
26512
+ "name": "padding-block-start",
26513
+ "attributes": {},
26514
+ "path": [
26515
+ "utrecht",
26516
+ "page-footer",
26517
+ "content",
26518
+ "padding-block-start"
26519
+ ]
26520
+ },
26521
+ "max-inline-size": {
26522
+ "value": "1184px",
26523
+ "filePath": "src/component/utrecht/page-footer.tokens.json",
26524
+ "isSource": true,
26525
+ "original": {
26526
+ "value": "1184px"
26527
+ },
26528
+ "name": "max-inline-size",
26529
+ "attributes": {},
26530
+ "path": [
26531
+ "utrecht",
26532
+ "page-footer",
26533
+ "content",
26534
+ "max-inline-size"
26535
+ ]
26536
+ },
26537
+ "padding-inline": {
26538
+ "value": "28px",
26539
+ "filePath": "src/component/utrecht/page-footer.tokens.json",
26540
+ "isSource": true,
26541
+ "original": {
26542
+ "value": "{utrecht.space.inline.2xl}"
26543
+ },
26544
+ "name": "padding-inline",
26545
+ "attributes": {},
26546
+ "path": [
26547
+ "utrecht",
26548
+ "page-footer",
26549
+ "content",
26550
+ "padding-inline"
26551
+ ]
26252
26552
  }
26253
26553
  }
26254
26554
  },
@@ -26295,7 +26595,7 @@ module.exports = {
26295
26595
  }
26296
26596
  },
26297
26597
  "type": "dimension",
26298
- "value": "1.8em",
26598
+ "value": "0",
26299
26599
  "filePath": "src/component/utrecht/page-header.tokens.json",
26300
26600
  "isSource": true,
26301
26601
  "original": {
@@ -26310,7 +26610,7 @@ module.exports = {
26310
26610
  }
26311
26611
  },
26312
26612
  "type": "dimension",
26313
- "value": "1.8em"
26613
+ "value": "0"
26314
26614
  },
26315
26615
  "name": "padding-block-start",
26316
26616
  "attributes": {},
@@ -26332,7 +26632,7 @@ module.exports = {
26332
26632
  }
26333
26633
  },
26334
26634
  "type": "dimension",
26335
- "value": "1em",
26635
+ "value": "0",
26336
26636
  "filePath": "src/component/utrecht/page-header.tokens.json",
26337
26637
  "isSource": true,
26338
26638
  "original": {
@@ -26347,7 +26647,7 @@ module.exports = {
26347
26647
  }
26348
26648
  },
26349
26649
  "type": "dimension",
26350
- "value": "1em"
26650
+ "value": "0"
26351
26651
  },
26352
26652
  "name": "padding-block-end",
26353
26653
  "attributes": {},
@@ -26369,7 +26669,7 @@ module.exports = {
26369
26669
  }
26370
26670
  },
26371
26671
  "type": "dimension",
26372
- "value": "2em",
26672
+ "value": "0",
26373
26673
  "filePath": "src/component/utrecht/page-header.tokens.json",
26374
26674
  "isSource": true,
26375
26675
  "original": {
@@ -26384,7 +26684,7 @@ module.exports = {
26384
26684
  }
26385
26685
  },
26386
26686
  "type": "dimension",
26387
- "value": "2em"
26687
+ "value": "0"
26388
26688
  },
26389
26689
  "name": "padding-inline-start",
26390
26690
  "attributes": {},
@@ -26406,7 +26706,7 @@ module.exports = {
26406
26706
  }
26407
26707
  },
26408
26708
  "type": "dimension",
26409
- "value": "2.4em",
26709
+ "value": "0",
26410
26710
  "filePath": "src/component/utrecht/page-header.tokens.json",
26411
26711
  "isSource": true,
26412
26712
  "original": {
@@ -26421,7 +26721,7 @@ module.exports = {
26421
26721
  }
26422
26722
  },
26423
26723
  "type": "dimension",
26424
- "value": "2.4em"
26724
+ "value": "0"
26425
26725
  },
26426
26726
  "name": "padding-inline-end",
26427
26727
  "attributes": {},
@@ -26440,7 +26740,29 @@ module.exports = {
26440
26740
  },
26441
26741
  "nl.nldesignsystem.figma.supports-token": false
26442
26742
  },
26443
- "type": "color"
26743
+ "type": "color",
26744
+ "value": "hsl(0 0% 100%)",
26745
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26746
+ "isSource": true,
26747
+ "original": {
26748
+ "$extensions": {
26749
+ "nl.nldesignsystem.css.property": {
26750
+ "syntax": "<color>",
26751
+ "inherits": true
26752
+ },
26753
+ "nl.nldesignsystem.figma.supports-token": false
26754
+ },
26755
+ "type": "color",
26756
+ "value": "{utrecht.color.white}"
26757
+ },
26758
+ "name": "background-color",
26759
+ "attributes": {},
26760
+ "path": [
26761
+ "utrecht",
26762
+ "page-header",
26763
+ "content",
26764
+ "background-color"
26765
+ ]
26444
26766
  },
26445
26767
  "color": {
26446
26768
  "$extensions": {
@@ -26450,7 +26772,29 @@ module.exports = {
26450
26772
  },
26451
26773
  "nl.nldesignsystem.figma.supports-token": false
26452
26774
  },
26453
- "type": "color"
26775
+ "type": "color",
26776
+ "value": "hsl(0 0% 0%)",
26777
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26778
+ "isSource": true,
26779
+ "original": {
26780
+ "$extensions": {
26781
+ "nl.nldesignsystem.css.property": {
26782
+ "syntax": "<color>",
26783
+ "inherits": true
26784
+ },
26785
+ "nl.nldesignsystem.figma.supports-token": false
26786
+ },
26787
+ "type": "color",
26788
+ "value": "{utrecht.color.black}"
26789
+ },
26790
+ "name": "color",
26791
+ "attributes": {},
26792
+ "path": [
26793
+ "utrecht",
26794
+ "page-header",
26795
+ "content",
26796
+ "color"
26797
+ ]
26454
26798
  },
26455
26799
  "padding-block-start": {
26456
26800
  "$extensions": {
@@ -26458,9 +26802,37 @@ module.exports = {
26458
26802
  "syntax": "<length>",
26459
26803
  "inherits": true
26460
26804
  },
26461
- "nl.nldesignsystem.figma.supports-token": false
26805
+ "nl.nldesignsystem.figma.supports-token": false,
26806
+ "studio.tokens": {
26807
+ "originalType": "spacing"
26808
+ }
26462
26809
  },
26463
- "type": "spacing"
26810
+ "type": "dimension",
26811
+ "value": "1.8em",
26812
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26813
+ "isSource": true,
26814
+ "original": {
26815
+ "$extensions": {
26816
+ "nl.nldesignsystem.css.property": {
26817
+ "syntax": "<length>",
26818
+ "inherits": true
26819
+ },
26820
+ "nl.nldesignsystem.figma.supports-token": false,
26821
+ "studio.tokens": {
26822
+ "originalType": "spacing"
26823
+ }
26824
+ },
26825
+ "type": "dimension",
26826
+ "value": "1.8em"
26827
+ },
26828
+ "name": "padding-block-start",
26829
+ "attributes": {},
26830
+ "path": [
26831
+ "utrecht",
26832
+ "page-header",
26833
+ "content",
26834
+ "padding-block-start"
26835
+ ]
26464
26836
  },
26465
26837
  "padding-block-end": {
26466
26838
  "$extensions": {
@@ -26468,9 +26840,37 @@ module.exports = {
26468
26840
  "syntax": "<length>",
26469
26841
  "inherits": true
26470
26842
  },
26471
- "nl.nldesignsystem.figma.supports-token": false
26843
+ "nl.nldesignsystem.figma.supports-token": false,
26844
+ "studio.tokens": {
26845
+ "originalType": "spacing"
26846
+ }
26472
26847
  },
26473
- "type": "spacing"
26848
+ "type": "dimension",
26849
+ "value": "1em",
26850
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26851
+ "isSource": true,
26852
+ "original": {
26853
+ "$extensions": {
26854
+ "nl.nldesignsystem.css.property": {
26855
+ "syntax": "<length>",
26856
+ "inherits": true
26857
+ },
26858
+ "nl.nldesignsystem.figma.supports-token": false,
26859
+ "studio.tokens": {
26860
+ "originalType": "spacing"
26861
+ }
26862
+ },
26863
+ "type": "dimension",
26864
+ "value": "1em"
26865
+ },
26866
+ "name": "padding-block-end",
26867
+ "attributes": {},
26868
+ "path": [
26869
+ "utrecht",
26870
+ "page-header",
26871
+ "content",
26872
+ "padding-block-end"
26873
+ ]
26474
26874
  },
26475
26875
  "padding-inline-start": {
26476
26876
  "$extensions": {
@@ -26478,9 +26878,39 @@ module.exports = {
26478
26878
  "syntax": "<length>",
26479
26879
  "inherits": true
26480
26880
  },
26481
- "nl.nldesignsystem.figma.supports-token": false
26881
+ "nl.nldesignsystem.figma.supports-token": false,
26882
+ "studio.tokens": {
26883
+ "originalType": "spacing"
26884
+ }
26482
26885
  },
26483
- "type": "spacing"
26886
+ "type": "dimension",
26887
+ "value": "2em",
26888
+ "$comment": "Legacy design token",
26889
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26890
+ "isSource": true,
26891
+ "original": {
26892
+ "$extensions": {
26893
+ "nl.nldesignsystem.css.property": {
26894
+ "syntax": "<length>",
26895
+ "inherits": true
26896
+ },
26897
+ "nl.nldesignsystem.figma.supports-token": false,
26898
+ "studio.tokens": {
26899
+ "originalType": "spacing"
26900
+ }
26901
+ },
26902
+ "type": "dimension",
26903
+ "value": "2em",
26904
+ "$comment": "Legacy design token"
26905
+ },
26906
+ "name": "padding-inline-start",
26907
+ "attributes": {},
26908
+ "path": [
26909
+ "utrecht",
26910
+ "page-header",
26911
+ "content",
26912
+ "padding-inline-start"
26913
+ ]
26484
26914
  },
26485
26915
  "padding-inline-end": {
26486
26916
  "$extensions": {
@@ -26488,9 +26918,71 @@ module.exports = {
26488
26918
  "syntax": "<length>",
26489
26919
  "inherits": true
26490
26920
  },
26491
- "nl.nldesignsystem.figma.supports-token": false
26921
+ "nl.nldesignsystem.figma.supports-token": false,
26922
+ "studio.tokens": {
26923
+ "originalType": "spacing"
26924
+ }
26492
26925
  },
26493
- "type": "spacing"
26926
+ "type": "dimension",
26927
+ "value": "2.4em",
26928
+ "$comment": "Legacy design token",
26929
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26930
+ "isSource": true,
26931
+ "original": {
26932
+ "$extensions": {
26933
+ "nl.nldesignsystem.css.property": {
26934
+ "syntax": "<length>",
26935
+ "inherits": true
26936
+ },
26937
+ "nl.nldesignsystem.figma.supports-token": false,
26938
+ "studio.tokens": {
26939
+ "originalType": "spacing"
26940
+ }
26941
+ },
26942
+ "type": "dimension",
26943
+ "value": "2.4em",
26944
+ "$comment": "Legacy design token"
26945
+ },
26946
+ "name": "padding-inline-end",
26947
+ "attributes": {},
26948
+ "path": [
26949
+ "utrecht",
26950
+ "page-header",
26951
+ "content",
26952
+ "padding-inline-end"
26953
+ ]
26954
+ },
26955
+ "max-inline-size": {
26956
+ "value": "1184px",
26957
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26958
+ "isSource": true,
26959
+ "original": {
26960
+ "value": "1184px"
26961
+ },
26962
+ "name": "max-inline-size",
26963
+ "attributes": {},
26964
+ "path": [
26965
+ "utrecht",
26966
+ "page-header",
26967
+ "content",
26968
+ "max-inline-size"
26969
+ ]
26970
+ },
26971
+ "padding-inline": {
26972
+ "value": "2em",
26973
+ "filePath": "src/component/utrecht/page-header.tokens.json",
26974
+ "isSource": true,
26975
+ "original": {
26976
+ "value": "2em"
26977
+ },
26978
+ "name": "padding-inline",
26979
+ "attributes": {},
26980
+ "path": [
26981
+ "utrecht",
26982
+ "page-header",
26983
+ "content",
26984
+ "padding-inline"
26985
+ ]
26494
26986
  }
26495
26987
  }
26496
26988
  },
@@ -26685,11 +27177,11 @@ module.exports = {
26685
27177
  ]
26686
27178
  },
26687
27179
  "padding-inline-end": {
26688
- "value": "2em",
27180
+ "value": "0",
26689
27181
  "filePath": "src/component/utrecht/page.tokens.json",
26690
27182
  "isSource": true,
26691
27183
  "original": {
26692
- "value": "2em"
27184
+ "value": "0"
26693
27185
  },
26694
27186
  "name": "padding-inline-end",
26695
27187
  "attributes": {},
@@ -26715,11 +27207,11 @@ module.exports = {
26715
27207
  ]
26716
27208
  },
26717
27209
  "padding-inline-start": {
26718
- "value": "2em",
27210
+ "value": "0",
26719
27211
  "filePath": "src/component/utrecht/page.tokens.json",
26720
27212
  "isSource": true,
26721
27213
  "original": {
26722
- "value": "2em"
27214
+ "value": "0"
26723
27215
  },
26724
27216
  "name": "padding-inline-start",
26725
27217
  "attributes": {},
@@ -28869,6 +29361,37 @@ module.exports = {
28869
29361
  "border-width"
28870
29362
  ]
28871
29363
  },
29364
+ "color": {
29365
+ "$extensions": {
29366
+ "nl.nldesignsystem.css.property": {
29367
+ "syntax": "<color>",
29368
+ "inherits": true
29369
+ },
29370
+ "nl.nldesignsystem.figma.supports-token": true
29371
+ },
29372
+ "type": "color",
29373
+ "value": "hsl(0 0% 100%)",
29374
+ "filePath": "src/component/utrecht/radio-button.tokens.json",
29375
+ "isSource": true,
29376
+ "original": {
29377
+ "$extensions": {
29378
+ "nl.nldesignsystem.css.property": {
29379
+ "syntax": "<color>",
29380
+ "inherits": true
29381
+ },
29382
+ "nl.nldesignsystem.figma.supports-token": true
29383
+ },
29384
+ "type": "color",
29385
+ "value": "{utrecht.color.white}"
29386
+ },
29387
+ "name": "color",
29388
+ "attributes": {},
29389
+ "path": [
29390
+ "utrecht",
29391
+ "radio-button",
29392
+ "color"
29393
+ ]
29394
+ },
28872
29395
  "size": {
28873
29396
  "$extensions": {
28874
29397
  "nl.nldesignsystem.css.property": {
@@ -29820,26 +30343,11 @@ module.exports = {
29820
30343
  },
29821
30344
  "nl.nldesignsystem.fallback": [
29822
30345
  "utrecht.radio-button.color"
29823
- ]
30346
+ ],
30347
+ "nl.nldesignsystem.figma.supports-token": false
29824
30348
  },
29825
- "nl.nldesignsystem.figma.supports-token": false
29826
- },
29827
- "type": "color"
29828
- },
29829
- "color": {
29830
- "value": "hsl(0 0% 100%)",
29831
- "filePath": "src/component/utrecht/radio-button.tokens.json",
29832
- "isSource": true,
29833
- "original": {
29834
- "value": "{utrecht.color.white}"
29835
- },
29836
- "name": "color",
29837
- "attributes": {},
29838
- "path": [
29839
- "utrecht",
29840
- "radio-button",
29841
- "color"
29842
- ]
30349
+ "type": "color"
30350
+ }
29843
30351
  },
29844
30352
  "border-radius": {
29845
30353
  "value": "0",
@@ -30068,7 +30576,28 @@ module.exports = {
30068
30576
  },
30069
30577
  "nl.nldesignsystem.figma.supports-token": false
30070
30578
  },
30071
- "type": "color"
30579
+ "type": "color",
30580
+ "value": "hsl(0 0% 95%)",
30581
+ "filePath": "src/component/utrecht/root.tokens.json",
30582
+ "isSource": true,
30583
+ "original": {
30584
+ "$extensions": {
30585
+ "nl.nldesignsystem.css.property": {
30586
+ "syntax": "<color>",
30587
+ "inherits": true
30588
+ },
30589
+ "nl.nldesignsystem.figma.supports-token": false
30590
+ },
30591
+ "type": "color",
30592
+ "value": "{utrecht.color.grey.95}"
30593
+ },
30594
+ "name": "background-color",
30595
+ "attributes": {},
30596
+ "path": [
30597
+ "utrecht",
30598
+ "root",
30599
+ "background-color"
30600
+ ]
30072
30601
  },
30073
30602
  "color": {
30074
30603
  "$extensions": {
@@ -30078,7 +30607,28 @@ module.exports = {
30078
30607
  },
30079
30608
  "nl.nldesignsystem.figma.supports-token": false
30080
30609
  },
30081
- "type": "color"
30610
+ "type": "color",
30611
+ "value": "hsl(0 0% 10%)",
30612
+ "filePath": "src/component/utrecht/root.tokens.json",
30613
+ "isSource": true,
30614
+ "original": {
30615
+ "$extensions": {
30616
+ "nl.nldesignsystem.css.property": {
30617
+ "syntax": "<color>",
30618
+ "inherits": true
30619
+ },
30620
+ "nl.nldesignsystem.figma.supports-token": false
30621
+ },
30622
+ "type": "color",
30623
+ "value": "{utrecht.color.grey.10}"
30624
+ },
30625
+ "name": "color",
30626
+ "attributes": {},
30627
+ "path": [
30628
+ "utrecht",
30629
+ "root",
30630
+ "color"
30631
+ ]
30082
30632
  },
30083
30633
  "font-family": {
30084
30634
  "$extensions": {
@@ -32267,6 +32817,16 @@ module.exports = {
32267
32817
  },
32268
32818
  "type": "color"
32269
32819
  },
32820
+ "border-radius": {
32821
+ "$extensions": {
32822
+ "nl.nldesignsystem.css.property": {
32823
+ "syntax": "<length-percentage>",
32824
+ "inherits": true
32825
+ },
32826
+ "nl.nldesignsystem.figma.supports-token": false
32827
+ },
32828
+ "type": "borderRadius"
32829
+ },
32270
32830
  "border-width": {
32271
32831
  "$extensions": {
32272
32832
  "nl.nldesignsystem.css.property": {
@@ -40130,5 +40690,56 @@ module.exports = {
40130
40690
  }
40131
40691
  }
40132
40692
  }
40693
+ },
40694
+ "signalen": {
40695
+ "modal-dialog": {
40696
+ "background-color": {
40697
+ "value": "hsl(0 0% 100%)",
40698
+ "filePath": "src/component/signalen/signalen.tokens.json",
40699
+ "isSource": true,
40700
+ "original": {
40701
+ "value": "{utrecht.body.background-color}"
40702
+ },
40703
+ "name": "background-color",
40704
+ "attributes": {},
40705
+ "path": [
40706
+ "signalen",
40707
+ "modal-dialog",
40708
+ "background-color"
40709
+ ]
40710
+ },
40711
+ "color": {
40712
+ "value": "hsl(0 0% 0%)",
40713
+ "filePath": "src/component/signalen/signalen.tokens.json",
40714
+ "isSource": true,
40715
+ "original": {
40716
+ "value": "{utrecht.body.color}"
40717
+ },
40718
+ "name": "color",
40719
+ "attributes": {},
40720
+ "path": [
40721
+ "signalen",
40722
+ "modal-dialog",
40723
+ "color"
40724
+ ]
40725
+ }
40726
+ },
40727
+ "progress-bar": {
40728
+ "border-radius": {
40729
+ "value": "4px",
40730
+ "filePath": "src/component/signalen/signalen.tokens.json",
40731
+ "isSource": true,
40732
+ "original": {
40733
+ "value": "4px"
40734
+ },
40735
+ "name": "border-radius",
40736
+ "attributes": {},
40737
+ "path": [
40738
+ "signalen",
40739
+ "progress-bar",
40740
+ "border-radius"
40741
+ ]
40742
+ }
40743
+ }
40133
40744
  }
40134
40745
  };