@utrecht/component-library-design-tokens 1.1.3 → 1.1.4

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 +597 -597
  2. package/package.json +87 -87
package/dist/tokens.json CHANGED
@@ -8625,6 +8625,142 @@
8625
8625
  }
8626
8626
  }
8627
8627
  },
8628
+ "form-field-error-message": {
8629
+ "background-color": {
8630
+ "$extensions": {
8631
+ "nl.nldesignsystem.css.property": {
8632
+ "syntax": "<color>",
8633
+ "inherits": true
8634
+ },
8635
+ "nl.nldesignsystem.figma.supports-token": true
8636
+ },
8637
+ "type": "color"
8638
+ },
8639
+ "color": {
8640
+ "$extensions": {
8641
+ "nl.nldesignsystem.css.property": {
8642
+ "syntax": "<color>",
8643
+ "inherits": true
8644
+ },
8645
+ "nl.nldesignsystem.figma.supports-token": true
8646
+ },
8647
+ "type": "color"
8648
+ },
8649
+ "font-family": {
8650
+ "$extensions": {
8651
+ "nl.nldesignsystem.css.property": {
8652
+ "syntax": "*",
8653
+ "inherits": true
8654
+ },
8655
+ "nl.nldesignsystem.figma.supports-token": true
8656
+ },
8657
+ "type": "fontFamilies"
8658
+ },
8659
+ "font-size": {
8660
+ "$extensions": {
8661
+ "nl.nldesignsystem.css.property": {
8662
+ "syntax": "<length>",
8663
+ "inherits": true
8664
+ },
8665
+ "nl.nldesignsystem.figma.supports-token": true
8666
+ },
8667
+ "type": "fontSizes"
8668
+ },
8669
+ "font-style": {
8670
+ "$extensions": {
8671
+ "nl.nldesignsystem.css.property": {
8672
+ "syntax": [
8673
+ "inherit",
8674
+ "italic",
8675
+ "normal"
8676
+ ],
8677
+ "inherits": true
8678
+ },
8679
+ "nl.nldesignsystem.figma.supports-token": false
8680
+ },
8681
+ "type": "other"
8682
+ },
8683
+ "font-weight": {
8684
+ "$extensions": {
8685
+ "nl.nldesignsystem.css.property": {
8686
+ "syntax": "<number>",
8687
+ "inherits": true
8688
+ },
8689
+ "nl.nldesignsystem.figma.supports-token": true
8690
+ },
8691
+ "type": "fontWeights"
8692
+ },
8693
+ "line-height": {
8694
+ "$extensions": {
8695
+ "nl.nldesignsystem.css.property": {
8696
+ "syntax": "<length> | <number>",
8697
+ "inherits": true
8698
+ },
8699
+ "nl.nldesignsystem.figma.supports-token": true
8700
+ },
8701
+ "type": "lineHeights"
8702
+ },
8703
+ "margin-block-start": {
8704
+ "$extensions": {
8705
+ "nl.nldesignsystem.css.property": {
8706
+ "syntax": "<length>",
8707
+ "inherits": true
8708
+ },
8709
+ "nl.nldesignsystem.figma.supports-token": false
8710
+ },
8711
+ "type": "spacing"
8712
+ },
8713
+ "margin-block-end": {
8714
+ "$extensions": {
8715
+ "nl.nldesignsystem.css.property": {
8716
+ "syntax": "<length>",
8717
+ "inherits": true
8718
+ },
8719
+ "nl.nldesignsystem.figma.supports-token": false
8720
+ },
8721
+ "type": "spacing"
8722
+ },
8723
+ "padding-block-start": {
8724
+ "$extensions": {
8725
+ "nl.nldesignsystem.css.property": {
8726
+ "syntax": "<length>",
8727
+ "inherits": true
8728
+ },
8729
+ "nl.nldesignsystem.figma.supports-token": true
8730
+ },
8731
+ "type": "spacing"
8732
+ },
8733
+ "padding-block-end": {
8734
+ "$extensions": {
8735
+ "nl.nldesignsystem.css.property": {
8736
+ "syntax": "<length>",
8737
+ "inherits": true
8738
+ },
8739
+ "nl.nldesignsystem.figma.supports-token": true
8740
+ },
8741
+ "type": "spacing"
8742
+ },
8743
+ "padding-inline-start": {
8744
+ "$extensions": {
8745
+ "nl.nldesignsystem.css.property": {
8746
+ "syntax": "<length>",
8747
+ "inherits": true
8748
+ },
8749
+ "nl.nldesignsystem.figma.supports-token": true
8750
+ },
8751
+ "type": "spacing"
8752
+ },
8753
+ "padding-inline-end": {
8754
+ "$extensions": {
8755
+ "nl.nldesignsystem.css.property": {
8756
+ "syntax": "<length>",
8757
+ "inherits": true
8758
+ },
8759
+ "nl.nldesignsystem.figma.supports-token": true
8760
+ },
8761
+ "type": "spacing"
8762
+ }
8763
+ },
8628
8764
  "form-label": {
8629
8765
  "color": {
8630
8766
  "$extensions": {
@@ -8901,17 +9037,7 @@
8901
9037
  }
8902
9038
  }
8903
9039
  },
