@rijkshuisstijl-community/design-tokens 1.1.0 → 1.2.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 (54) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/_variables.scss +722 -709
  3. package/dist/index.css +722 -709
  4. package/dist/index.d.ts +515 -502
  5. package/dist/index.js +541 -528
  6. package/dist/index.json +540 -527
  7. package/dist/index.tokens.json +1644 -1621
  8. package/dist/root.css +722 -709
  9. package/dist/tokens.d.ts +1580 -1557
  10. package/dist/tokens.js +22186 -21753
  11. package/dist/uitvoerend-mintgroen-focus/_variables.scss +536 -523
  12. package/dist/uitvoerend-mintgroen-focus/index.css +536 -523
  13. package/dist/uitvoerend-mintgroen-focus/index.d.ts +713 -700
  14. package/dist/uitvoerend-mintgroen-focus/index.js +713 -700
  15. package/dist/uitvoerend-mintgroen-focus/index.json +712 -699
  16. package/dist/uitvoerend-mintgroen-focus/index.tokens.json +1624 -1601
  17. package/dist/uitvoerend-mintgroen-focus/root.css +536 -523
  18. package/dist/uitvoerend-mintgroen-focus/tokens.d.ts +1543 -1520
  19. package/dist/uitvoerend-mintgroen-focus/tokens.js +21505 -21072
  20. package/dist/uitvoerend-violet/_variables.scss +41 -28
  21. package/dist/uitvoerend-violet/index.css +41 -28
  22. package/dist/uitvoerend-violet/index.d.ts +15 -2
  23. package/dist/uitvoerend-violet/index.js +41 -28
  24. package/dist/uitvoerend-violet/index.json +40 -27
  25. package/dist/uitvoerend-violet/index.tokens.json +54 -31
  26. package/dist/uitvoerend-violet/root.css +41 -28
  27. package/dist/uitvoerend-violet/tokens.d.ts +29 -6
  28. package/dist/uitvoerend-violet/tokens.js +551 -118
  29. package/dist/uitvoerend-violet-oud/_variables.scss +41 -28
  30. package/dist/uitvoerend-violet-oud/index.css +41 -28
  31. package/dist/uitvoerend-violet-oud/index.d.ts +15 -2
  32. package/dist/uitvoerend-violet-oud/index.js +41 -28
  33. package/dist/uitvoerend-violet-oud/index.json +40 -27
  34. package/dist/uitvoerend-violet-oud/index.tokens.json +54 -31
  35. package/dist/uitvoerend-violet-oud/root.css +41 -28
  36. package/dist/uitvoerend-violet-oud/tokens.d.ts +29 -6
  37. package/dist/uitvoerend-violet-oud/tokens.js +551 -118
  38. package/dist/wetgevend/_variables.scss +41 -28
  39. package/dist/wetgevend/index.css +41 -28
  40. package/dist/wetgevend/index.d.ts +15 -2
  41. package/dist/wetgevend/index.js +41 -28
  42. package/dist/wetgevend/index.json +40 -27
  43. package/dist/wetgevend/index.tokens.json +54 -31
  44. package/dist/wetgevend/root.css +41 -28
  45. package/dist/wetgevend/tokens.d.ts +29 -6
  46. package/dist/wetgevend/tokens.js +551 -118
  47. package/figma/figma.tokens.json +1589 -263
  48. package/package.json +1 -1
  49. package/src/generated/base.tokens.json +4428 -4323
  50. package/src/generated/themes.json +4869 -4449
  51. package/src/generated/uitvoerend-mintgroen-focus/tokens.json +4439 -4334
  52. package/src/generated/uitvoerend-violet/tokens.json +138 -33
  53. package/src/generated/uitvoerend-violet-oud/tokens.json +138 -33
  54. package/src/generated/wetgevend/tokens.json +138 -33
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 19 Mar 2025 14:52:03 GMT
3
+ * Generated on Tue, 29 Apr 2025 12:01:02 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -10580,12 +10580,12 @@ module.exports = {
10580
10580
  },
