@utrecht/component-library-design-tokens 1.1.7 → 1.1.9

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 +528 -33
  2. package/package.json +9 -9
package/dist/tokens.json CHANGED
@@ -6357,6 +6357,102 @@
6357
6357
  "nl.nldesignsystem.figma.supports-token": false
6358
6358
  },
6359
6359
  "type": "spacing"
6360
+ },
6361
+ "hover": {
6362
+ "color": {
6363
+ "$extensions": {
6364
+ "nl.nldesignsystem.css.property": {
6365
+ "syntax": "<color>",
6366
+ "inherits": true
6367
+ },
6368
+ "nl.nldesignsystem.figma.supports-token": false
6369
+ },
6370
+ "type": "color"
6371
+ },
6372
+ "border-color": {
6373
+ "$extensions": {
6374
+ "nl.nldesignsystem.css.property": {
6375
+ "syntax": "<color>",
6376
+ "inherits": true
6377
+ },
6378
+ "nl.nldesignsystem.figma.supports-token": false
6379
+ },
6380
+ "type": "color"
6381
+ },
6382
+ "background-color": {
6383
+ "$extensions": {
6384
+ "nl.nldesignsystem.css.property": {
6385
+ "syntax": "<color>",
6386
+ "inherits": true
6387
+ },
6388
+ "nl.nldesignsystem.figma.supports-token": false
6389
+ },
6390
+ "type": "color"
6391
+ }
6392
+ },
6393
+ "focus": {
6394
+ "color": {
6395
+ "$extensions": {
6396
+ "nl.nldesignsystem.css.property": {
6397
+ "syntax": "<color>",
6398
+ "inherits": true
6399
+ },
6400
+ "nl.nldesignsystem.figma.supports-token": false
6401
+ },
6402
+ "type": "color"
6403
+ },
6404
+ "border-color": {
6405
+ "$extensions": {
6406
+ "nl.nldesignsystem.css.property": {
6407
+ "syntax": "<color>",
6408
+ "inherits": true
6409
+ },
6410
+ "nl.nldesignsystem.figma.supports-token": false
6411
+ },
6412
+ "type": "color"
6413
+ },
6414
+ "background-color": {
6415
+ "$extensions": {
6416
+ "nl.nldesignsystem.css.property": {
6417
+ "syntax": "<color>",
6418
+ "inherits": true
6419
+ },
6420
+ "nl.nldesignsystem.figma.supports-token": false
6421
+ },
6422
+ "type": "color"
6423
+ }
6424
+ },
6425
+ "active": {
6426
+ "color": {
6427
+ "$extensions": {
6428
+ "nl.nldesignsystem.css.property": {
6429
+ "syntax": "<color>",
6430
+ "inherits": true
6431
+ },
6432
+ "nl.nldesignsystem.figma.supports-token": false
6433
+ },
6434
+ "type": "color"
6435
+ },
6436
+ "border-color": {
6437
+ "$extensions": {
6438
+ "nl.nldesignsystem.css.property": {
6439
+ "syntax": "<color>",
6440
+ "inherits": true
6441
+ },
6442
+ "nl.nldesignsystem.figma.supports-token": false
6443
+ },
6444
+ "type": "color"
6445
+ },
6446
+ "background-color": {
6447
+ "$extensions": {
6448
+ "nl.nldesignsystem.css.property": {
6449
+ "syntax": "<color>",
6450
+ "inherits": true
6451
+ },
6452
+ "nl.nldesignsystem.figma.supports-token": false
6453
+ },
6454
+ "type": "color"
6455
+ }
6360
6456
  }
6361
6457
  }
6362
6458
  },
@@ -8224,6 +8320,104 @@
8224
8320
  "type": "spacing"
8225
8321
  }
8226
8322
  },
