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

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 +129 -120
  2. package/package.json +2 -2
package/dist/tokens.json CHANGED
@@ -21,6 +21,7 @@
21
21
  }
22
22
  }
23
23
  },
24
+ "url-data": {},
24
25
  "unordered-list": {
25
26
  "font-size": {
26
27
  "$extensions": {
@@ -257,7 +258,6 @@
257
258
  }
258
259
  }
259
260
  },
260
- "url-data": {},
261
261
  "toptask-link-nav": {
262
262
  "gap": {
263
263
  "$extensions": {
@@ -2031,6 +2031,36 @@
2031
2031
  }
2032
2032
  }
2033
2033
  },
2034
+ "separator": {
2035
+ "color": {
2036
+ "$extensions": {
2037
+ "nl.nldesignsystem.css-property-syntax": "<color>",
2038
+ "nl.nldesignsystem.figma-implementation": true
2039
+ },
2040
+ "$type": "color"
2041
+ },
2042
+ "block-size": {
2043
+ "$extensions": {
2044
+ "nl.nldesignsystem.css-property-syntax": "<length>",
2045
+ "nl.nldesignsystem.figma-implementation": true
2046
+ },
2047
+ "$type": "dimension"
2048
+ },
2049
+ "margin-block-end": {
2050
+ "$extensions": {
2051
+ "nl.nldesignsystem.css-property-syntax": "<length>",
2052
+ "nl.nldesignsystem.figma-implementation": false
2053
+ },
2054
+ "$type": "dimension"
2055
+ },
2056
+ "margin-block-start": {
2057
+ "$extensions": {
2058
+ "nl.nldesignsystem.css-property-syntax": "<length>",
2059
+ "nl.nldesignsystem.figma-implementation": false
2060
+ },
2061
+ "$type": "dimension"
2062
+ }
2063
+ },
2034
2064
  "select": {
2035
2065
  "background-color": {
2036
2066
  "$extensions": {
@@ -2369,36 +2399,6 @@
2369
2399
  }
2370
2400
  }
2371
2401
  },
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
- },
2402
2402
  "search-bar": {
2403
2403
  "button": {
2404
2404
  "background-color": {
@@ -3926,36 +3926,6 @@
3926
3926
  }
3927
3927
  }
3928
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
- },
3959
3929
  "page-footer": {
3960
3930
  "color": {
3961
3931
  "$extensions": {
@@ -4051,36 +4021,29 @@
4051
4021
  }
4052
4022
  }
4053
4023
  },
