@utrecht/component-library-design-tokens 2.0.0 → 2.0.2

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 (2) hide show
  1. package/dist/tokens.json +293 -127
  2. package/package.json +6 -6
package/dist/tokens.json CHANGED
@@ -21,7 +21,6 @@
21
21
  }
22
22
  }
23
23
  },
24
- "url-data": {},
25
24
  "unordered-list": {
26
25
  "font-size": {
27
26
  "$extensions": {
@@ -97,9 +96,168 @@
97
96
  "nl.nldesignsystem.figma-implementation": true
98
97
  },
99
98
  "$type": "color"
99
+ },
100
+ "font-size": {
101
+ "$extensions": {
102
+ "nl.nldesignsystem.css-property-syntax": "<length>",
103
+ "nl.nldesignsystem.figma-implementation": false
104
+ },
105
+ "$type": "dimension"
106
+ }
107
+ },
108
+ "level-1": {
109
+ "list-style-type": {
110
+ "$extensions": {
111
+ "nl.nldesignsystem.css-property-syntax": "<string>",
112
+ "nl.nldesignsystem.figma-implementation": false
113
+ },
114
+ "$type": "string"
115
+ },
116
+ "marker": {
117
+ "font-size": {
118
+ "$extensions": {
119
+ "nl.nldesignsystem.css-property-syntax": "<length>",
120
+ "nl.nldesignsystem.figma-implementation": false
121
+ },
122
+ "$type": "dimension"
123
+ }
124
+ }
125
+ },
126
+ "level-2": {
127
+ "list-style-type": {
128
+ "$extensions": {
129
+ "nl.nldesignsystem.css-property-syntax": "<string>",
130
+ "nl.nldesignsystem.figma-implementation": false
131
+ },
132
+ "$type": "string"
133
+ },
134
+ "marker": {
135
+ "font-size": {
136
+ "$extensions": {
137
+ "nl.nldesignsystem.css-property-syntax": "<length>",
138
+ "nl.nldesignsystem.figma-implementation": false
139
+ },
140
+ "$type": "dimension"
141
+ }
142
+ }
143
+ },
144
+ "level-3": {
145
+ "list-style-type": {
146
+ "$extensions": {
147
+ "nl.nldesignsystem.css-property-syntax": "<string>",
148
+ "nl.nldesignsystem.figma-implementation": false
149
+ },
150
+ "$type": "string"
151
+ },
152
+ "marker": {
153
+ "font-size": {
154
+ "$extensions": {
155
+ "nl.nldesignsystem.css-property-syntax": "<length>",
156
+ "nl.nldesignsystem.figma-implementation": false
157
+ },
158
+ "$type": "dimension"
159
+ }
160
+ }
161
+ },
162
+ "level-4": {
163
+ "list-style-type": {
164
+ "$extensions": {
165
+ "nl.nldesignsystem.css-property-syntax": "<string>",
166
+ "nl.nldesignsystem.figma-implementation": false
167
+ },
168
+ "$type": "string"
169
+ },
170
+ "marker": {
171
+ "font-size": {
172
+ "$extensions": {
173
+ "nl.nldesignsystem.css-property-syntax": "<length>",
174
+ "nl.nldesignsystem.figma-implementation": false
175
+ },
176
+ "$type": "dimension"
177
+ }
178
+ }
179
+ },
180
+ "level-5": {
181
+ "list-style-type": {
182
+ "$extensions": {
183
+ "nl.nldesignsystem.css-property-syntax": "<string>",
184
+ "nl.nldesignsystem.figma-implementation": false
185
+ },
186
+ "$type": "string"
187
+ },
188
+ "marker": {
189
+ "font-size": {
190
+ "$extensions": {
191
+ "nl.nldesignsystem.css-property-syntax": "<length>",
192
+ "nl.nldesignsystem.figma-implementation": false
193
+ },
194
+ "$type": "dimension"
195
+ }
196
+ }
197
+ },
198
+ "level-6": {
199
+ "list-style-type": {
200
+ "$extensions": {
201
+ "nl.nldesignsystem.css-property-syntax": "<string>",
202
+ "nl.nldesignsystem.figma-implementation": false
203
+ },
204
+ "$type": "string"
205
+ },
206
+ "marker": {
207
+ "font-size": {
208
+ "$extensions": {
209
+ "nl.nldesignsystem.css-property-syntax": "<length>",
210
+ "nl.nldesignsystem.figma-implementation": false
211
+ },
212
+ "$type": "dimension"
213
+ }
214
+ }
215
+ },
216
+ "level-7": {
217
+ "list-style-type": {
218
+ "$extensions": {
219
+ "nl.nldesignsystem.css-property-syntax": "<string>",
220
+ "nl.nldesignsystem.figma-implementation": false
221
+ },
222
+ "$type": "string"
223
+ },
224
+ "marker": {
225
+ "font-size": {
226
+ "$extensions": {
227
+ "nl.nldesignsystem.css-property-syntax": "<length>",
228
+ "nl.nldesignsystem.figma-implementation": false
229
+ },
230
+ "$type": "dimension"
231
+ }
232
+ }
233
+ },
234
+ "level-8": {
235
+ "list-style-type": {
236
+ "$extensions": {
237
+ "nl.nldesignsystem.css-property-syntax": "<string>",
238
+ "nl.nldesignsystem.figma-implementation": false
239
+ },
240
+ "$type": "string"
241
+ },
242
+ "marker": {
243
+ "content": {
244
+ "$extensions": {
245
+ "nl.nldesignsystem.css-property-syntax": "<string>",
246
+ "nl.nldesignsystem.figma-implementation": false
247
+ },
248
+ "$type": "string"
249
+ },
250
+ "font-size": {
251
+ "$extensions": {
252
+ "nl.nldesignsystem.css-property-syntax": "<length>",
253
+ "nl.nldesignsystem.figma-implementation": false
254
+ },
255
+ "$type": "dimension"
256
+ }
100
257
  }
101
258
  }