8904
- "form-field-error-message": {
8905
- "background-color": {
8906
- "$extensions": {
8907
- "nl.nldesignsystem.css.property": {
8908
- "syntax": "<color>",
8909
- "inherits": true
8910
- },
8911
- "nl.nldesignsystem.figma.supports-token": true
8912
- },
8913
- "type": "color"
8914
- },
9040
+ "form-field-description": {
8915
9041
  "color": {
8916
9042
  "$extensions": {
8917
9043
  "nl.nldesignsystem.css.property": {
@@ -8956,20 +9082,10 @@
8956
9082
  },
8957
9083
  "type": "other"
8958
9084
  },
8959
- "font-weight": {
8960
- "$extensions": {
8961
- "nl.nldesignsystem.css.property": {
8962
- "syntax": "<number>",
8963
- "inherits": true
8964
- },
8965
- "nl.nldesignsystem.figma.supports-token": true
8966
- },
8967
- "type": "fontWeights"
8968
- },
8969
9085
  "line-height": {
8970
9086
  "$extensions": {
8971
9087
  "nl.nldesignsystem.css.property": {
8972
- "syntax": "<length> | <number>",
9088
+ "syntax": "<length>",
8973
9089
  "inherits": true
8974
9090
  },
8975
9091
  "nl.nldesignsystem.figma.supports-token": true
@@ -8984,7 +9100,7 @@
8984
9100
  },
8985
9101
  "nl.nldesignsystem.figma.supports-token": false
8986
9102
  },
8987
- "type": "spacing"
9103
+ "type": "sizing"
8988
9104
  },
8989
9105
  "margin-block-end": {
8990
9106
  "$extensions": {
@@ -8994,204 +9110,88 @@
8994
9110
  },
8995
9111
  "nl.nldesignsystem.figma.supports-token": false
8996
9112
  },
8997
- "type": "spacing"
9113
+ "type": "sizing"
8998
9114
  },
8999
- "padding-block-start": {
9000
- "$extensions": {
9001
- "nl.nldesignsystem.css.property": {
9002
- "syntax": "<length>",
9003
- "inherits": true
9115
+ "invalid": {
9116
+ "font-weight": {
9117
+ "$extensions": {
9118
+ "nl.nldesignsystem.css.property": {
9119
+ "syntax": "<number>",
9120
+ "inherits": true
9121
+ },
9122
+ "nl.nldesignsystem.deprecated": true,
9123
+ "nl.nldesignsystem.redirect": "utrecht.form-field-error-message.font-weight",
9124
+ "nl.nldesignsystem.figma.supports-token": false
9004
9125
  },
9005
- "nl.nldesignsystem.figma.supports-token": true
9126
+ "type": "fontWeights"
9006
9127
  },
9007
- "type": "spacing"
9128
+ "color": {
9129
+ "$extensions": {
9130
+ "nl.nldesignsystem.css.property": {
9131
+ "syntax": "<color>",
9132
+ "inherits": true
9133
+ },
9134
+ "nl.nldesignsystem.deprecated": true,
9135
+ "nl.nldesignsystem.redirect": "utrecht.form-field-error-message.color",
9136
+ "nl.nldesignsystem.figma.supports-token": false
9137
+ },
9138
+ "type": "color"
9139
+ }
9008
9140
  },
9009
- "padding-block-end": {
9141
+ "valid": {
9142
+ "color": {
9143
+ "$extensions": {
9144
+ "nl.nldesignsystem.css.property": {
9145
+ "syntax": "<color>",
9146
+ "inherits": true
9147
+ },
9148
+ "nl.nldesignsystem.figma.supports-token": false
9149
+ },
9150
+ "type": "color"
9151
+ }
9152
+ }
9153
+ },
9154
+ "form-field": {
9155
+ "margin-block-start": {
9010
9156
  "$extensions": {
9011
9157
  "nl.nldesignsystem.css.property": {
9012
9158
  "syntax": "<length>",
9013
9159
  "inherits": true
9014
9160
  },
9015
- "nl.nldesignsystem.figma.supports-token": true
9161
+ "nl.nldesignsystem.figma.supports-token": false
9016
9162
  },
9017
9163
  "type": "spacing"
9018
9164
  },
9019
- "padding-inline-start": {
9165
+ "margin-block-end": {
9020
9166
  "$extensions": {
9021
9167
  "nl.nldesignsystem.css.property": {
9022
9168
  "syntax": "<length>",
9023
9169
  "inherits": true
9024
9170
  },
9025
- "nl.nldesignsystem.figma.supports-token": true
9171
+ "nl.nldesignsystem.figma.supports-token": false
9026
9172
  },
9027
9173
  "type": "spacing"
9028
9174
  },
9029
- "padding-inline-end": {
9030
- "$extensions": {
9031
- "nl.nldesignsystem.css.property": {
9032
- "syntax": "<length>",
9033
- "inherits": true
9175
+ "invalid": {
9176
+ "border-inline-start-color": {
9177
+ "$extensions": {
9178
+ "nl.nldesignsystem.css.property": {
9179
+ "syntax": "<color>",
9180
+ "inherits": true
9181
+ },
9182
+ "nl.nldesignsystem.figma.supports-token": true
9034
9183
  },
9035
- "nl.nldesignsystem.figma.supports-token": true
9184
+ "type": "color"
9036
9185
  },
9037
- "type": "spacing"
9038
- }
9039
- },
9040
- "form-field-description": {
9041
- "color": {
9042
- "$extensions": {
9043
- "nl.nldesignsystem.css.property": {
9044
- "syntax": "<color>",
9045
- "inherits": true
9186
+ "border-inline-start-width": {
9187
+ "$extensions": {
9188
+ "nl.nldesignsystem.css.property": {
9189
+ "syntax": "<length>",
9190
+ "inherits": true
9191
+ },
9192
+ "nl.nldesignsystem.figma.supports-token": true
9046
9193
  },
9047
- "nl.nldesignsystem.figma.supports-token": true
9048
- },
9049
- "type": "color"
9050
- },
9051
- "font-family": {
9052
- "$extensions": {
9053
- "nl.nldesignsystem.css.property": {
9054
- "syntax": "*",
9055
- "inherits": true
9056
- },
9057
- "nl.nldesignsystem.figma.supports-token": true
9058
- },
9059
- "type": "fontFamilies"
9060
- },
9061
- "font-size": {
9062
- "$extensions": {
9063
- "nl.nldesignsystem.css.property": {
9064
- "syntax": "<length>",
9065
- "inherits": true
9066
- },
9067
- "nl.nldesignsystem.figma.supports-token": true
9068
- },
9069
- "type": "fontSizes"
9070
- },
9071
- "font-style": {
9072
- "$extensions": {
9073
- "nl.nldesignsystem.css.property": {
9074
- "syntax": [
9075
- "inherit",
9076
- "italic",
9077
- "normal"
9078
- ],
9079
- "inherits": true
9080
- },
9081
- "nl.nldesignsystem.figma.supports-token": false
9082
- },
9083
- "type": "other"
9084
- },
9085
- "line-height": {
9086
- "$extensions": {
9087
- "nl.nldesignsystem.css.property": {
9088
- "syntax": "<length>",
9089
- "inherits": true
9090
- },
9091
- "nl.nldesignsystem.figma.supports-token": true
9092
- },
9093
- "type": "lineHeights"
9094
- },
9095
- "margin-block-start": {
9096
- "$extensions": {
9097
- "nl.nldesignsystem.css.property": {
9098
- "syntax": "<length>",
9099
- "inherits": true
9100
- },
9101
- "nl.nldesignsystem.figma.supports-token": false
9102
- },
9103
- "type": "sizing"
9104
- },
9105
- "margin-block-end": {
9106
- "$extensions": {
9107
- "nl.nldesignsystem.css.property": {
9108
- "syntax": "<length>",
9109
- "inherits": true
9110
- },
9111
- "nl.nldesignsystem.figma.supports-token": false
9112
- },
9113
- "type": "sizing"
9114
- },
9115
- "invalid": {
9116
- "font-weight": {
9117
- "$extensions": {
9118
- "nl.nldesignsystem.css.property": {
9119
- "syntax": "<number>",
9120
- "inherits": true
9121
- },
9122
- "nl.nldesignsystem.deprecated": true,
9123
- "nl.nldesignsystem.redirect": "utrecht.form-field-error-message.font-weight",
9124
- "nl.nldesignsystem.figma.supports-token": false
9125
- },
9126
- "type": "fontWeights"
9127
- },
9128
- "color": {
9129
- "$extensions": {
9130
- "nl.nldesignsystem.css.property": {
9131
- "syntax": "<color>",
9132
- "inherits": true
9133
- },
9134
- "nl.nldesignsystem.deprecated": true,
9135
- "nl.nldesignsystem.redirect": "utrecht.form-field-error-message.color",
9136
- "nl.nldesignsystem.figma.supports-token": false
9137
- },
9138
- "type": "color"
9139
- }
9140
- },
9141
- "valid": {
9142
- "color": {
9143
- "$extensions": {
9144
- "nl.nldesignsystem.css.property": {
9145
- "syntax": "<color>",
9146
- "inherits": true
9147
- },
9148
- "nl.nldesignsystem.figma.supports-token": false
9149
- },
9150
- "type": "color"
9151
- }
9152
- }
9153
- },
9154
- "form-field": {
9155
- "margin-block-start": {
9156
- "$extensions": {
9157
- "nl.nldesignsystem.css.property": {
9158
- "syntax": "<length>",
9159
- "inherits": true
9160
- },
9161
- "nl.nldesignsystem.figma.supports-token": false
9162
- },
9163
- "type": "spacing"
9164
- },
9165
- "margin-block-end": {
9166
- "$extensions": {
9167
- "nl.nldesignsystem.css.property": {
9168
- "syntax": "<length>",
9169
- "inherits": true
9170
- },
9171
- "nl.nldesignsystem.figma.supports-token": false
9172
- },
9173
- "type": "spacing"
9174
- },
9175
- "invalid": {
9176
- "border-inline-start-color": {
9177
- "$extensions": {
9178
- "nl.nldesignsystem.css.property": {
9179
- "syntax": "<color>",
9180
- "inherits": true
9181
- },
9182
- "nl.nldesignsystem.figma.supports-token": true
9183
- },
9184
- "type": "color"
9185
- },
9186
- "border-inline-start-width": {
9187
- "$extensions": {
9188
- "nl.nldesignsystem.css.property": {
9189
- "syntax": "<length>",
9190
- "inherits": true
9191
- },
9192
- "nl.nldesignsystem.figma.supports-token": true
9193
- },
9194
- "type": "borderWidth"
9194
+ "type": "borderWidth"
9195
9195
  },
9196
9196
  "padding-inline-start": {
9197
9197
  "$extensions": {
@@ -9635,7 +9635,6 @@
9635
9635
  }
9636
9636
  }
9637
9637
  },
9638
- "utrecht-flolegal-decision-tree-container": {},
9639
9638
  "flex-wrap-fallback": {},
9640
9639
  "figure": {
9641
9640
  "margin-block-end": {
@@ -9711,6 +9710,7 @@
9711
9710
  }
9712
9711
  }
9713
9712
  },
9713
+ "utrecht-flolegal-decision-tree-container": {},
9714
9714
  "emphasis": {
9715
9715
  "stressed": {
9716
9716
  "font-style": {
@@ -10361,70 +10361,6 @@
10361
10361
  }
10362
10362
  }
10363
10363
  },
10364
- "column-layout": {
10365
- "column-rule-color": {
10366
- "$extensions": {
10367
- "nl.nldesignsystem.css.property": {
10368
- "syntax": "<color>",
10369
- "inherits": true
10370
- },
10371
- "nl.nldesignsystem.figma.supports-token": false
10372
- },
10373
- "type": "color"
10374
- },
10375
- "column-rule-width": {
10376
- "$extensions": {
10377
- "nl.nldesignsystem.css.property": {
10378
- "syntax": "<length>",
10379
- "inherits": true
10380
- },
10381
- "nl.nldesignsystem.figma.supports-token": false
10382
- },
10383
- "type": "sizing"
10384
- },
10385
- "column-width": {
10386
- "$extensions": {
10387
- "nl.nldesignsystem.css.property": {
10388
- "syntax": "<length>",
10389
- "inherits": true
10390
- },
10391
- "nl.nldesignsystem.figma.supports-token": false
10392
- },
10393
- "type": "sizing"
10394
- },
10395
- "gap": {
10396
- "$extensions": {
10397
- "nl.nldesignsystem.css.property": {
10398
- "syntax": "<length>",
10399
- "inherits": true
10400
- },
10401
- "nl.nldesignsystem.figma.supports-token": false
10402
- },
10403
- "type": "spacing"
10404
- },
10405
- "print": {
10406
- "column-count": {
10407
- "$extensions": {
10408
- "nl.nldesignsystem.css.property": {
10409
- "syntax": "<number>",
10410
- "inherits": true
10411
- },
10412
- "nl.nldesignsystem.figma.supports-token": false
10413
- },
10414
- "type": "other"
10415
- },
10416
- "column-width": {
10417
- "$extensions": {
10418
- "nl.nldesignsystem.css.property": {
10419
- "syntax": "<length>",
10420
- "inherits": true
10421
- },
10422
- "nl.nldesignsystem.figma.supports-token": false
10423
- },
10424
- "type": "sizing"
10425
- }
10426
- }
10427
- },
10428
10364
  "color-sample": {
10429
10365
  "background-color": {
10430
10366
  "$extensions": {
@@ -10511,6 +10447,70 @@
10511
10447
  }
10512
10448
  }
10513
10449
  },
10450
+ "column-layout": {
10451
+ "column-rule-color": {
10452
+ "$extensions": {
10453
+ "nl.nldesignsystem.css.property": {
10454
+ "syntax": "<color>",
10455
+ "inherits": true
10456
+ },
10457
+ "nl.nldesignsystem.figma.supports-token": false
10458
+ },
10459
+ "type": "color"
10460
+ },
10461
+ "column-rule-width": {
10462
+ "$extensions": {
10463
+ "nl.nldesignsystem.css.property": {
10464
+ "syntax": "<length>",
10465
+ "inherits": true
10466
+ },
10467
+ "nl.nldesignsystem.figma.supports-token": false
10468
+ },
10469
+ "type": "sizing"
10470
+ },
10471
+ "column-width": {
10472
+ "$extensions": {
10473
+ "nl.nldesignsystem.css.property": {
10474
+ "syntax": "<length>",
10475
+ "inherits": true
10476
+ },
10477
+ "nl.nldesignsystem.figma.supports-token": false
10478
+ },
10479
+ "type": "sizing"
10480
+ },
10481
+ "gap": {
10482
+ "$extensions": {
10483
+ "nl.nldesignsystem.css.property": {
10484
+ "syntax": "<length>",
10485
+ "inherits": true
10486
+ },
10487
+ "nl.nldesignsystem.figma.supports-token": false
10488
+ },
10489
+ "type": "spacing"
10490
+ },
10491
+ "print": {
10492
+ "column-count": {
10493
+ "$extensions": {
10494
+ "nl.nldesignsystem.css.property": {
10495
+ "syntax": "<number>",
10496
+ "inherits": true
10497
+ },
10498
+ "nl.nldesignsystem.figma.supports-token": false
10499
+ },
10500
+ "type": "other"
10501
+ },
10502
+ "column-width": {
10503
+ "$extensions": {
10504
+ "nl.nldesignsystem.css.property": {
10505
+ "syntax": "<length>",
10506
+ "inherits": true
10507
+ },
10508
+ "nl.nldesignsystem.figma.supports-token": false
10509
+ },
10510
+ "type": "sizing"
10511
+ }
10512
+ }
10513
+ },
10514
10514
  "code-block": {
10515
10515
  "background-color": {
10516
10516
  "$extensions": {
@@ -10657,48 +10657,220 @@
10657
10657
  },
10658
10658
  "type": "color"
10659
10659
  },
10660
- "color": {
10661
- "$extensions": {
10662
- "nl.nldesignsystem.css.property": {
10663
- "syntax": "<color>",
10664
- "inherits": true
10660
+ "color": {
10661
+ "$extensions": {
10662
+ "nl.nldesignsystem.css.property": {
10663
+ "syntax": "<color>",
10664
+ "inherits": true
10665
+ },
10666
+ "nl.nldesignsystem.figma.supports-token": true
10667
+ },
10668
+ "type": "color"
10669
+ },
10670
+ "font-family": {
10671
+ "$extensions": {
10672
+ "nl.nldesignsystem.css.property": {
10673
+ "syntax": "*",
10674
+ "inherits": true
10675
+ },
10676
+ "nl.nldesignsystem.figma.supports-token": true
10677
+ },
10678
+ "type": "fontFamilies"
10679
+ },
10680
+ "font-size": {
10681
+ "$extensions": {
10682
+ "nl.nldesignsystem.css.property": {
10683
+ "syntax": "<length>",
10684
+ "inherits": true
10685
+ },
10686
+ "nl.nldesignsystem.figma.supports-token": true
10687
+ },
10688
+ "type": "fontSizes"
10689
+ },
10690
+ "line-height": {
10691
+ "$extensions": {
10692
+ "nl.nldesignsystem.css.property": {
10693
+ "syntax": [
10694
+ "<length>",
10695
+ "<number>"
10696
+ ],
10697
+ "inherits": true
10698
+ },
10699
+ "nl.nldesignsystem.figma.supports-token": true
10700
+ },
10701
+ "type": "lineHeights"
10702
+ }
10703
+ },
10704
+ "card": {
10705
+ "background-color": {
10706
+ "$extensions": {
10707
+ "nl.nldesignsystem.css.property": {
10708
+ "syntax": "<color>",
10709
+ "inherits": true
10710
+ },
10711
+ "nl.nldesignsystem.figma.supports-token": false
10712
+ },
10713
+ "type": "color"
10714
+ },
10715
+ "color": {
10716
+ "$extensions": {
10717
+ "nl.nldesignsystem.css.property": {
10718
+ "syntax": "<color>",
10719
+ "inherits": true
10720
+ },
10721
+ "nl.nldesignsystem.figma.supports-token": false
10722
+ },
10723
+ "type": "color"
10724
+ },
10725
+ "max-inline-size": {
10726
+ "$extensions": {
10727
+ "nl.nldesignsystem.css.property": {
10728
+ "syntax": "<length>",
10729
+ "inherits": true
10730
+ },
10731
+ "nl.nldesignsystem.figma.supports-token": false
10732
+ },
10733
+ "type": "dimension"
10734
+ },
10735
+ "border-radius": {
10736
+ "$extensions": {
10737
+ "nl.nldesignsystem.css.property": {
10738
+ "syntax": "<length>",
10739
+ "inherits": true
10740
+ },
10741
+ "nl.nldesignsystem.figma.supports-token": false
10742
+ },
10743
+ "type": "dimension"
10744
+ },
10745
+ "box-shadow": {
10746
+ "$extensions": {
10747
+ "nl.nldesignsystem.css.property": {
10748
+ "syntax": "<shadow>",
10749
+ "inherits": true
10750
+ },
10751
+ "nl.nldesignsystem.figma.supports-token": false
10752
+ },
10753
+ "type": "shadow"
10754
+ },
10755
+ "inline-size": {
10756
+ "$extensions": {
10757
+ "nl.nldesignsystem.css.property": {
10758
+ "syntax": "<length>",
10759
+ "inherits": true
10760
+ },
10761
+ "nl.nldesignsystem.figma.supports-token": false
10762
+ },
10763
+ "type": "dimension"
10764
+ },
10765
+ "row-gap": {
10766
+ "$extensions": {
10767
+ "nl.nldesignsystem.css.property": {
10768
+ "syntax": "<length>",
10769
+ "inherits": true
10770
+ },
10771
+ "nl.nldesignsystem.figma.supports-token": false
10772
+ },
10773
+ "type": "dimension"
10774
+ },
10775
+ "heading": {
10776
+ "color": {
10777
+ "$extensions": {
10778
+ "nl.nldesignsystem.css.property": {
10779
+ "syntax": "<color>",
10780
+ "inherits": true
10781
+ },
10782
+ "nl.nldesignsystem.figma.supports-token": false
10783
+ },
10784
+ "type": "color"
10785
+ },
10786
+ "padding-inline-start": {
10787
+ "$extensions": {
10788
+ "nl.nldesignsystem.css.property": {
10789
+ "syntax": "<length>",
10790
+ "inherits": true
10791
+ },
10792
+ "nl.nldesignsystem.figma.supports-token": false
10793
+ },
10794
+ "type": "dimension"
10795
+ },
10796
+ "padding-inline-end": {
10797
+ "$extensions": {
10798
+ "nl.nldesignsystem.css.property": {
10799
+ "syntax": "<length>",
10800
+ "inherits": true
10801
+ },
10802
+ "nl.nldesignsystem.figma.supports-token": false
10803
+ },
10804
+ "type": "dimension"
10805
+ }
10806
+ },
10807
+ "link": {
10808
+ "hover": {
10809
+ "text-decoration-thickness": {
10810
+ "$extensions": {
10811
+ "nl.nldesignsystem.css.property": {
10812
+ "syntax": "<length>",
10813
+ "inherits": true
10814
+ },
10815
+ "nl.nldesignsystem.figma.supports-token": false
10816
+ },
10817
+ "type": "borderWidth"
10818
+ }
10819
+ }
10820
+ },
10821
+ "content": {
10822
+ "row-gap": {
10823
+ "$extensions": {
10824
+ "nl.nldesignsystem.css.property": {
10825
+ "syntax": "<length>",
10826
+ "inherits": true
10827
+ },
10828
+ "nl.nldesignsystem.figma.supports-token": false
10665
10829
  },
10666
- "nl.nldesignsystem.figma.supports-token": true
10830
+ "type": "dimension"
10667
10831
  },
10668
- "type": "color"
10669
- },
10670
- "font-family": {
10671
- "$extensions": {
10672
- "nl.nldesignsystem.css.property": {
10673
- "syntax": "*",
10674
- "inherits": true
10832
+ "padding-block-start": {
10833
+ "$extensions": {
10834
+ "nl.nldesignsystem.css.property": {
10835
+ "syntax": "<length>",
10836
+ "inherits": true
10837
+ },
10838
+ "nl.nldesignsystem.figma.supports-token": false
10675
10839
  },
10676
- "nl.nldesignsystem.figma.supports-token": true
10840
+ "type": "dimension"
10677
10841
  },
10678
- "type": "fontFamilies"
10679
- },
10680
- "font-size": {
10681
- "$extensions": {
10682
- "nl.nldesignsystem.css.property": {
10683
- "syntax": "<length>",
10684
- "inherits": true
10842
+ "padding-block-end": {
10843
+ "$extensions": {
10844
+ "nl.nldesignsystem.css.property": {
10845
+ "syntax": "<length>",
10846
+ "inherits": true
10847
+ },
10848
+ "nl.nldesignsystem.figma.supports-token": false
10685
10849
  },
10686
- "nl.nldesignsystem.figma.supports-token": true
10687
- },
10688
- "type": "fontSizes"
10850
+ "type": "dimension"
10851
+ }
10689
10852
  },
10690
- "line-height": {
10691
- "$extensions": {
10692
- "nl.nldesignsystem.css.property": {
10693
- "syntax": [
10694
- "<length>",
10695
- "<number>"
10696
- ],
10697
- "inherits": true
10853
+ "body": {
10854
+ "padding-inline-start": {
10855
+ "$extensions": {
10856
+ "nl.nldesignsystem.css.property": {
10857
+ "syntax": "<length>",
10858
+ "inherits": true
10859
+ },
10860
+ "nl.nldesignsystem.figma.supports-token": false
10698
10861
  },
10699
- "nl.nldesignsystem.figma.supports-token": true
10862
+ "type": "dimension"
10700
10863
  },
10701
- "type": "lineHeights"
10864
+ "padding-inline-end": {
10865
+ "$extensions": {
10866
+ "nl.nldesignsystem.css.property": {
10867
+ "syntax": "<length>",
10868
+ "inherits": true
10869
+ },
10870
+ "nl.nldesignsystem.figma.supports-token": false
10871
+ },
10872
+ "type": "dimension"
10873
+ }
10702
10874
  }
10703
10875
  },
10704
10876
  "checkbox": {
@@ -11124,189 +11296,17 @@
11124
11296
  },
11125
11297
  "nl.nldesignsystem.figma.supports-token": true
11126
11298
  },
11127
- "type": "color"
11128
- },
11129
- "color": {
11130
- "$extensions": {
11131
- "nl.nldesignsystem.css.property": {
11132
- "syntax": "<color>",
11133
- "inherits": true
11134
- },
11135
- "nl.nldesignsystem.figma.supports-token": false
11136
- },
11137
- "type": "color"
11138
- }
11139
- }
11140
- },
11141
- "card": {
11142
- "background-color": {
11143
- "$extensions": {
11144
- "nl.nldesignsystem.css.property": {
11145
- "syntax": "<color>",
11146
- "inherits": true
11147
- },
11148
- "nl.nldesignsystem.figma.supports-token": false
11149
- },
11150
- "type": "color"
11151
- },
11152
- "color": {
11153
- "$extensions": {
11154
- "nl.nldesignsystem.css.property": {
11155
- "syntax": "<color>",
11156
- "inherits": true
11157
- },
11158
- "nl.nldesignsystem.figma.supports-token": false
11159
- },
11160
- "type": "color"
11161
- },
11162
- "max-inline-size": {
11163
- "$extensions": {
11164
- "nl.nldesignsystem.css.property": {
11165
- "syntax": "<length>",
11166
- "inherits": true
11167
- },
11168
- "nl.nldesignsystem.figma.supports-token": false
11169
- },
11170
- "type": "dimension"
11171
- },
11172
- "border-radius": {
11173
- "$extensions": {
11174
- "nl.nldesignsystem.css.property": {
11175
- "syntax": "<length>",
11176
- "inherits": true
11177
- },
11178
- "nl.nldesignsystem.figma.supports-token": false
11179
- },
11180
- "type": "dimension"
11181
- },
11182
- "box-shadow": {
11183
- "$extensions": {
11184
- "nl.nldesignsystem.css.property": {
11185
- "syntax": "<shadow>",
11186
- "inherits": true
11187
- },
11188
- "nl.nldesignsystem.figma.supports-token": false
11189
- },
11190
- "type": "shadow"
11191
- },
11192
- "inline-size": {
11193
- "$extensions": {
11194
- "nl.nldesignsystem.css.property": {
11195
- "syntax": "<length>",
11196
- "inherits": true
11197
- },
11198
- "nl.nldesignsystem.figma.supports-token": false
11199
- },
11200
- "type": "dimension"
11201
- },
11202
- "row-gap": {
11203
- "$extensions": {
11204
- "nl.nldesignsystem.css.property": {
11205
- "syntax": "<length>",
11206
- "inherits": true
11207
- },
11208
- "nl.nldesignsystem.figma.supports-token": false
11209
- },
11210
- "type": "dimension"
11211
- },
11212
- "heading": {
11213
- "color": {
11214
- "$extensions": {
11215
- "nl.nldesignsystem.css.property": {
11216
- "syntax": "<color>",
11217
- "inherits": true
11218
- },
11219
- "nl.nldesignsystem.figma.supports-token": false
11220
- },
11221
- "type": "color"
11222
- },
11223
- "padding-inline-start": {
11224
- "$extensions": {
11225
- "nl.nldesignsystem.css.property": {
11226
- "syntax": "<length>",
11227
- "inherits": true
11228
- },
11229
- "nl.nldesignsystem.figma.supports-token": false
11230
- },
11231
- "type": "dimension"
11232
- },
11233
- "padding-inline-end": {
11234
- "$extensions": {
11235
- "nl.nldesignsystem.css.property": {
11236
- "syntax": "<length>",
11237
- "inherits": true
11238
- },
11239
- "nl.nldesignsystem.figma.supports-token": false
11240
- },
11241
- "type": "dimension"
11242
- }
11243
- },
11244
- "link": {
11245
- "hover": {
11246
- "text-decoration-thickness": {
11247
- "$extensions": {
11248
- "nl.nldesignsystem.css.property": {
11249
- "syntax": "<length>",
11250
- "inherits": true
11251
- },
11252
- "nl.nldesignsystem.figma.supports-token": false
11253
- },
11254
- "type": "borderWidth"
11255
- }
11256
- }
11257
- },
11258
- "content": {
11259
- "row-gap": {
11260
- "$extensions": {
11261
- "nl.nldesignsystem.css.property": {
11262
- "syntax": "<length>",
11263
- "inherits": true
11264
- },
11265
- "nl.nldesignsystem.figma.supports-token": false
11266
- },
11267
- "type": "dimension"
11268
- },
11269
- "padding-block-start": {
11270
- "$extensions": {
11271
- "nl.nldesignsystem.css.property": {
11272
- "syntax": "<length>",
11273
- "inherits": true
11274
- },
11275
- "nl.nldesignsystem.figma.supports-token": false
11276
- },
11277
- "type": "dimension"
11278
- },
11279
- "padding-block-end": {
11280
- "$extensions": {
11281
- "nl.nldesignsystem.css.property": {
11282
- "syntax": "<length>",
11283
- "inherits": true
11284
- },
11285
- "nl.nldesignsystem.figma.supports-token": false
11286
- },
11287
- "type": "dimension"
11288
- }
11289
- },
11290
- "body": {
11291
- "padding-inline-start": {
11292
- "$extensions": {
11293
- "nl.nldesignsystem.css.property": {
11294
- "syntax": "<length>",
11295
- "inherits": true
11296
- },
11297
- "nl.nldesignsystem.figma.supports-token": false
11298
- },
11299
- "type": "dimension"
11299
+ "type": "color"
11300
11300
  },
11301
- "padding-inline-end": {
11301
+ "color": {
11302
11302
  "$extensions": {
11303
11303
  "nl.nldesignsystem.css.property": {
11304
- "syntax": "<length>",
11304
+ "syntax": "<color>",
11305
11305
  "inherits": true
11306
11306
  },
11307
11307
  "nl.nldesignsystem.figma.supports-token": false
11308
11308
  },
11309
- "type": "dimension"
11309
+ "type": "color"
11310
11310
  }
11311
11311
  }
11312
11312
  },
@@ -13986,28 +13986,6 @@
13986
13986
  "type": "textCase"
13987
13987
  }
13988
13988
  },
13989
- "badge-list": {
13990
- "row-gap": {
13991
- "$extensions": {
13992
- "nl.nldesignsystem.css.property": {
13993
- "syntax": "<length>",
13994
- "inherits": true
13995
- },
13996
- "nl.nldesignsystem.figma.supports-token": false
13997
- },
13998
- "type": "spacing"
13999
- },
14000
- "column-gap": {
14001
- "$extensions": {
14002
- "nl.nldesignsystem.css.property": {
14003
- "syntax": "<length>",
14004
- "inherits": true
14005
- },
14006
- "nl.nldesignsystem.figma.supports-token": false
14007
- },
14008
- "type": "spacing"
14009
- }
14010
- },
14011
13989
  "badge-counter": {
14012
13990
  "background-color": {
14013
13991
  "comment": "Default background color for badge components",
@@ -14258,6 +14236,28 @@
14258
14236
  "type": "textCase"
14259
14237
  }
14260
14238
  },
14239
+ "badge-list": {
14240
+ "row-gap": {
14241
+ "$extensions": {
14242
+ "nl.nldesignsystem.css.property": {
14243
+ "syntax": "<length>",
14244
+ "inherits": true
14245
+ },
14246
+ "nl.nldesignsystem.figma.supports-token": false
14247
+ },
14248
+ "type": "spacing"
14249
+ },
14250
+ "column-gap": {
14251
+ "$extensions": {
14252
+ "nl.nldesignsystem.css.property": {
14253
+ "syntax": "<length>",
14254
+ "inherits": true
14255
+ },
14256
+ "nl.nldesignsystem.figma.supports-token": false
14257
+ },
14258
+ "type": "spacing"
14259
+ }
14260
+ },
14261
14261
  "backdrop": {
14262
14262
  "background-color": {
14263
14263
  "$extensions": {
@@ -14337,108 +14337,6 @@
14337
14337
  }
14338
14338
  },
14339
14339
  "alternate-lang-nav": {},
14340
- "alert-dialog": {
14341
- "margin-block-start": {
14342
- "$extensions": {
14343
- "nl.nldesignsystem.css.property": {
14344
- "syntax": "<length>",
14345
- "inherits": true
14346
- },
14347
- "nl.nldesignsystem.figma.supports-token": false
14348
- },
14349
- "type": "spacing"
14350
- },
14351
- "margin-block-end": {
14352
- "$extensions": {
14353
- "nl.nldesignsystem.css.property": {
14354
- "syntax": "<length>",
14355
- "inherits": true
14356
- },
14357
- "nl.nldesignsystem.figma.supports-token": false
14358
- },
14359
- "type": "spacing"
14360
- },
14361
- "border-color": {
14362
- "$extensions": {
14363
- "nl.nldesignsystem.css.property": {
14364
- "syntax": "<color>",
14365
- "inherits": true
14366
- },
14367
- "nl.nldesignsystem.figma.supports-token": false
14368
- },
14369
- "type": "color"
14370
- },
14371
- "border-radius": {
14372
- "$extensions": {
14373
- "nl.nldesignsystem.css.property": {
14374
- "syntax": "<length-percentage>",
14375
- "inherits": true
14376
- },
14377
- "nl.nldesignsystem.figma.supports-token": false
14378
- },
14379
- "type": "borderRadius"
14380
- },
14381
- "border-width": {
14382
- "$extensions": {
14383
- "nl.nldesignsystem.css.property": {
14384
- "syntax": "<length>",
14385
- "inherits": true
14386
- },
14387
- "nl.nldesignsystem.figma.supports-token": false
14388
- },
14389
- "type": "borderWidth"
14390
- },
14391
- "box-shadow": {
14392
- "$extensions": {
14393
- "nl.nldesignsystem.css.property": {
14394
- "syntax": "*",
14395
- "inherits": true
14396
- },
14397
- "nl.nldesignsystem.figma.supports-token": false
14398
- },
14399
- "type": "boxShadow"
14400
- },
14401
- "max-block-size": {
14402
- "$extensions": {
14403
- "nl.nldesignsystem.css.property": {
14404
- "syntax": "<length>",
14405
- "inherits": true
14406
- },
14407
- "nl.nldesignsystem.figma.supports-token": false
14408
- },
14409
- "type": "sizing"
14410
- },
14411
- "max-inline-size": {
14412
- "$extensions": {
14413
- "nl.nldesignsystem.css.property": {
14414
- "syntax": "<length>",
14415
- "inherits": true
14416
- },
14417
- "nl.nldesignsystem.figma.supports-token": false
14418
- },
14419
- "type": "sizing"
14420
- },
14421
- "min-block-size": {
14422
- "$extensions": {
14423
- "nl.nldesignsystem.css.property": {
14424
- "syntax": "<length>",
14425
- "inherits": true
14426
- },
14427
- "nl.nldesignsystem.figma.supports-token": false
14428
- },
14429
- "type": "sizing"
14430
- },
14431
- "min-inline-size": {
14432
- "$extensions": {
14433
- "nl.nldesignsystem.css.property": {
14434
- "syntax": "<length>",
14435
- "inherits": true
14436
- },
14437
- "nl.nldesignsystem.figma.supports-token": false
14438
- },
14439
- "type": "sizing"
14440
- }
14441
- },
14442
14340
  "alert": {
14443
14341
  "background-color": {
14444
14342
  "$extensions": {
@@ -14893,6 +14791,108 @@
14893
14791
  }
14894
14792
  }
14895
14793
  },
14794
+ "alert-dialog": {
14795
+ "margin-block-start": {
14796
+ "$extensions": {
14797
+ "nl.nldesignsystem.css.property": {
14798
+ "syntax": "<length>",
14799
+ "inherits": true
14800
+ },
14801
+ "nl.nldesignsystem.figma.supports-token": false
14802
+ },
14803
+ "type": "spacing"
14804
+ },
14805
+ "margin-block-end": {
14806
+ "$extensions": {
14807
+ "nl.nldesignsystem.css.property": {
14808
+ "syntax": "<length>",
14809
+ "inherits": true
14810
+ },
14811
+ "nl.nldesignsystem.figma.supports-token": false
14812
+ },
14813
+ "type": "spacing"
14814
+ },
14815
+ "border-color": {
14816
+ "$extensions": {
14817
+ "nl.nldesignsystem.css.property": {
14818
+ "syntax": "<color>",
14819
+ "inherits": true
14820
+ },
14821
+ "nl.nldesignsystem.figma.supports-token": false
14822
+ },
14823
+ "type": "color"
14824
+ },
14825
+ "border-radius": {
14826
+ "$extensions": {
14827
+ "nl.nldesignsystem.css.property": {
14828
+ "syntax": "<length-percentage>",
14829
+ "inherits": true
14830
+ },
14831
+ "nl.nldesignsystem.figma.supports-token": false
14832
+ },
14833
+ "type": "borderRadius"
14834
+ },
14835
+ "border-width": {
14836
+ "$extensions": {
14837
+ "nl.nldesignsystem.css.property": {
14838
+ "syntax": "<length>",
14839
+ "inherits": true
14840
+ },
14841
+ "nl.nldesignsystem.figma.supports-token": false
14842
+ },
14843
+ "type": "borderWidth"
14844
+ },
14845
+ "box-shadow": {
14846
+ "$extensions": {
14847
+ "nl.nldesignsystem.css.property": {
14848
+ "syntax": "*",
14849
+ "inherits": true
14850
+ },
14851
+ "nl.nldesignsystem.figma.supports-token": false
14852
+ },
14853
+ "type": "boxShadow"
14854
+ },
14855
+ "max-block-size": {
14856
+ "$extensions": {
14857
+ "nl.nldesignsystem.css.property": {
14858
+ "syntax": "<length>",
14859
+ "inherits": true
14860
+ },
14861
+ "nl.nldesignsystem.figma.supports-token": false
14862
+ },
14863
+ "type": "sizing"
14864
+ },
14865
+ "max-inline-size": {
14866
+ "$extensions": {
14867
+ "nl.nldesignsystem.css.property": {
14868
+ "syntax": "<length>",
14869
+ "inherits": true
14870
+ },
14871
+ "nl.nldesignsystem.figma.supports-token": false
14872
+ },
14873
+ "type": "sizing"
14874
+ },
14875
+ "min-block-size": {
14876
+ "$extensions": {
14877
+ "nl.nldesignsystem.css.property": {
14878
+ "syntax": "<length>",
14879
+ "inherits": true
14880
+ },
14881
+ "nl.nldesignsystem.figma.supports-token": false
14882
+ },
14883
+ "type": "sizing"
14884
+ },
14885
+ "min-inline-size": {
14886
+ "$extensions": {
14887
+ "nl.nldesignsystem.css.property": {
14888
+ "syntax": "<length>",
14889
+ "inherits": true
14890
+ },
14891
+ "nl.nldesignsystem.figma.supports-token": false
14892
+ },
14893
+ "type": "sizing"
14894
+ }
14895
+ },
14896
14896
  "action-group": {
14897
14897
  "background-color": {
14898
14898
  "$extensions": {