10581
10581
  "button": {
10582
10582
  "background-color": {
10583
- "value": "transparent",
10583
+ "value": "#0F172A",
10584
10584
  "type": "color",
10585
10585
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
10586
10586
  "isSource": true,
10587
10587
  "original": {
10588
- "value": "transparent",
10588
+ "value": "#0F172A",
10589
10589
  "type": "color"
10590
10590
  },
10591
10591
  "name": "utrechtButtonBackgroundColor",
@@ -10601,12 +10601,12 @@ module.exports = {
10601
10601
  ]
10602
10602
  },
10603
10603
  "border-color": {
10604
- "value": "#334155",
10604
+ "value": "transparent",
10605
10605
  "type": "color",
10606
10606
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
10607
10607
  "isSource": true,
10608
10608
  "original": {
10609
- "value": "#334155",
10609
+ "value": "transparent",
10610
10610
  "type": "color"
10611
10611
  },
10612
10612
  "name": "utrechtButtonBorderColor",
@@ -10622,12 +10622,12 @@ module.exports = {
10622
10622
  ]
10623
10623
  },
10624
10624
  "color": {
10625
- "value": "#334155",
10625
+ "value": "#fff",
10626
10626
  "type": "color",
10627
10627
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
10628
10628
  "isSource": true,
10629
10629
  "original": {
10630
- "value": "#334155",
10630
+ "value": "#fff",
10631
10631
  "type": "color"
10632
10632
  },
10633
10633
  "name": "utrechtButtonColor",
@@ -10902,12 +10902,12 @@ module.exports = {
10902
10902
  },
10903
10903
  "disabled": {
10904
10904
  "background-color": {
10905
- "value": "#F8FAFC",
10905
+ "value": "#E2E8F0",
10906
10906
  "type": "color",
10907
10907
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
10908
10908
  "isSource": true,
10909
10909
  "original": {
10910
- "value": "#F8FAFC",
10910
+ "value": "#E2E8F0",
10911
10911
  "type": "color"
10912
10912
  },
10913
10913
  "name": "utrechtButtonDisabledBackgroundColor",
@@ -10948,12 +10948,12 @@ module.exports = {
10948
10948
  ]
10949
10949
  },
10950
10950
  "color": {
10951
- "value": "#64748B",
10951
+ "value": "#94A3B8",
10952
10952
  "type": "color",
10953
10953
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
10954
10954
  "isSource": true,
10955
10955
  "original": {
10956
- "value": "#64748B",
10956
+ "value": "#94A3B8",
10957
10957
  "type": "color"
10958
10958
  },
10959
10959
  "name": "utrechtButtonDisabledColor",
@@ -10973,12 +10973,12 @@ module.exports = {
10973
10973
  },
10974
10974
  "focus": {
10975
10975
  "background-color": {
10976
- "value": "#FDDE94",
10976
+ "value": "#475569",
10977
10977
  "type": "color",
10978
10978
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
10979
10979
  "isSource": true,
10980
10980
  "original": {
10981
- "value": "#FDDE94",
10981
+ "value": "#475569",
10982
10982
  "type": "color"
10983
10983
  },
10984
10984
  "name": "utrechtButtonFocusBackgroundColor",
@@ -11019,12 +11019,12 @@ module.exports = {
11019
11019
  ]
11020
11020
  },
11021
11021
  "color": {
11022
- "value": "#1E293B",
11022
+ "value": "#fff",
11023
11023
  "type": "color",
11024
11024
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11025
11025
  "isSource": true,
11026
11026
  "original": {
11027
- "value": "#1E293B",
11027
+ "value": "#fff",
11028
11028
  "type": "color"
11029
11029
  },
11030
11030
  "name": "utrechtButtonFocusColor",
@@ -11044,12 +11044,12 @@ module.exports = {
11044
11044
  },
11045
11045
  "hover": {
11046
11046
  "background-color": {
11047
- "value": "#F8FAFC",
11047
+ "value": "#475569",
11048
11048
  "type": "color",
11049
11049
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11050
11050
  "isSource": true,
11051
11051
  "original": {
11052
- "value": "#F8FAFC",
11052
+ "value": "#475569",
11053
11053
  "type": "color"
11054
11054
  },
11055
11055
  "name": "utrechtButtonHoverBackgroundColor",
@@ -11067,12 +11067,12 @@ module.exports = {
11067
11067
  ]
11068
11068
  },
11069
11069
  "border-color": {
11070
- "value": "#1E293B",
11070
+ "value": "transparent",
11071
11071
  "type": "color",
11072
11072
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11073
11073
  "isSource": true,
11074
11074
  "original": {
11075
- "value": "#1E293B",
11075
+ "value": "transparent",
11076
11076
  "type": "color"
11077
11077
  },
11078
11078
  "name": "utrechtButtonHoverBorderColor",
@@ -11090,12 +11090,12 @@ module.exports = {
11090
11090
  ]
11091
11091
  },
11092
11092
  "color": {
11093
- "value": "#1E293B",
11093
+ "value": "#fff",
11094
11094
  "type": "color",
11095
11095
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11096
11096
  "isSource": true,
11097
11097
  "original": {
11098
- "value": "#1E293B",
11098
+ "value": "#fff",
11099
11099
  "type": "color"
11100
11100
  },
11101
11101
  "name": "utrechtButtonHoverColor",
@@ -11115,12 +11115,12 @@ module.exports = {
11115
11115
  },
11116
11116
  "active": {
11117
11117
  "background-color": {
11118
- "value": "#CBD5E1",
11118
+ "value": "#1E293B",
11119
11119
  "type": "color",
11120
11120
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11121
11121
  "isSource": true,
11122
11122
  "original": {
11123
- "value": "#CBD5E1",
11123
+ "value": "#1E293B",
11124
11124
  "type": "color"
11125
11125
  },
11126
11126
  "name": "utrechtButtonActiveBackgroundColor",
@@ -11138,12 +11138,12 @@ module.exports = {
11138
11138
  ]
11139
11139
  },
11140
11140
  "border-color": {
11141
- "value": "#0F172A",
11141
+ "value": "transparent",
11142
11142
  "type": "color",
11143
11143
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11144
11144
  "isSource": true,
11145
11145
  "original": {
11146
- "value": "#0F172A",
11146
+ "value": "transparent",
11147
11147
  "type": "color"
11148
11148
  },
11149
11149
  "name": "utrechtButtonActiveBorderColor",
@@ -11161,12 +11161,12 @@ module.exports = {
11161
11161
  ]
11162
11162
  },
11163
11163
  "color": {
11164
- "value": "#0F172A",
11164
+ "value": "#fff",
11165
11165
  "type": "color",
11166
11166
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11167
11167
  "isSource": true,
11168
11168
  "original": {
11169
- "value": "#0F172A",
11169
+ "value": "#fff",
11170
11170
  "type": "color"
11171
11171
  },
11172
11172
  "name": "utrechtButtonActiveColor",
@@ -11421,12 +11421,12 @@ module.exports = {
11421
11421
  ]
11422
11422
  },
11423
11423
  "border-color": {
11424
- "value": "#D88CB7",
11424
+ "value": "transparent",
11425
11425
  "type": "color",
11426
11426
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11427
11427
  "isSource": true,
11428
11428
  "original": {
11429
- "value": "#D88CB7",
11429
+ "value": "transparent",
11430
11430
  "type": "color"
11431
11431
  },
11432
11432
  "name": "utrechtButtonPrimaryActionDisabledBorderColor",
@@ -11473,12 +11473,12 @@ module.exports = {
11473
11473
  },
11474
11474
  "focus": {
11475
11475
  "background-color": {
11476
- "value": "#a90061",
11476
+ "value": "#741344",
11477
11477
  "type": "color",
11478
11478
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11479
11479
  "isSource": true,
11480
11480
  "original": {
11481
- "value": "#a90061",
11481
+ "value": "#741344",
11482
11482
  "type": "color"
11483
11483
  },
11484
11484
  "name": "utrechtButtonPrimaryActionFocusBackgroundColor",
@@ -11715,17 +11715,116 @@ module.exports = {
11715
11715
  "primary-action",
11716
11716
  "line-height"
11717
11717
  ]
11718
+ },
11719
+ "pressed": {
11720
+ "background-color": {
11721
+ "value": "#63143a",
11722
+ "type": "color",
11723
+ "$extensions": {
11724
+ "studio.tokens": {
11725
+ "modify": {
11726
+ "type": "darken",
11727
+ "value": "0.4",
11728
+ "space": "lch",
11729
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
11730
+ "isSource": true
11731
+ }
11732
+ }
11733
+ },
11734
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
11735
+ "isSource": true,
11736
+ "original": {
11737
+ "value": "#63143a",
11738
+ "type": "color",
11739
+ "$extensions": {
11740
+ "studio.tokens": {
11741
+ "modify": {
11742
+ "type": "darken",
11743
+ "value": "0.4",
11744
+ "space": "lch",
11745
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
11746
+ "isSource": true
11747
+ }
11748
+ }
11749
+ }
11750
+ },
11751
+ "name": "utrechtButtonPrimaryActionPressedBackgroundColor",
11752
+ "attributes": {
11753
+ "category": "utrecht",
11754
+ "type": "button",
11755
+ "item": "primary-action",
11756
+ "subitem": "pressed",
11757
+ "state": "background-color"
11758
+ },
11759
+ "path": [
11760
+ "utrecht",
11761
+ "button",
11762
+ "primary-action",
11763
+ "pressed",
11764
+ "background-color"
11765
+ ]
11766
+ },
11767
+ "border-color": {
11768
+ "value": "transparent",
11769
+ "type": "color",
11770
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
11771
+ "isSource": true,
11772
+ "original": {
11773
+ "value": "transparent",
11774
+ "type": "color"
11775
+ },
11776
+ "name": "utrechtButtonPrimaryActionPressedBorderColor",
11777
+ "attributes": {
11778
+ "category": "utrecht",
11779
+ "type": "button",
11780
+ "item": "primary-action",
11781
+ "subitem": "pressed",
11782
+ "state": "border-color"
11783
+ },
11784
+ "path": [
11785
+ "utrecht",
11786
+ "button",
11787
+ "primary-action",
11788
+ "pressed",
11789
+ "border-color"
11790
+ ]
11791
+ },
11792
+ "color": {
11793
+ "value": "#fff",
11794
+ "type": "color",
11795
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
11796
+ "isSource": true,
11797
+ "original": {
11798
+ "value": "#fff",
11799
+ "type": "color"
11800
+ },
11801
+ "name": "utrechtButtonPrimaryActionPressedColor",
11802
+ "attributes": {
11803
+ "category": "utrecht",
11804
+ "type": "button",
11805
+ "item": "primary-action",
11806
+ "subitem": "pressed",
11807
+ "state": "color"
11808
+ },
11809
+ "path": [
11810
+ "utrecht",
11811
+ "button",
11812
+ "primary-action",
11813
+ "pressed",
11814
+ "color"
11815
+ ]
11816
+ }
11718
11817
  }
11719
11818
  },
11720
11819
  "secondary-action": {
11721
11820
  "hover": {
11722
11821
  "background-color": {
11723
- "value": "#e5b3d0",
11822
+ "value": "#f2d9e7",
11724
11823
  "type": "color",
11725
11824
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11726
11825
  "isSource": true,
11727
11826
  "original": {
11728
- "value": "#e5b3d0",
11827
+ "value": "#f2d9e7",
11729
11828
  "type": "color"
11730
11829
  },
11731
11830
  "name": "utrechtButtonSecondaryActionHoverBackgroundColor",
@@ -11745,12 +11844,12 @@ module.exports = {
11745
11844
  ]
11746
11845
  },
11747
11846
  "border-color": {
11748
- "value": "transparent",
11847
+ "value": "#741344",
11749
11848
  "type": "color",
11750
11849
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11751
11850
  "isSource": true,
11752
11851
  "original": {
11753
- "value": "transparent",
11852
+ "value": "#741344",
11754
11853
  "type": "color"
11755
11854
  },
11756
11855
  "name": "utrechtButtonSecondaryActionHoverBorderColor",
@@ -11770,12 +11869,12 @@ module.exports = {
11770
11869
  ]
11771
11870
  },
11772
11871
  "color": {
11773
- "value": "#a90061",
11872
+ "value": "#741344",
11774
11873
  "type": "color",
11775
11874
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11776
11875
  "isSource": true,
11777
11876
  "original": {
11778
- "value": "#a90061",
11877
+ "value": "#741344",
11779
11878
  "type": "color"
11780
11879
  },
11781
11880
  "name": "utrechtButtonSecondaryActionHoverColor",
@@ -11891,12 +11990,12 @@ module.exports = {
11891
11990
  ]
11892
11991
  },
11893
11992
  "border-color": {
11894
- "value": "#CB66A0",
11993
+ "value": "#D88CB7",
11895
11994
  "type": "color",
11896
11995
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11897
11996
  "isSource": true,
11898
11997
  "original": {
11899
- "value": "#CB66A0",
11998
+ "value": "#D88CB7",
11900
11999
  "type": "color"
11901
12000
  },
11902
12001
  "name": "utrechtButtonSecondaryActionDisabledBorderColor",
@@ -11943,12 +12042,12 @@ module.exports = {
11943
12042
  },
11944
12043
  "focus": {
11945
12044
  "background-color": {
11946
- "value": "#e5b3d0",
12045
+ "value": "#f2d9e7",
11947
12046
  "type": "color",
11948
12047
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11949
12048
  "isSource": true,
11950
12049
  "original": {
11951
- "value": "#e5b3d0",
12050
+ "value": "#f2d9e7",
11952
12051
  "type": "color"
11953
12052
  },
11954
12053
  "name": "utrechtButtonSecondaryActionFocusBackgroundColor",
@@ -11993,12 +12092,12 @@ module.exports = {
11993
12092
  ]
11994
12093
  },
11995
12094
  "color": {
11996
- "value": "#a90061",
12095
+ "value": "#741344",
11997
12096
  "type": "color",
11998
12097
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
11999
12098
  "isSource": true,
12000
12099
  "original": {
12001
- "value": "#a90061",
12100
+ "value": "#741344",
12002
12101
  "type": "color"
12003
12102
  },
12004
12103
  "name": "utrechtButtonSecondaryActionFocusColor",
@@ -12068,13 +12167,35 @@ module.exports = {
12068
12167
  ]
12069
12168
  },
12070
12169
  "border-color": {
12071
- "value": "#a90061",
12170
+ "value": "#63143a",
12072
12171
  "type": "color",
12172
+ "$extensions": {
12173
+ "studio.tokens": {
12174
+ "modify": {
12175
+ "type": "darken",
12176
+ "value": "0.4",
12177
+ "space": "lch",
12178
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12179
+ "isSource": true
12180
+ }
12181
+ }
12182
+ },
12073
12183
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
12074
12184
  "isSource": true,
12075
12185
  "original": {
12076
- "value": "#a90061",
12077
- "type": "color"
12186
+ "value": "#63143a",
12187
+ "type": "color",
12188
+ "$extensions": {
12189
+ "studio.tokens": {
12190
+ "modify": {
12191
+ "type": "darken",
12192
+ "value": "0.4",
12193
+ "space": "lch",
12194
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12195
+ "isSource": true
12196
+ }
12197
+ }
12198
+ }
12078
12199
  },
12079
12200
  "name": "utrechtButtonSecondaryActionActiveBorderColor",
12080
12201
  "attributes": {
@@ -12093,12 +12214,12 @@ module.exports = {
12093
12214
  ]
12094
12215
  },
12095
12216
  "color": {
12096
- "value": "#a90061",
12217
+ "value": "#741344",
12097
12218
  "type": "color",
12098
12219
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
12099
12220
  "isSource": true,
12100
12221
  "original": {
12101
- "value": "#a90061",
12222
+ "value": "#741344",
12102
12223
  "type": "color"
12103
12224
  },
12104
12225
  "name": "utrechtButtonSecondaryActionActiveColor",
@@ -12113,56 +12234,177 @@ module.exports = {
12113
12234
  "utrecht",
12114
12235
  "button",
12115
12236
  "secondary-action",
12116
- "active",
12237
+ "active",
12238
+ "color"
12239
+ ]
12240
+ }
12241
+ },
12242
+ "font-size": {
12243
+ "value": "1.25rem",
12244
+ "type": "fontSizes",
12245
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12246
+ "isSource": true,
12247
+ "original": {
12248
+ "value": "1.25rem",
12249
+ "type": "fontSizes"
12250
+ },
12251
+ "name": "utrechtButtonSecondaryActionFontSize",
12252
+ "attributes": {
12253
+ "category": "utrecht",
12254
+ "type": "button",
12255
+ "item": "secondary-action",
12256
+ "subitem": "font-size"
12257
+ },
12258
+ "path": [
12259
+ "utrecht",
12260
+ "button",
12261
+ "secondary-action",
12262
+ "font-size"
12263
+ ]
12264
+ },
12265
+ "line-height": {
12266
+ "value": "1.875rem",
12267
+ "type": "lineHeights",
12268
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12269
+ "isSource": true,
12270
+ "original": {
12271
+ "value": "1.875rem",
12272
+ "type": "lineHeights"
12273
+ },
12274
+ "name": "utrechtButtonSecondaryActionLineHeight",
12275
+ "attributes": {
12276
+ "category": "utrecht",
12277
+ "type": "button",
12278
+ "item": "secondary-action",
12279
+ "subitem": "line-height"
12280
+ },
12281
+ "path": [
12282
+ "utrecht",
12283
+ "button",
12284
+ "secondary-action",
12285
+ "line-height"
12286
+ ]
12287
+ },
12288
+ "pressed": {
12289
+ "background-color": {
12290
+ "value": "#e5b3d0",
12291
+ "type": "color",
12292
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12293
+ "isSource": true,
12294
+ "original": {
12295
+ "value": "#e5b3d0",
12296
+ "type": "color"
12297
+ },
12298
+ "name": "utrechtButtonSecondaryActionPressedBackgroundColor",
12299
+ "attributes": {
12300
+ "category": "utrecht",
12301
+ "type": "button",
12302
+ "item": "secondary-action",
12303
+ "subitem": "pressed",
12304
+ "state": "background-color"
12305
+ },
12306
+ "path": [
12307
+ "utrecht",
12308
+ "button",
12309
+ "secondary-action",
12310
+ "pressed",
12311
+ "background-color"
12312
+ ]
12313
+ },
12314
+ "border-color": {
12315
+ "value": "#63143a",
12316
+ "type": "color",
12317
+ "$extensions": {
12318
+ "studio.tokens": {
12319
+ "modify": {
12320
+ "type": "darken",
12321
+ "value": "0.4",
12322
+ "space": "lch",
12323
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12324
+ "isSource": true
12325
+ }
12326
+ }
12327
+ },
12328
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12329
+ "isSource": true,
12330
+ "original": {
12331
+ "value": "#63143a",
12332
+ "type": "color",
12333
+ "$extensions": {
12334
+ "studio.tokens": {
12335
+ "modify": {
12336
+ "type": "darken",
12337
+ "value": "0.4",
12338
+ "space": "lch",
12339
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12340
+ "isSource": true
12341
+ }
12342
+ }
12343
+ }
12344
+ },
12345
+ "name": "utrechtButtonSecondaryActionPressedBorderColor",
12346
+ "attributes": {
12347
+ "category": "utrecht",
12348
+ "type": "button",
12349
+ "item": "secondary-action",
12350
+ "subitem": "pressed",
12351
+ "state": "border-color"
12352
+ },
12353
+ "path": [
12354
+ "utrecht",
12355
+ "button",
12356
+ "secondary-action",
12357
+ "pressed",
12358
+ "border-color"
12359
+ ]
12360
+ },
12361
+ "color": {
12362
+ "value": "#63143a",
12363
+ "type": "color",
12364
+ "$extensions": {
12365
+ "studio.tokens": {
12366
+ "modify": {
12367
+ "type": "darken",
12368
+ "value": "0.4",
12369
+ "space": "lch",
12370
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12371
+ "isSource": true
12372
+ }
12373
+ }
12374
+ },
12375
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12376
+ "isSource": true,
12377
+ "original": {
12378
+ "value": "#63143a",
12379
+ "type": "color",
12380
+ "$extensions": {
12381
+ "studio.tokens": {
12382
+ "modify": {
12383
+ "type": "darken",
12384
+ "value": "0.4",
12385
+ "space": "lch",
12386
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12387
+ "isSource": true
12388
+ }
12389
+ }
12390
+ }
12391
+ },
12392
+ "name": "utrechtButtonSecondaryActionPressedColor",
12393
+ "attributes": {
12394
+ "category": "utrecht",
12395
+ "type": "button",
12396
+ "item": "secondary-action",
12397
+ "subitem": "pressed",
12398
+ "state": "color"
12399
+ },
12400
+ "path": [
12401
+ "utrecht",
12402
+ "button",
12403
+ "secondary-action",
12404
+ "pressed",
12117
12405
  "color"
12118
12406
  ]
12119
12407
  }
12120
- },
12121
- "font-size": {
12122
- "value": "1.25rem",
12123
- "type": "fontSizes",
12124
- "filePath": "src/generated/uitvoerend-violet/tokens.json",
12125
- "isSource": true,
12126
- "original": {
12127
- "value": "1.25rem",
12128
- "type": "fontSizes"
12129
- },
12130
- "name": "utrechtButtonSecondaryActionFontSize",
12131
- "attributes": {
12132
- "category": "utrecht",
12133
- "type": "button",
12134
- "item": "secondary-action",
12135
- "subitem": "font-size"
12136
- },
12137
- "path": [
12138
- "utrecht",
12139
- "button",
12140
- "secondary-action",
12141
- "font-size"
12142
- ]
12143
- },
12144
- "line-height": {
12145
- "value": "1.875rem",
12146
- "type": "lineHeights",
12147
- "filePath": "src/generated/uitvoerend-violet/tokens.json",
12148
- "isSource": true,
12149
- "original": {
12150
- "value": "1.875rem",
12151
- "type": "lineHeights"
12152
- },
12153
- "name": "utrechtButtonSecondaryActionLineHeight",
12154
- "attributes": {
12155
- "category": "utrecht",
12156
- "type": "button",
12157
- "item": "secondary-action",
12158
- "subitem": "line-height"
12159
- },
12160
- "path": [
12161
- "utrecht",
12162
- "button",
12163
- "secondary-action",
12164
- "line-height"
12165
- ]
12166
12408
  }
12167
12409
  },
12168
12410
  "subtle": {
@@ -12214,12 +12456,12 @@ module.exports = {
12214
12456
  },
12215
12457
  "hover": {
12216
12458
  "background-color": {
12217
- "value": "transparent",
12459
+ "value": "#f2d9e7",
12218
12460
  "type": "color",
12219
12461
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
12220
12462
  "isSource": true,
12221
12463
  "original": {
12222
- "value": "transparent",
12464
+ "value": "#f2d9e7",
12223
12465
  "type": "color"
12224
12466
  },
12225
12467
  "name": "utrechtButtonSubtleHoverBackgroundColor",
@@ -12487,12 +12729,12 @@ module.exports = {
12487
12729
  ]
12488
12730
  },
12489
12731
  "color": {
12490
- "value": "#a90061",
12732
+ "value": "#741344",
12491
12733
  "type": "color",
12492
12734
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
12493
12735
  "isSource": true,
12494
12736
  "original": {
12495
- "value": "#a90061",
12737
+ "value": "#741344",
12496
12738
  "type": "color"
12497
12739
  },
12498
12740
  "name": "utrechtButtonSubtleFocusColor",
@@ -12514,12 +12756,12 @@ module.exports = {
12514
12756
  },
12515
12757
  "active": {
12516
12758
  "background-color": {
12517
- "value": "transparent",
12759
+ "value": "#D88CB7",
12518
12760
  "type": "color",
12519
12761
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
12520
12762
  "isSource": true,
12521
12763
  "original": {
12522
- "value": "transparent",
12764
+ "value": "#D88CB7",
12523
12765
  "type": "color"
12524
12766
  },
12525
12767
  "name": "utrechtButtonSubtleActiveBackgroundColor",
@@ -12633,6 +12875,176 @@ module.exports = {
12633
12875
  "subtle",
12634
12876
  "line-height"
12635
12877
  ]
12878
+ },
12879
+ "pressed": {
12880
+ "background-color": {
12881
+ "value": "#e5b3d0",
12882
+ "type": "color",
12883
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12884
+ "isSource": true,
12885
+ "original": {
12886
+ "value": "#e5b3d0",
12887
+ "type": "color"
12888
+ },
12889
+ "name": "utrechtButtonSubtlePressedBackgroundColor",
12890
+ "attributes": {
12891
+ "category": "utrecht",
12892
+ "type": "button",
12893
+ "item": "subtle",
12894
+ "subitem": "pressed",
12895
+ "state": "background-color"
12896
+ },
12897
+ "path": [
12898
+ "utrecht",
12899
+ "button",
12900
+ "subtle",
12901
+ "pressed",
12902
+ "background-color"
12903
+ ]
12904
+ },
12905
+ "border-color": {
12906
+ "value": "transparent",
12907
+ "type": "color",
12908
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12909
+ "isSource": true,
12910
+ "original": {
12911
+ "value": "transparent",
12912
+ "type": "color"
12913
+ },
12914
+ "name": "utrechtButtonSubtlePressedBorderColor",
12915
+ "attributes": {
12916
+ "category": "utrecht",
12917
+ "type": "button",
12918
+ "item": "subtle",
12919
+ "subitem": "pressed",
12920
+ "state": "border-color"
12921
+ },
12922
+ "path": [
12923
+ "utrecht",
12924
+ "button",
12925
+ "subtle",
12926
+ "pressed",
12927
+ "border-color"
12928
+ ]
12929
+ },
12930
+ "color": {
12931
+ "value": "#63143a",
12932
+ "type": "color",
12933
+ "$extensions": {
12934
+ "studio.tokens": {
12935
+ "modify": {
12936
+ "type": "darken",
12937
+ "value": "0.4",
12938
+ "space": "lch",
12939
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12940
+ "isSource": true
12941
+ }
12942
+ }
12943
+ },
12944
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12945
+ "isSource": true,
12946
+ "original": {
12947
+ "value": "#63143a",
12948
+ "type": "color",
12949
+ "$extensions": {
12950
+ "studio.tokens": {
12951
+ "modify": {
12952
+ "type": "darken",
12953
+ "value": "0.4",
12954
+ "space": "lch",
12955
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12956
+ "isSource": true
12957
+ }
12958
+ }
12959
+ }
12960
+ },
12961
+ "name": "utrechtButtonSubtlePressedColor",
12962
+ "attributes": {
12963
+ "category": "utrecht",
12964
+ "type": "button",
12965
+ "item": "subtle",
12966
+ "subitem": "pressed",
12967
+ "state": "color"
12968
+ },
12969
+ "path": [
12970
+ "utrecht",
12971
+ "button",
12972
+ "subtle",
12973
+ "pressed",
12974
+ "color"
12975
+ ]
12976
+ }
12977
+ }
12978
+ },
12979
+ "pressed": {
12980
+ "background-color": {
12981
+ "value": "#1E293B",
12982
+ "type": "color",
12983
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
12984
+ "isSource": true,
12985
+ "original": {
12986
+ "value": "#1E293B",
12987
+ "type": "color"
12988
+ },
12989
+ "name": "utrechtButtonPressedBackgroundColor",
12990
+ "attributes": {
12991
+ "category": "utrecht",
12992
+ "type": "button",
12993
+ "item": "pressed",
12994
+ "subitem": "background-color"
12995
+ },
12996
+ "path": [
12997
+ "utrecht",
12998
+ "button",
12999
+ "pressed",
13000
+ "background-color"
13001
+ ]
13002
+ },
13003
+ "border-color": {
13004
+ "value": "transparent",
13005
+ "type": "color",
13006
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
13007
+ "isSource": true,
13008
+ "original": {
13009
+ "value": "transparent",
13010
+ "type": "color"
13011
+ },
13012
+ "name": "utrechtButtonPressedBorderColor",
13013
+ "attributes": {
13014
+ "category": "utrecht",
13015
+ "type": "button",
13016
+ "item": "pressed",
13017
+ "subitem": "border-color"
13018
+ },
13019
+ "path": [
13020
+ "utrecht",
13021
+ "button",
13022
+ "pressed",
13023
+ "border-color"
13024
+ ]
13025
+ },
13026
+ "color": {
13027
+ "value": "#fff",
13028
+ "type": "color",
13029
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
13030
+ "isSource": true,
13031
+ "original": {
13032
+ "value": "#fff",
13033
+ "type": "color"
13034
+ },
13035
+ "name": "utrechtButtonPressedColor",
13036
+ "attributes": {
13037
+ "category": "utrecht",
13038
+ "type": "button",
13039
+ "item": "pressed",
13040
+ "subitem": "color"
13041
+ },
13042
+ "path": [
13043
+ "utrecht",
13044
+ "button",
13045
+ "pressed",
13046
+ "color"
13047
+ ]
12636
13048
  }
12637
13049
  }
12638
13050
  },
@@ -16416,54 +16828,50 @@ module.exports = {
16416
16828
  "subdued"
16417
16829
  ]
16418
16830
  },
16419
- "onEmphasis": {
16420
- "parent": "mode/light",
16421
- "value": "#fff",
16831
+ "link": {
16832
+ "value": "#01689b",
16422
16833
  "type": "color",
16423
- "description": "Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer.",
16424
16834
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
16425
16835
  "isSource": true,
16426
16836
  "original": {
16427
- "parent": "mode/light",
16428
- "value": "#fff",
16429
- "type": "color",
16430
- "description": "Tekst en iconen die op een sterke achtergrond staan. Zoals het label in de primaire button of links in de footer."
16837
+ "value": "#01689b",
16838
+ "type": "color"
16431
16839
  },
16432
- "name": "rhcColorForegroundOnEmphasis",
16840
+ "name": "rhcColorForegroundLink",
16433
16841
  "attributes": {
16434
16842
  "category": "rhc",
16435
16843
  "type": "color",
16436
16844
  "item": "foreground",
16437
- "subitem": "onEmphasis"
16845
+ "subitem": "link"
16438
16846
  },
16439
16847
  "path": [
16440
16848
  "rhc",
16441
16849
  "color",
16442
16850
  "foreground",
16443
- "onEmphasis"
16851
+ "link"
16444
16852
  ]
16445
16853
  },
16446
- "link": {
16447
- "value": "#01689b",
16854
+ "onEmphasis": {
16855
+ "value": "#fff",
16448
16856
  "type": "color",
16449
16857
  "filePath": "src/generated/uitvoerend-violet/tokens.json",
16450
16858
  "isSource": true,
16451
16859
  "original": {
16452
- "value": "#01689b",
16860
+ "value": "#fff",
16453
16861
  "type": "color"
16454
16862
  },
16455
- "name": "rhcColorForegroundLink",
16863
+ "name": "rhcColorForegroundOnEmphasis",
16456
16864
  "attributes": {
16457
16865
  "category": "rhc",
16458
16866
  "type": "color",
16459
16867
  "item": "foreground",
16460
- "subitem": "link"
16868
+ "subitem": "onEmphasis"
16461
16869
  },
16462
16870
  "path": [
16463
16871
  "rhc",
16464
16872
  "color",
16465
16873
  "foreground",
16466
- "link"
16874
+ "onEmphasis"
16467
16875
  ]
16468
16876
  }
16469
16877
  },
@@ -16840,6 +17248,31 @@ module.exports = {
16840
17248
  ]
16841
17249
  }
16842
17250
  },
17251
+ "accent-2": {
17252
+ "500": {
17253
+ "value": "#f092cd",
17254
+ "type": "color",
17255
+ "filePath": "src/generated/uitvoerend-violet/tokens.json",
17256
+ "isSource": true,
17257
+ "original": {
17258
+ "value": "#f092cd",
17259
+ "type": "color"
17260
+ },
17261
+ "name": "rhcColorAccent2500",
17262
+ "attributes": {
17263
+ "category": "rhc",
17264
+ "type": "color",
17265
+ "item": "accent-2",
17266
+ "subitem": "500"
17267
+ },
17268
+ "path": [
17269
+ "rhc",
17270
+ "color",
17271
+ "accent-2",
17272
+ "500"
17273
+ ]
17274
+ }
17275
+ },
16843
17276
  "cool-grey": {
16844
17277
  "50": {
16845
17278
  "value": "#F8FAFC",