102
259
  },
260
+ "url-data": {},
103
261
  "toptask-link-nav": {
104
262
  "gap": {
105
263
  "$extensions": {
@@ -1553,6 +1711,16 @@
1553
1711
  },
1554
1712
  "$type": "dimension"
1555
1713
  },
1714
+ "row-gap": {
1715
+ "$extensions": {
1716
+ "nl.nldesignsystem.css.property": {
1717
+ "syntax": "<length>",
1718
+ "inherits": true
1719
+ },
1720
+ "nl.nldesignsystem.figma.supports-token": false
1721
+ },
1722
+ "type": "spacing"
1723
+ },
1556
1724
  "margin-block-start": {
1557
1725
  "$extensions": {
1558
1726
  "nl.nldesignsystem.css-property-syntax": "<length>",
@@ -1863,36 +2031,6 @@
1863
2031
  }
1864
2032
  }
1865
2033
  },
1866
- "separator": {
1867
- "color": {
1868
- "$extensions": {
1869
- "nl.nldesignsystem.css-property-syntax": "<color>",
1870
- "nl.nldesignsystem.figma-implementation": true
1871
- },
1872
- "$type": "color"
1873
- },
1874
- "block-size": {
1875
- "$extensions": {
1876
- "nl.nldesignsystem.css-property-syntax": "<length>",
1877
- "nl.nldesignsystem.figma-implementation": true
1878
- },
1879
- "$type": "dimension"
1880
- },
1881
- "margin-block-end": {
1882
- "$extensions": {
1883
- "nl.nldesignsystem.css-property-syntax": "<length>",
1884
- "nl.nldesignsystem.figma-implementation": false
1885
- },
1886
- "$type": "dimension"
1887
- },
1888
- "margin-block-start": {
1889
- "$extensions": {
1890
- "nl.nldesignsystem.css-property-syntax": "<length>",
1891
- "nl.nldesignsystem.figma-implementation": false
1892
- },
1893
- "$type": "dimension"
1894
- }
1895
- },
1896
2034
  "select": {
1897
2035
  "background-color": {
1898
2036
  "$extensions": {
@@ -2231,6 +2369,36 @@
2231
2369
  }
2232
2370
  }
2233
2371
  },
2372
+ "separator": {
2373
+ "color": {
2374
+ "$extensions": {
2375
+ "nl.nldesignsystem.css-property-syntax": "<color>",
2376
+ "nl.nldesignsystem.figma-implementation": true
2377
+ },
2378
+ "$type": "color"
2379
+ },
2380
+ "block-size": {
2381
+ "$extensions": {
2382
+ "nl.nldesignsystem.css-property-syntax": "<length>",
2383
+ "nl.nldesignsystem.figma-implementation": true
2384
+ },
2385
+ "$type": "dimension"
2386
+ },
2387
+ "margin-block-end": {
2388
+ "$extensions": {
2389
+ "nl.nldesignsystem.css-property-syntax": "<length>",
2390
+ "nl.nldesignsystem.figma-implementation": false
2391
+ },
2392
+ "$type": "dimension"
2393
+ },
2394
+ "margin-block-start": {
2395
+ "$extensions": {
2396
+ "nl.nldesignsystem.css-property-syntax": "<length>",
2397
+ "nl.nldesignsystem.figma-implementation": false
2398
+ },
2399
+ "$type": "dimension"
2400
+ }
2401
+ },
2234
2402
  "search-bar": {
2235
2403
  "button": {
2236
2404
  "background-color": {
@@ -3758,6 +3926,36 @@
3758
3926
  }
3759
3927
  }
3760
3928
  },