4054
- "page": {
4055
- "background-color": {
4056
- "$extensions": {
4057
- "nl.nldesignsystem.css-property-syntax": "<color>",
4058
- "nl.nldesignsystem.figma-implementation": false
4059
- },
4060
- "$type": "color"
4061
- },
4062
- "color": {
4024
+ "page-content": {
4025
+ "padding-block-start": {
4063
4026
  "$extensions": {
4064
- "nl.nldesignsystem.css-property-syntax": "<color>",
4027
+ "nl.nldesignsystem.css-property-syntax": "<length>",
4065
4028
  "nl.nldesignsystem.figma-implementation": false
4066
4029
  },
4067
- "$type": "color"
4030
+ "$type": "dimension"
4068
4031
  },
4069
- "margin-inline-start": {
4032
+ "padding-block-end": {
4070
4033
  "$extensions": {
4071
4034
  "nl.nldesignsystem.css-property-syntax": "<length>",
4072
4035
  "nl.nldesignsystem.figma-implementation": false
4073
4036
  },
4074
4037
  "$type": "dimension"
4075
4038
  },
4076
- "margin-inline-end": {
4039
+ "padding-inline-start": {
4077
4040
  "$extensions": {
4078
4041
  "nl.nldesignsystem.css-property-syntax": "<length>",
4079
4042
  "nl.nldesignsystem.figma-implementation": false
4080
4043
  },
4081
4044
  "$type": "dimension"
4082
4045
  },
4083
- "max-inline-size": {
4046
+ "padding-inine-end": {
4084
4047
  "$extensions": {
4085
4048
  "nl.nldesignsystem.css-property-syntax": "<length>",
4086
4049
  "nl.nldesignsystem.figma-implementation": false
@@ -4148,7 +4111,43 @@
4148
4111
  }
4149
4112
  }
4150
4113
  },
4151
- "open-forms-container": {},
4114
+ "page": {
4115
+ "background-color": {
4116
+ "$extensions": {
4117
+ "nl.nldesignsystem.css-property-syntax": "<color>",
4118
+ "nl.nldesignsystem.figma-implementation": false
4119
+ },
4120
+ "$type": "color"
4121
+ },
4122
+ "color": {
4123
+ "$extensions": {
4124
+ "nl.nldesignsystem.css-property-syntax": "<color>",
4125
+ "nl.nldesignsystem.figma-implementation": false
4126
+ },
4127
+ "$type": "color"
4128
+ },
4129
+ "margin-inline-start": {
4130
+ "$extensions": {
4131
+ "nl.nldesignsystem.css-property-syntax": "<length>",
4132
+ "nl.nldesignsystem.figma-implementation": false
4133
+ },
4134
+ "$type": "dimension"
4135
+ },
4136
+ "margin-inline-end": {
4137
+ "$extensions": {
4138
+ "nl.nldesignsystem.css-property-syntax": "<length>",
4139
+ "nl.nldesignsystem.figma-implementation": false
4140
+ },
4141
+ "$type": "dimension"
4142
+ },
4143
+ "max-inline-size": {
4144
+ "$extensions": {
4145
+ "nl.nldesignsystem.css-property-syntax": "<length>",
4146
+ "nl.nldesignsystem.figma-implementation": false
4147
+ },
4148
+ "$type": "dimension"
4149
+ }
4150
+ },
4152
4151
  "ordered-list": {
4153
4152
  "font-size": {
4154
4153
  "$extensions": {
@@ -4241,6 +4240,7 @@
4241
4240
  }
4242
4241
  }
4243
4242
  },
4243
+ "open-forms-container": {},
4244
4244
  "number-data": {
4245
4245
  "positive": {
4246
4246
  "color": {
@@ -4393,7 +4393,6 @@
4393
4393
  "$type": "dimension"
4394
4394
  }
4395
4395
  },
4396
- "topnav": {},
4397
4396
  "navigation": {
4398
4397
  "border-block-end-color": {
4399
4398
  "$extensions": {
@@ -5086,9 +5085,9 @@
5086
5085
  }
5087
5086
  }
5088
5087
  },
5089
- "nav-list": {},
5088
+ "topnav": {},
5090
5089
  "sidenav": {},
5091
- "multiline-data": {},
5090
+ "nav-list": {},
5092
5091
  "nav-bar": {
5093
5092
  "background-color": {
5094
5093
  "$extensions": {
@@ -5156,8 +5155,18 @@
5156
5155
  },
5157
5156
  "$type": "dimension"
5158
5157
  }
5158
+ },
5159
+ "sticky": {
5160
+ "z-index": {
5161
+ "$extensions": {
5162
+ "nl.nldesignsystem.css-property-syntax": "<number>",
5163
+ "nl.nldesignsystem.figma-implementation": false
5164
+ },
5165
+ "$type": "dimension"
5166
+ }
5159
5167
  }
5160
5168
  },
5169
+ "multiline-data": {},
5161
5170
  "mark": {
5162
5171
  "background-color": {
5163
5172
  "$extensions": {
@@ -10830,6 +10839,47 @@
10830
10839
  }
10831
10840
  }
10832
10841
  },
10842
+ "body": {
10843
+ "font-family": {
10844
+ "$extensions": {
10845
+ "nl.nldesignsystem.css-property-syntax": "*",
10846
+ "nl.nldesignsystem.deprecated": true,
10847
+ "nl.nldesignsystem.figma-implementation": true,
10848
+ "nl.nldesignsystem.redirect": "utrecht.root.font-family"
10849
+ },
10850
+ "$type": "fontFamily"
10851
+ },
10852
+ "font-size": {
10853
+ "$extensions": {
10854
+ "nl.nldesignsystem.css-property-syntax": "<length>",
10855
+ "nl.nldesignsystem.deprecated": true,
10856
+ "nl.nldesignsystem.figma-implementation": true,
10857
+ "nl.nldesignsystem.redirect": "utrecht.root.font-size"
10858
+ },
10859
+ "$type": "dimension"
10860
+ },
10861
+ "font-weight": {
10862
+ "$extensions": {
10863
+ "nl.nldesignsystem.css-property-syntax": "<number>",
10864
+ "nl.nldesignsystem.deprecated": true,
10865
+ "nl.nldesignsystem.figma-implementation": true,
10866
+ "nl.nldesignsystem.redirect": "utrecht.root.font-weight"
10867
+ },
10868
+ "$type": "fontWeight"
10869
+ },
10870
+ "line-height": {
10871
+ "$extensions": {
10872
+ "nl.nldesignsystem.css-property-syntax": [
10873
+ "<length>",
10874
+ "<number>"
10875
+ ],
10876
+ "nl.nldesignsystem.deprecated": true,
10877
+ "nl.nldesignsystem.figma-implementation": true,
10878
+ "nl.nldesignsystem.redirect": "utrecht.root.font-family"
10879
+ },
10880
+ "$type": "dimension"
10881
+ }
10882
+ },
10833
10883
  "blockquote": {
10834
10884
  "background-color": {
10835
10885
  "$extensions": {
@@ -11034,47 +11084,6 @@
11034
11084
  }
11035
11085
  }
11036
11086
  },
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
- },
11078
11087
  "badge-list": {
11079
11088
  "row-gap": {
11080
11089
  "$extensions": {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "2.0.2",
2
+ "version": "2.0.3",
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",
@@ -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.1.0",
94
+ "@utrecht/nav-bar-css": "3.2.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",