8323
+ "heading": {
8324
+ "color": {
8325
+ "$extensions": {
8326
+ "nl.nldesignsystem.css.property": {
8327
+ "syntax": "<color>",
8328
+ "inherits": true
8329
+ },
8330
+ "nl.nldesignsystem.figma.supports-token": true
8331
+ },
8332
+ "type": "color"
8333
+ },
8334
+ "font-family": {
8335
+ "$extensions": {
8336
+ "nl.nldesignsystem.css.property": {
8337
+ "syntax": "*",
8338
+ "inherits": true
8339
+ },
8340
+ "nl.nldesignsystem.figma.supports-token": true
8341
+ },
8342
+ "type": "fontFamilies"
8343
+ },
8344
+ "font-weight": {
8345
+ "$extensions": {
8346
+ "nl.nldesignsystem.css.property": {
8347
+ "syntax": "<number>",
8348
+ "inherits": true
8349
+ },
8350
+ "nl.nldesignsystem.figma.supports-token": true
8351
+ },
8352
+ "type": "fontWeights"
8353
+ }
8354
+ },
8355
+ "grid": {
8356
+ "spacing": {
8357
+ "sm": {
8358
+ "$extensions": {
8359
+ "nl.nldesignsystem.css.property": {
8360
+ "syntax": "<length>",
8361
+ "inherits": true
8362
+ },
8363
+ "nl.nldesignsystem.figma.supports-token": false
8364
+ },
8365
+ "type": "spacing",
8366
+ "value": "8px",
8367
+ "comment": "Small spacing between grid cells"
8368
+ },
8369
+ "md": {
8370
+ "$extensions": {
8371
+ "nl.nldesignsystem.css.property": {
8372
+ "syntax": "<length>",
8373
+ "inherits": true
8374
+ },
8375
+ "nl.nldesignsystem.figma.supports-token": false
8376
+ },
8377
+ "type": "spacing",
8378
+ "value": "16px",
8379
+ "comment": "Medium spacing between grid cells"
8380
+ },
8381
+ "lg": {
8382
+ "$extensions": {
8383
+ "nl.nldesignsystem.css.property": {
8384
+ "syntax": "<length>",
8385
+ "inherits": true
8386
+ },
8387
+ "nl.nldesignsystem.figma.supports-token": false
8388
+ },
8389
+ "type": "spacing",
8390
+ "value": "24px",
8391
+ "comment": "Large spacing between grid cells"
8392
+ }
8393
+ },
8394
+ "columns": {
8395
+ "total": {
8396
+ "$extensions": {
8397
+ "nl.nldesignsystem.css.property": {
8398
+ "syntax": "<number>",
8399
+ "inherits": true
8400
+ },
8401
+ "nl.nldesignsystem.figma.supports-token": false
8402
+ },
8403
+ "type": "other",
8404
+ "value": "12",
8405
+ "comment": "Total number of columns in the grid system"
8406
+ },
8407
+ "default": {
8408
+ "$extensions": {
8409
+ "nl.nldesignsystem.css.property": {
8410
+ "syntax": "<number>",
8411
+ "inherits": true
8412
+ },
8413
+ "nl.nldesignsystem.figma.supports-token": false
8414
+ },
8415
+ "type": "other",
8416
+ "value": "4",
8417
+ "comment": "Default column span when no size is specified"
8418
+ }
8419
+ }
8420
+ },
8227
8421
  "heading-1": {
8228
8422
  "color": {
8229
8423
  "$extensions": {
@@ -8310,38 +8504,6 @@
8310
8504
  "type": "spacing"
8311
8505
  }
8312
8506
  },
8313
- "heading": {
8314
- "color": {
8315
- "$extensions": {
8316
- "nl.nldesignsystem.css.property": {
8317
- "syntax": "<color>",
8318
- "inherits": true
8319
- },
8320
- "nl.nldesignsystem.figma.supports-token": true
8321
- },
8322
- "type": "color"
8323
- },
8324
- "font-family": {
8325
- "$extensions": {
8326
- "nl.nldesignsystem.css.property": {
8327
- "syntax": "*",
8328
- "inherits": true
8329
- },
8330
- "nl.nldesignsystem.figma.supports-token": true
8331
- },
8332
- "type": "fontFamilies"
8333
- },
8334
- "font-weight": {
8335
- "$extensions": {
8336
- "nl.nldesignsystem.css.property": {
8337
- "syntax": "<number>",
8338
- "inherits": true
8339
- },
8340
- "nl.nldesignsystem.figma.supports-token": true
8341
- },
8342
- "type": "fontWeights"
8343
- }
8344
- },
8345
8507
  "form-toggle": {
8346
8508
  "accent-color": {
8347
8509
  "$extensions": {
@@ -9720,7 +9882,330 @@
9720
9882
  }
9721
9883
  }
9722
9884
  },
9723
- "utrecht-flolegal-decision-tree-container": {},
9885
+ "flo-decision": {
9886
+ "explanation": {
9887
+ "margin-inline-start": {
9888
+ "$extensions": {
9889
+ "nl.nldesignsystem.css.property": {
9890
+ "syntax": "<length>",
9891
+ "inherits": true
9892
+ },
9893
+ "nl.nldesignsystem.figma.supports-token": true
9894
+ },
9895
+ "type": "spacing"
9896
+ },
9897
+ "margin-block-start": {
9898
+ "$extensions": {
9899
+ "nl.nldesignsystem.css.property": {
9900
+ "syntax": "<length>",
9901
+ "inherits": true
9902
+ },
9903
+ "nl.nldesignsystem.figma.supports-token": true
9904
+ },
9905
+ "type": "spacing"
9906
+ },
9907
+ "button": {
9908
+ "border-color": {
9909
+ "$extensions": {
9910
+ "nl.nldesignsystem.css.property": {
9911
+ "syntax": "<color>",
9912
+ "inherits": true
9913
+ },
9914
+ "nl.nldesignsystem.figma.supports-token": true
9915
+ },
9916
+ "type": "color"
9917
+ },
9918
+ "background-color": {
9919
+ "$extensions": {
9920
+ "nl.nldesignsystem.css.property": {
9921
+ "syntax": "<color>",
9922
+ "inherits": true
9923
+ },
9924
+ "nl.nldesignsystem.figma.supports-token": true
9925
+ },
9926
+ "type": "color"
9927
+ },
9928
+ "close": {
9929
+ "margin-block-end": {
9930
+ "$extensions": {
9931
+ "nl.nldesignsystem.css.property": {
9932
+ "syntax": "<length>",
9933
+ "inherits": true
9934
+ },
9935
+ "nl.nldesignsystem.figma.supports-token": true
9936
+ },
9937
+ "type": "spacing"
9938
+ }
9939
+ }
9940
+ },
9941
+ "container": {
9942
+ "background-color": {
9943
+ "$extensions": {
9944
+ "nl.nldesignsystem.css.property": {
9945
+ "syntax": "<color>",
9946
+ "inherits": true
9947
+ },
9948
+ "nl.nldesignsystem.figma.supports-token": true
9949
+ },
9950
+ "type": "color"
9951
+ },
9952
+ "margin-block-start": {
9953
+ "$extensions": {
9954
+ "nl.nldesignsystem.css.property": {
9955
+ "syntax": "<length>",
9956
+ "inherits": true
9957
+ },
9958
+ "nl.nldesignsystem.figma.supports-token": true
9959
+ },
9960
+ "type": "spacing"
9961
+ }
9962
+ }
9963
+ },
9964
+ "label": {
9965
+ "checkbox": {
9966
+ "column-gap": {
9967
+ "$extensions": {
9968
+ "nl.nldesignsystem.css.property": {
9969
+ "syntax": "<length>",
9970
+ "inherits": true
9971
+ },
9972
+ "nl.nldesignsystem.figma.supports-token": true
9973
+ },
9974
+ "type": "spacing"
9975
+ },
9976
+ "margin-block-start": {
9977
+ "$extensions": {
9978
+ "nl.nldesignsystem.css.property": {
9979
+ "syntax": "<length>",
9980
+ "inherits": true
9981
+ },
9982
+ "nl.nldesignsystem.figma.supports-token": true
9983
+ },
9984
+ "type": "spacing"
9985
+ }
9986
+ }
9987
+ },
9988
+ "form": {
9989
+ "padding-block": {
9990
+ "$extensions": {
9991
+ "nl.nldesignsystem.css.property": {
9992
+ "syntax": "<length>",
9993
+ "inherits": true
9994
+ },
9995
+ "nl.nldesignsystem.figma.supports-token": true
9996
+ },
9997
+ "type": "spacing"
9998
+ },
9999
+ "padding-inline": {
10000
+ "$extensions": {
10001
+ "nl.nldesignsystem.css.property": {
10002
+ "syntax": "<length>",
10003
+ "inherits": true
10004
+ },
10005
+ "nl.nldesignsystem.figma.supports-token": true
10006
+ },
10007
+ "type": "spacing"
10008
+ },
10009
+ "background-color": {
10010
+ "$extensions": {
10011
+ "nl.nldesignsystem.css.property": {
10012
+ "syntax": "<color>",
10013
+ "inherits": true
10014
+ },
10015
+ "nl.nldesignsystem.figma.supports-token": true
10016
+ },
10017
+ "type": "color"
10018
+ },
10019
+ "margin-block-start": {
10020
+ "$extensions": {
10021
+ "nl.nldesignsystem.css.property": {
10022
+ "syntax": "<length>",
10023
+ "inherits": true
10024
+ },
10025
+ "nl.nldesignsystem.figma.supports-token": true
10026
+ },
10027
+ "type": "spacing"
10028
+ },
10029
+ "margin-block-end": {
10030
+ "$extensions": {
10031
+ "nl.nldesignsystem.css.property": {
10032
+ "syntax": "<length>",
10033
+ "inherits": true
10034
+ },
10035
+ "nl.nldesignsystem.figma.supports-token": true
10036
+ },
10037
+ "type": "spacing"
10038
+ },
10039
+ "button": {
10040
+ "disabled": {
10041
+ "color": {
10042
+ "$extensions": {
10043
+ "nl.nldesignsystem.css.property": {
10044
+ "syntax": "<color>",
10045
+ "inherits": true
10046
+ },
10047
+ "nl.nldesignsystem.figma.supports-token": true
10048
+ },
10049
+ "type": "color"
10050
+ }
10051
+ }
10052
+ },
10053
+ "nav": {
10054
+ "padding-block": {
10055
+ "$extensions": {
10056
+ "nl.nldesignsystem.css.property": {
10057
+ "syntax": "<length>",
10058
+ "inherits": true
10059
+ },
10060
+ "nl.nldesignsystem.figma.supports-token": true
10061
+ },
10062
+ "type": "spacing"
10063
+ },
10064
+ "background-color": {
10065
+ "$extensions": {
10066
+ "nl.nldesignsystem.css.property": {
10067
+ "syntax": "<color>",
10068
+ "inherits": true
10069
+ },
10070
+ "nl.nldesignsystem.figma.supports-token": true
10071
+ },
10072
+ "type": "color"
10073
+ }
10074
+ }
10075
+ },
10076
+ "question": {
10077
+ "description": {
10078
+ "column-gap": {
10079
+ "$extensions": {
10080
+ "nl.nldesignsystem.css.property": {
10081
+ "syntax": "<length>",
10082
+ "inherits": true
10083
+ },
10084
+ "nl.nldesignsystem.figma.supports-token": true
10085
+ },
10086
+ "type": "spacing"
10087
+ }
10088
+ },
10089
+ "answers": {
10090
+ "row-gap": {
10091
+ "$extensions": {
10092
+ "nl.nldesignsystem.css.property": {
10093
+ "syntax": "<length>",
10094
+ "inherits": true
10095
+ },
10096
+ "nl.nldesignsystem.figma.supports-token": true
10097
+ },
10098
+ "type": "spacing"
10099
+ },
10100
+ "option": {
10101
+ "column-gap": {
10102
+ "$extensions": {
10103
+ "nl.nldesignsystem.css.property": {
10104
+ "syntax": "<length>",
10105
+ "inherits": true
10106
+ },
10107
+ "nl.nldesignsystem.figma.supports-token": true
10108
+ },
10109
+ "type": "spacing"
10110
+ }
10111
+ }
10112
+ },
10113
+ "section": {
10114
+ "padding-block-end": {
10115
+ "$extensions": {
10116
+ "nl.nldesignsystem.css.property": {
10117
+ "syntax": "<length>",
10118
+ "inherits": true
10119
+ },
10120
+ "nl.nldesignsystem.figma.supports-token": true
10121
+ },
10122
+ "type": "spacing"
10123
+ },
10124
+ "padding-block-start": {
10125
+ "$extensions": {
10126
+ "nl.nldesignsystem.css.property": {
10127
+ "syntax": "<length>",
10128
+ "inherits": true
10129
+ },
10130
+ "nl.nldesignsystem.figma.supports-token": true
10131
+ },
10132
+ "type": "spacing"
10133
+ },
10134
+ "background-color": {
10135
+ "$extensions": {
10136
+ "nl.nldesignsystem.css.property": {
10137
+ "syntax": "<color>",
10138
+ "inherits": true
10139
+ },
10140
+ "nl.nldesignsystem.figma.supports-token": true
10141
+ },
10142
+ "type": "color"
10143
+ },
10144
+ "border-block-color": {
10145
+ "$extensions": {
10146
+ "nl.nldesignsystem.css.property": {
10147
+ "syntax": "<color>",
10148
+ "inherits": true
10149
+ },
10150
+ "nl.nldesignsystem.figma.supports-token": true
10151
+ },
10152
+ "type": "color"
10153
+ },
10154
+ "border-block-width": {
10155
+ "$extensions": {
10156
+ "nl.nldesignsystem.css.property": {
10157
+ "syntax": "<length>",
10158
+ "inherits": true
10159
+ },
10160
+ "nl.nldesignsystem.figma.supports-token": true
10161
+ },
10162
+ "type": "borderWidth"
10163
+ }
10164
+ }
10165
+ },
10166
+ "outcomes-container": {
10167
+ "background-color": {
10168
+ "$extensions": {
10169
+ "nl.nldesignsystem.css.property": {
10170
+ "syntax": "<color>",
10171
+ "inherits": true
10172
+ },
10173
+ "nl.nldesignsystem.figma.supports-token": true
10174
+ },
10175
+ "type": "color"
10176
+ },
10177
+ "margin-block-start": {
10178
+ "$extensions": {
10179
+ "nl.nldesignsystem.css.property": {
10180
+ "syntax": "<length>",
10181
+ "inherits": true
10182
+ },
10183
+ "nl.nldesignsystem.figma.supports-token": true
10184
+ },
10185
+ "type": "spacing"
10186
+ },
10187
+ "padding-inline": {
10188
+ "$extensions": {
10189
+ "nl.nldesignsystem.css.property": {
10190
+ "syntax": "<length>",
10191
+ "inherits": true
10192
+ },
10193
+ "nl.nldesignsystem.figma.supports-token": true
10194
+ },
10195
+ "type": "spacing"
10196
+ },
10197
+ "padding-block": {
10198
+ "$extensions": {
10199
+ "nl.nldesignsystem.css.property": {
10200
+ "syntax": "<length>",
10201
+ "inherits": true
10202
+ },
10203
+ "nl.nldesignsystem.figma.supports-token": true
10204
+ },
10205
+ "type": "spacing"
10206
+ }
10207
+ }
10208
+ },
9724
10209
  "flex-wrap-fallback": {},
9725
10210
  "figure": {
9726
10211
  "margin-block-end": {
@@ -13525,6 +14010,16 @@
13525
14010
  },
13526
14011
  "type": "spacing"
13527
14012
  },
14013
+ "margin-block-end": {
14014
+ "$extensions": {
14015
+ "nl.nldesignsystem.css.property": {
14016
+ "syntax": "<length>",
14017
+ "inherits": true
14018
+ },
14019
+ "nl.nldesignsystem.figma.supports-token": false
14020
+ },
14021
+ "type": "spacing"
14022
+ },
13528
14023
  "padding-inline-end": {
13529
14024
  "$extensions": {
13530
14025
  "nl.nldesignsystem.css.property": {
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "1.1.7",
2
+ "version": "1.1.9",
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",
@@ -29,27 +29,27 @@
29
29
  "@utrecht/build-utils-css": "0.0.4"
30
30
  },
31
31
  "dependencies": {
32
- "@utrecht/action-group-css": "3.0.1",
33
32
  "@utrecht/accordion-css": "3.0.1",
33
+ "@utrecht/action-group-css": "3.0.1",
34
34
  "@utrecht/alert-css": "3.0.1",
35
35
  "@utrecht/alert-dialog-css": "2.0.1",
36
36
  "@utrecht/alternate-lang-nav-css": "2.0.1",
37
37
  "@utrecht/article-css": "2.0.1",
38
+ "@utrecht/backdrop-css": "2.0.1",
38
39
  "@utrecht/badge-counter-css": "2.0.1",
39
40
  "@utrecht/badge-list-css": "3.0.1",
40
- "@utrecht/backdrop-css": "2.0.1",
41
41
  "@utrecht/badge-status-css": "2.0.1",
42
42
  "@utrecht/blockquote-css": "2.0.1",
43
+ "@utrecht/breadcrumb-nav-css": "2.1.0",
43
44
  "@utrecht/button-css": "3.0.1",
44
45
  "@utrecht/button-group-css": "2.0.1",
45
46
  "@utrecht/button-link-css": "2.0.1",
46
- "@utrecht/breadcrumb-nav-css": "2.0.1",
47
+ "@utrecht/calendar-css": "2.0.1",
47
48
  "@utrecht/checkbox-css": "2.0.1",
48
49
  "@utrecht/code-block-css": "2.0.1",
49
50
  "@utrecht/code-css": "2.0.1",
50
51
  "@utrecht/color-sample-css": "2.0.1",
51
52
  "@utrecht/column-layout-css": "2.0.1",
52
- "@utrecht/calendar-css": "2.0.1",
53
53
  "@utrecht/combobox-css": "2.0.1",
54
54
  "@utrecht/currency-data-css": "2.0.1",
55
55
  "@utrecht/custom-checkbox-css": "2.0.1",
@@ -69,20 +69,20 @@
69
69
  "@utrecht/form-label-css": "2.0.1",
70
70
  "@utrecht/form-toggle-css": "2.0.1",
71
71
  "@utrecht/heading-1-css": "2.0.1",
72
+ "@utrecht/heading-2-css": "2.0.1",
72
73
  "@utrecht/heading-3-css": "2.0.1",
73
74
  "@utrecht/heading-4-css": "2.0.1",
74
- "@utrecht/heading-2-css": "2.0.1",
75
75
  "@utrecht/heading-5-css": "2.0.1",
76
76
  "@utrecht/heading-6-css": "2.0.1",
77
77
  "@utrecht/heading-group-css": "2.0.1",
78
78
  "@utrecht/html-content-css": "2.0.1",
79
79
  "@utrecht/iban-data-css": "2.0.1",
80
- "@utrecht/icon": "2.1.1",
80
+ "@utrecht/icon": "2.2.0",
81
81
  "@utrecht/img-css": "2.0.1",
82
82
  "@utrecht/index-char-nav-css": "2.0.1",
83
+ "@utrecht/link-button-css": "2.0.1",
83
84
  "@utrecht/link-css": "2.0.1",
84
85
  "@utrecht/link-list-css": "3.0.1",
85
- "@utrecht/link-button-css": "2.0.1",
86
86
  "@utrecht/link-social-css": "2.0.1",
87
87
  "@utrecht/list-social-css": "2.0.1",
88
88
  "@utrecht/listbox-css": "2.0.1",
@@ -92,8 +92,8 @@
92
92
  "@utrecht/map-marker-css": "2.0.1",
93
93
  "@utrecht/mark-css": "2.0.1",
94
94
  "@utrecht/multiline-data-css": "2.0.1",
95
- "@utrecht/nav-list-css": "1.3.2",
96
95
  "@utrecht/nav-bar-css": "2.0.1",
96
+ "@utrecht/nav-list-css": "1.3.2",
97
97
  "@utrecht/number-badge-css": "3.0.1",
98
98
  "@utrecht/number-data-css": "2.0.1",
99
99
  "@utrecht/ordered-list-css": "3.0.1",