3929
+ "page-content": {
3930
+ "padding-block-start": {
3931
+ "$extensions": {
3932
+ "nl.nldesignsystem.css-property-syntax": "<length>",
3933
+ "nl.nldesignsystem.figma-implementation": false
3934
+ },
3935
+ "$type": "dimension"
3936
+ },
3937
+ "padding-block-end": {
3938
+ "$extensions": {
3939
+ "nl.nldesignsystem.css-property-syntax": "<length>",
3940
+ "nl.nldesignsystem.figma-implementation": false
3941
+ },
3942
+ "$type": "dimension"
3943
+ },
3944
+ "padding-inline-start": {
3945
+ "$extensions": {
3946
+ "nl.nldesignsystem.css-property-syntax": "<length>",
3947
+ "nl.nldesignsystem.figma-implementation": false
3948
+ },
3949
+ "$type": "dimension"
3950
+ },
3951
+ "padding-inine-end": {
3952
+ "$extensions": {
3953
+ "nl.nldesignsystem.css-property-syntax": "<length>",
3954
+ "nl.nldesignsystem.figma-implementation": false
3955
+ },
3956
+ "$type": "dimension"
3957
+ }
3958
+ },
3761
3959
  "page-footer": {
3762
3960
  "color": {
3763
3961
  "$extensions": {
@@ -3853,29 +4051,36 @@
3853
4051
  }
3854
4052
  }
3855
4053
  },
3856
- "page-content": {
3857
- "padding-block-start": {
4054
+ "page": {
4055
+ "background-color": {
3858
4056
  "$extensions": {
3859
- "nl.nldesignsystem.css-property-syntax": "<length>",
4057
+ "nl.nldesignsystem.css-property-syntax": "<color>",
3860
4058
  "nl.nldesignsystem.figma-implementation": false
3861
4059
  },
3862
- "$type": "dimension"
4060
+ "$type": "color"
3863
4061
  },
3864
- "padding-block-end": {
4062
+ "color": {
4063
+ "$extensions": {
4064
+ "nl.nldesignsystem.css-property-syntax": "<color>",
4065
+ "nl.nldesignsystem.figma-implementation": false
4066
+ },
4067
+ "$type": "color"
4068
+ },
4069
+ "margin-inline-start": {
3865
4070
  "$extensions": {
3866
4071
  "nl.nldesignsystem.css-property-syntax": "<length>",
3867
4072
  "nl.nldesignsystem.figma-implementation": false
3868
4073
  },
3869
4074
  "$type": "dimension"
3870
4075
  },
3871
- "padding-inline-start": {
4076
+ "margin-inline-end": {
3872
4077
  "$extensions": {
3873
4078
  "nl.nldesignsystem.css-property-syntax": "<length>",
3874
4079
  "nl.nldesignsystem.figma-implementation": false
3875
4080
  },
3876
4081
  "$type": "dimension"
3877
4082
  },
3878
- "padding-inine-end": {
4083
+ "max-inline-size": {
3879
4084
  "$extensions": {
3880
4085
  "nl.nldesignsystem.css-property-syntax": "<length>",
3881
4086
  "nl.nldesignsystem.figma-implementation": false
@@ -3943,43 +4148,7 @@
3943
4148
  }
3944
4149
  }
3945
4150
  },
3946
- "page": {
3947
- "background-color": {
3948
- "$extensions": {
3949
- "nl.nldesignsystem.css-property-syntax": "<color>",
3950
- "nl.nldesignsystem.figma-implementation": false
3951
- },
3952
- "$type": "color"
3953
- },
3954
- "color": {
3955
- "$extensions": {
3956
- "nl.nldesignsystem.css-property-syntax": "<color>",
3957
- "nl.nldesignsystem.figma-implementation": false
3958
- },
3959
- "$type": "color"
3960
- },
3961
- "margin-inline-start": {
3962
- "$extensions": {
3963
- "nl.nldesignsystem.css-property-syntax": "<length>",
3964
- "nl.nldesignsystem.figma-implementation": false
3965
- },
3966
- "$type": "dimension"
3967
- },
3968
- "margin-inline-end": {
3969
- "$extensions": {
3970
- "nl.nldesignsystem.css-property-syntax": "<length>",
3971
- "nl.nldesignsystem.figma-implementation": false
3972
- },
3973
- "$type": "dimension"
3974
- },
3975
- "max-inline-size": {
3976
- "$extensions": {
3977
- "nl.nldesignsystem.css-property-syntax": "<length>",
3978
- "nl.nldesignsystem.figma-implementation": false
3979
- },
3980
- "$type": "dimension"
3981
- }
3982
- },
4151
+ "open-forms-container": {},
3983
4152
  "ordered-list": {
3984
4153
  "font-size": {
3985
4154
  "$extensions": {
@@ -4072,7 +4241,6 @@
4072
4241
  }
4073
4242
  }
4074
4243
  },
4075
- "open-forms-container": {},
4076
4244
  "number-data": {
4077
4245
  "positive": {
4078
4246
  "color": {
@@ -4225,6 +4393,7 @@
4225
4393
  "$type": "dimension"
4226
4394
  }
4227
4395
  },
4396
+ "topnav": {},
4228
4397
  "navigation": {
4229
4398
  "border-block-end-color": {
4230
4399
  "$extensions": {
@@ -4917,9 +5086,9 @@
4917
5086
  }
4918
5087
  }
4919
5088
  },
4920
- "topnav": {},
4921
- "sidenav": {},
4922
5089
  "nav-list": {},
5090
+ "sidenav": {},
5091
+ "multiline-data": {},
4923
5092
  "nav-bar": {
4924
5093
  "background-color": {
4925
5094
  "$extensions": {
@@ -4989,7 +5158,6 @@
4989
5158
  }
4990
5159
  }
4991
5160
  },
4992
- "multiline-data": {},
4993
5161
  "mark": {
4994
5162
  "background-color": {
4995
5163
  "$extensions": {
@@ -6777,13 +6945,11 @@
6777
6945
  },
6778
6946
  "invalid": {
6779
6947
  "border-inline-start-color": {
6780
- "color": {
6781
- "$extensions": {
6782
- "nl.nldesignsystem.css-property-syntax": "<color>",
6783
- "nl.nldesignsystem.figma-implementation": false
6784
- },
6785
- "$type": "color"
6786
- }
6948
+ "$extensions": {
6949
+ "nl.nldesignsystem.css-property-syntax": "<color>",
6950
+ "nl.nldesignsystem.figma-implementation": false
6951
+ },
6952
+ "$type": "color"
6787
6953
  },
6788
6954
  "border-inline-start-width": {
6789
6955
  "$extensions": {
@@ -10664,47 +10830,6 @@
10664
10830
  }
10665
10831
  }
10666
10832
  },
10667
- "body": {
10668
- "font-family": {
10669
- "$extensions": {
10670
- "nl.nldesignsystem.css-property-syntax": "*",
10671
- "nl.nldesignsystem.deprecated": true,
10672
- "nl.nldesignsystem.figma-implementation": true,
10673
- "nl.nldesignsystem.redirect": "utrecht.root.font-family"
10674
- },
10675
- "$type": "fontFamily"
10676
- },
10677
- "font-size": {
10678
- "$extensions": {
10679
- "nl.nldesignsystem.css-property-syntax": "<length>",
10680
- "nl.nldesignsystem.deprecated": true,
10681
- "nl.nldesignsystem.figma-implementation": true,
10682
- "nl.nldesignsystem.redirect": "utrecht.root.font-size"
10683
- },
10684
- "$type": "dimension"
10685
- },
10686
- "font-weight": {
10687
- "$extensions": {
10688
- "nl.nldesignsystem.css-property-syntax": "<number>",
10689
- "nl.nldesignsystem.deprecated": true,
10690
- "nl.nldesignsystem.figma-implementation": true,
10691
- "nl.nldesignsystem.redirect": "utrecht.root.font-weight"
10692
- },
10693
- "$type": "fontWeight"
10694
- },
10695
- "line-height": {
10696
- "$extensions": {
10697
- "nl.nldesignsystem.css-property-syntax": [
10698
- "<length>",
10699
- "<number>"
10700
- ],
10701
- "nl.nldesignsystem.deprecated": true,
10702
- "nl.nldesignsystem.figma-implementation": true,
10703
- "nl.nldesignsystem.redirect": "utrecht.root.font-family"
10704
- },
10705
- "$type": "dimension"
10706
- }
10707
- },
10708
10833
  "blockquote": {
10709
10834
  "background-color": {
10710
10835
  "$extensions": {
@@ -10909,6 +11034,47 @@
10909
11034
  }
10910
11035
  }
10911
11036
  },
11037
+ "body": {
11038
+ "font-family": {
11039
+ "$extensions": {
11040
+ "nl.nldesignsystem.css-property-syntax": "*",
11041
+ "nl.nldesignsystem.deprecated": true,
11042
+ "nl.nldesignsystem.figma-implementation": true,
11043
+ "nl.nldesignsystem.redirect": "utrecht.root.font-family"
11044
+ },
11045
+ "$type": "fontFamily"
11046
+ },
11047
+ "font-size": {
11048
+ "$extensions": {
11049
+ "nl.nldesignsystem.css-property-syntax": "<length>",
11050
+ "nl.nldesignsystem.deprecated": true,
11051
+ "nl.nldesignsystem.figma-implementation": true,
11052
+ "nl.nldesignsystem.redirect": "utrecht.root.font-size"
11053
+ },
11054
+ "$type": "dimension"
11055
+ },
11056
+ "font-weight": {
11057
+ "$extensions": {
11058
+ "nl.nldesignsystem.css-property-syntax": "<number>",
11059
+ "nl.nldesignsystem.deprecated": true,
11060
+ "nl.nldesignsystem.figma-implementation": true,
11061
+ "nl.nldesignsystem.redirect": "utrecht.root.font-weight"
11062
+ },
11063
+ "$type": "fontWeight"
11064
+ },
11065
+ "line-height": {
11066
+ "$extensions": {
11067
+ "nl.nldesignsystem.css-property-syntax": [
11068
+ "<length>",
11069
+ "<number>"
11070
+ ],
11071
+ "nl.nldesignsystem.deprecated": true,
11072
+ "nl.nldesignsystem.figma-implementation": true,
11073
+ "nl.nldesignsystem.redirect": "utrecht.root.font-family"
11074
+ },
11075
+ "$type": "dimension"
11076
+ }
11077
+ },
10912
11078
  "badge-list": {
10913
11079
  "row-gap": {
10914
11080
  "$extensions": {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.0",
2
+ "version": "2.0.2",
3
3
  "author": "Community for NL Design System",
4
4
  "description": "Design tokens metadata for the component library for the Municipality of Utrecht based on the NL Design System architecture",
5
5
  "license": "EUPL-1.2",
@@ -31,11 +31,11 @@
31
31
  "dependencies": {
32
32
  "@utrecht/accordion-css": "4.0.0",
33
33
  "@utrecht/action-group-css": "4.0.0",
34
- "@utrecht/alert-css": "4.0.0",
34
+ "@utrecht/alert-css": "4.0.1",
35
35
  "@utrecht/alert-dialog-css": "3.0.0",
36
36
  "@utrecht/alternate-lang-nav-css": "3.0.0",
37
- "@utrecht/backdrop-css": "3.0.0",
38
37
  "@utrecht/article-css": "3.0.0",
38
+ "@utrecht/backdrop-css": "3.0.0",
39
39
  "@utrecht/badge-counter-css": "3.0.0",
40
40
  "@utrecht/badge-list-css": "4.0.0",
41
41
  "@utrecht/blockquote-css": "3.0.0",
@@ -91,7 +91,7 @@
91
91
  "@utrecht/map-marker-css": "3.0.0",
92
92
  "@utrecht/mark-css": "3.0.0",
93
93
  "@utrecht/multiline-data-css": "3.0.0",
94
- "@utrecht/nav-bar-css": "3.0.0",
94
+ "@utrecht/nav-bar-css": "3.1.0",
95
95
  "@utrecht/nav-list-css": "2.0.0",
96
96
  "@utrecht/number-badge-css": "4.0.0",
97
97
  "@utrecht/number-data-css": "3.0.0",
@@ -110,7 +110,7 @@
110
110
  "@utrecht/select-css": "3.0.0",
111
111
  "@utrecht/separator-css": "3.0.0",
112
112
  "@utrecht/skip-link-css": "3.0.0",
113
- "@utrecht/spotlight-section-css": "3.0.0",
113
+ "@utrecht/spotlight-section-css": "3.0.1",
114
114
  "@utrecht/status-badge-css": "2.0.0",
115
115
  "@utrecht/surface-css": "3.0.0",
116
116
  "@utrecht/table-css": "3.0.0",
@@ -119,7 +119,7 @@
119
119
  "@utrecht/textbox-css": "4.0.0",
120
120
  "@utrecht/top-task-link-css": "3.0.0",
121
121
  "@utrecht/top-task-nav-css": "2.0.0",
122
- "@utrecht/unordered-list-css": "3.0.0",
122
+ "@utrecht/unordered-list-css": "3.1.0",
123
123
  "@utrecht/url-data-css": "3.0.0"
124
124
  },
125
125
  "scripts": {