@rijkshuisstijl-community/design-tokens 7.0.0 → 9.0.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.
- package/CHANGELOG.md +84 -0
- package/dist/_variables.scss +14 -56
- package/dist/index.css +14 -56
- package/dist/index.d.ts +8 -50
- package/dist/index.js +14 -56
- package/dist/index.json +13 -55
- package/dist/index.tokens.json +18 -72
- package/dist/koop/_variables.scss +39 -79
- package/dist/koop/index.css +39 -79
- package/dist/koop/index.d.ts +33 -73
- package/dist/koop/index.js +39 -79
- package/dist/koop/index.json +38 -78
- package/dist/koop/index.tokens.json +73 -129
- package/dist/koop/root.css +39 -79
- package/dist/koop/tokens.d.ts +68 -124
- package/dist/koop/tokens.js +1187 -2057
- package/dist/root.css +14 -56
- package/dist/tokens.d.ts +13 -67
- package/dist/tokens.js +280 -1232
- package/dist/uitvoerend-groen/_variables.scss +27 -65
- package/dist/uitvoerend-groen/index.css +27 -65
- package/dist/uitvoerend-groen/index.d.ts +21 -59
- package/dist/uitvoerend-groen/index.js +27 -65
- package/dist/uitvoerend-groen/index.json +26 -64
- package/dist/uitvoerend-groen/index.tokens.json +51 -101
- package/dist/uitvoerend-groen/root.css +27 -65
- package/dist/uitvoerend-groen/tokens.d.ts +46 -96
- package/dist/uitvoerend-groen/tokens.js +526 -1394
- package/dist/uitvoerend-hemelblauw/_variables.scss +27 -65
- package/dist/uitvoerend-hemelblauw/index.css +27 -65
- package/dist/uitvoerend-hemelblauw/index.d.ts +21 -59
- package/dist/uitvoerend-hemelblauw/index.js +27 -65
- package/dist/uitvoerend-hemelblauw/index.json +26 -64
- package/dist/uitvoerend-hemelblauw/index.tokens.json +51 -101
- package/dist/uitvoerend-hemelblauw/root.css +27 -65
- package/dist/uitvoerend-hemelblauw/tokens.d.ts +46 -96
- package/dist/uitvoerend-hemelblauw/tokens.js +526 -1394
- package/dist/uitvoerend-mintgroen/_variables.scss +27 -65
- package/dist/uitvoerend-mintgroen/index.css +27 -65
- package/dist/uitvoerend-mintgroen/index.d.ts +21 -59
- package/dist/uitvoerend-mintgroen/index.js +27 -65
- package/dist/uitvoerend-mintgroen/index.json +26 -64
- package/dist/uitvoerend-mintgroen/index.tokens.json +51 -101
- package/dist/uitvoerend-mintgroen/root.css +27 -65
- package/dist/uitvoerend-mintgroen/tokens.d.ts +46 -96
- package/dist/uitvoerend-mintgroen/tokens.js +526 -1394
- package/dist/uitvoerend-oranje/_variables.scss +27 -65
- package/dist/uitvoerend-oranje/index.css +27 -65
- package/dist/uitvoerend-oranje/index.d.ts +21 -59
- package/dist/uitvoerend-oranje/index.js +27 -65
- package/dist/uitvoerend-oranje/index.json +26 -64
- package/dist/uitvoerend-oranje/index.tokens.json +51 -101
- package/dist/uitvoerend-oranje/root.css +27 -65
- package/dist/uitvoerend-oranje/tokens.d.ts +46 -96
- package/dist/uitvoerend-oranje/tokens.js +526 -1394
- package/dist/uitvoerend-paars/_variables.scss +27 -65
- package/dist/uitvoerend-paars/index.css +27 -65
- package/dist/uitvoerend-paars/index.d.ts +21 -59
- package/dist/uitvoerend-paars/index.js +27 -65
- package/dist/uitvoerend-paars/index.json +26 -64
- package/dist/uitvoerend-paars/index.tokens.json +51 -101
- package/dist/uitvoerend-paars/root.css +27 -65
- package/dist/uitvoerend-paars/tokens.d.ts +46 -96
- package/dist/uitvoerend-paars/tokens.js +526 -1394
- package/dist/uitvoerend-violet/_variables.scss +27 -65
- package/dist/uitvoerend-violet/index.css +27 -65
- package/dist/uitvoerend-violet/index.d.ts +21 -59
- package/dist/uitvoerend-violet/index.js +27 -65
- package/dist/uitvoerend-violet/index.json +26 -64
- package/dist/uitvoerend-violet/index.tokens.json +51 -101
- package/dist/uitvoerend-violet/root.css +27 -65
- package/dist/uitvoerend-violet/tokens.d.ts +46 -96
- package/dist/uitvoerend-violet/tokens.js +526 -1394
- package/dist/uitvoerend-violet-oud/_variables.scss +27 -65
- package/dist/uitvoerend-violet-oud/index.css +27 -65
- package/dist/uitvoerend-violet-oud/index.d.ts +21 -59
- package/dist/uitvoerend-violet-oud/index.js +27 -65
- package/dist/uitvoerend-violet-oud/index.json +26 -64
- package/dist/uitvoerend-violet-oud/index.tokens.json +51 -101
- package/dist/uitvoerend-violet-oud/root.css +27 -65
- package/dist/uitvoerend-violet-oud/tokens.d.ts +46 -96
- package/dist/uitvoerend-violet-oud/tokens.js +526 -1394
- package/dist/wetgevend/_variables.scss +27 -65
- package/dist/wetgevend/index.css +27 -65
- package/dist/wetgevend/index.d.ts +21 -59
- package/dist/wetgevend/index.js +27 -65
- package/dist/wetgevend/index.json +26 -64
- package/dist/wetgevend/index.tokens.json +51 -101
- package/dist/wetgevend/root.css +27 -65
- package/dist/wetgevend/tokens.d.ts +46 -96
- package/dist/wetgevend/tokens.js +526 -1394
- package/figma/figma.tokens.json +100 -390
- package/package.json +1 -1
- package/src/generated/base.tokens.json +39 -219
- package/src/generated/koop/tokens.json +190 -346
- package/src/generated/themes.json +1062 -2530
- package/src/generated/uitvoerend-groen/tokens.json +109 -273
- package/src/generated/uitvoerend-hemelblauw/tokens.json +109 -273
- package/src/generated/uitvoerend-mintgroen/tokens.json +109 -273
- package/src/generated/uitvoerend-oranje/tokens.json +109 -273
- package/src/generated/uitvoerend-paars/tokens.json +109 -273
- package/src/generated/uitvoerend-violet/tokens.json +109 -273
- package/src/generated/uitvoerend-violet-oud/tokens.json +109 -273
- package/src/generated/wetgevend/tokens.json +109 -273
package/package.json
CHANGED
|
@@ -556,6 +556,10 @@
|
|
|
556
556
|
"column-gap": {
|
|
557
557
|
"value": "0.5rem",
|
|
558
558
|
"type": "spacing"
|
|
559
|
+
},
|
|
560
|
+
"font-size": {
|
|
561
|
+
"value": "1.25rem",
|
|
562
|
+
"type": "fontSizes"
|
|
559
563
|
}
|
|
560
564
|
},
|
|
561
565
|
"heading": {
|
|
@@ -1661,10 +1665,28 @@
|
|
|
1661
1665
|
}
|
|
1662
1666
|
}
|
|
1663
1667
|
},
|
|
1668
|
+
"blockquote": {
|
|
1669
|
+
"margin-block-end": {
|
|
1670
|
+
"value": "0rem",
|
|
1671
|
+
"type": "dimension"
|
|
1672
|
+
},
|
|
1673
|
+
"margin-block-start": {
|
|
1674
|
+
"value": "0rem",
|
|
1675
|
+
"type": "dimension"
|
|
1676
|
+
},
|
|
1677
|
+
"margin-inline-end": {
|
|
1678
|
+
"value": "0rem",
|
|
1679
|
+
"type": "dimension"
|
|
1680
|
+
},
|
|
1681
|
+
"margin-inline-start": {
|
|
1682
|
+
"value": "0rem",
|
|
1683
|
+
"type": "dimension"
|
|
1684
|
+
}
|
|
1685
|
+
},
|
|
1664
1686
|
"keep": {
|
|
1665
1687
|
"_comment": {
|
|
1666
|
-
"
|
|
1667
|
-
"
|
|
1688
|
+
"value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset common/rounded-corner.",
|
|
1689
|
+
"type": "other"
|
|
1668
1690
|
},
|
|
1669
1691
|
"top-left": {
|
|
1670
1692
|
"borderRadiusTopLeft": {
|
|
@@ -1814,10 +1836,6 @@
|
|
|
1814
1836
|
"type": "color"
|
|
1815
1837
|
}
|
|
1816
1838
|
},
|
|
1817
|
-
"backdrop": {
|
|
1818
|
-
"value": "#0000004d",
|
|
1819
|
-
"type": "color"
|
|
1820
|
-
},
|
|
1821
1839
|
"border": {
|
|
1822
1840
|
"default": {
|
|
1823
1841
|
"parent": "mode/light",
|
|
@@ -2532,12 +2550,6 @@
|
|
|
2532
2550
|
"value": "#000",
|
|
2533
2551
|
"type": "color"
|
|
2534
2552
|
},
|
|
2535
|
-
"transparent": {
|
|
2536
|
-
"30": {
|
|
2537
|
-
"value": "#0000004d",
|
|
2538
|
-
"type": "color"
|
|
2539
|
-
}
|
|
2540
|
-
},
|
|
2541
2553
|
"none": {
|
|
2542
2554
|
"value": "transparent",
|
|
2543
2555
|
"type": "color"
|
|
@@ -2737,7 +2749,7 @@
|
|
|
2737
2749
|
"type": "dimension"
|
|
2738
2750
|
},
|
|
2739
2751
|
"3-lint": {
|
|
2740
|
-
"value": "
|
|
2752
|
+
"value": "144px",
|
|
2741
2753
|
"type": "dimension"
|
|
2742
2754
|
}
|
|
2743
2755
|
},
|
|
@@ -3822,22 +3834,6 @@
|
|
|
3822
3834
|
}
|
|
3823
3835
|
},
|
|
3824
3836
|
"ordered-list": {
|
|
3825
|
-
"color": {
|
|
3826
|
-
"value": "#0F172A",
|
|
3827
|
-
"type": "color"
|
|
3828
|
-
},
|
|
3829
|
-
"font-family": {
|
|
3830
|
-
"value": "'Fira Sans', Arial, Verdana, sans-serif",
|
|
3831
|
-
"type": "fontFamilies"
|
|
3832
|
-
},
|
|
3833
|
-
"font-weight": {
|
|
3834
|
-
"value": 400,
|
|
3835
|
-
"type": "fontWeights"
|
|
3836
|
-
},
|
|
3837
|
-
"margin-inline-start": {
|
|
3838
|
-
"type": "dimension",
|
|
3839
|
-
"value": "0.625rem"
|
|
3840
|
-
},
|
|
3841
3837
|
"font-size": {
|
|
3842
3838
|
"type": "fontSizes",
|
|
3843
3839
|
"value": "1.25rem"
|
|
@@ -4126,16 +4122,6 @@
|
|
|
4126
4122
|
}
|
|
4127
4123
|
},
|
|
4128
4124
|
"form-field-error-message": {
|
|
4129
|
-
"icon": {
|
|
4130
|
-
"margin-inline-end": {
|
|
4131
|
-
"type": "dimension",
|
|
4132
|
-
"value": "0.5rem"
|
|
4133
|
-
},
|
|
4134
|
-
"size": {
|
|
4135
|
-
"type": "dimension",
|
|
4136
|
-
"value": "24px"
|
|
4137
|
-
}
|
|
4138
|
-
},
|
|
4139
4125
|
"background-color": {
|
|
4140
4126
|
"type": "color",
|
|
4141
4127
|
"value": "transparent"
|
|
@@ -4188,10 +4174,6 @@
|
|
|
4188
4174
|
}
|
|
4189
4175
|
},
|
|
4190
4176
|
"form-field-description": {
|
|
4191
|
-
"padding-block-end": {
|
|
4192
|
-
"value": "0.5rem",
|
|
4193
|
-
"type": "dimension"
|
|
4194
|
-
},
|
|
4195
4177
|
"color": {
|
|
4196
4178
|
"type": "color",
|
|
4197
4179
|
"value": "#334155"
|
|
@@ -4243,11 +4225,11 @@
|
|
|
4243
4225
|
},
|
|
4244
4226
|
"border-inline-start-width": {
|
|
4245
4227
|
"type": "dimension",
|
|
4246
|
-
"value": "
|
|
4228
|
+
"value": "2px"
|
|
4247
4229
|
},
|
|
4248
4230
|
"padding-inline-start": {
|
|
4249
4231
|
"type": "dimension",
|
|
4250
|
-
"value": "
|
|
4232
|
+
"value": "1rem"
|
|
4251
4233
|
}
|
|
4252
4234
|
}
|
|
4253
4235
|
},
|
|
@@ -4379,11 +4361,11 @@
|
|
|
4379
4361
|
}
|
|
4380
4362
|
},
|
|
4381
4363
|
"padding-inline-start": {
|
|
4382
|
-
"value": "
|
|
4364
|
+
"value": "1rem",
|
|
4383
4365
|
"type": "spacing"
|
|
4384
4366
|
},
|
|
4385
4367
|
"border-inline-start-width": {
|
|
4386
|
-
"value": "
|
|
4368
|
+
"value": "2px",
|
|
4387
4369
|
"type": "borderWidth"
|
|
4388
4370
|
}
|
|
4389
4371
|
}
|
|
@@ -5362,178 +5344,6 @@
|
|
|
5362
5344
|
}
|
|
5363
5345
|
},
|
|
5364
5346
|
"blockquote": {
|
|
5365
|
-
"border-block-end-width": {
|
|
5366
|
-
"type": "dimension",
|
|
5367
|
-
"value": 0
|
|
5368
|
-
},
|
|
5369
|
-
"border-block-start-width": {
|
|
5370
|
-
"type": "dimension",
|
|
5371
|
-
"value": 0
|
|
5372
|
-
},
|
|
5373
|
-
"border-end-end-radius": {
|
|
5374
|
-
"type": "dimension",
|
|
5375
|
-
"value": 0
|
|
5376
|
-
},
|
|
5377
|
-
"border-end-start-radius": {
|
|
5378
|
-
"type": "dimension",
|
|
5379
|
-
"value": 0
|
|
5380
|
-
},
|
|
5381
|
-
"border-inline-end-width": {
|
|
5382
|
-
"type": "dimension",
|
|
5383
|
-
"value": 0
|
|
5384
|
-
},
|
|
5385
|
-
"border-start-end-radius": {
|
|
5386
|
-
"type": "dimension",
|
|
5387
|
-
"value": 0
|
|
5388
|
-
},
|
|
5389
|
-
"border-start-start-radius": {
|
|
5390
|
-
"type": "dimension",
|
|
5391
|
-
"value": 0
|
|
5392
|
-
},
|
|
5393
|
-
"margin-block-end": {
|
|
5394
|
-
"type": "dimension",
|
|
5395
|
-
"value": 0
|
|
5396
|
-
},
|
|
5397
|
-
"margin-block-start": {
|
|
5398
|
-
"type": "dimension",
|
|
5399
|
-
"value": 0
|
|
5400
|
-
},
|
|
5401
|
-
"margin-inline-end": {
|
|
5402
|
-
"type": "dimension",
|
|
5403
|
-
"value": 0
|
|
5404
|
-
},
|
|
5405
|
-
"margin-inline-start": {
|
|
5406
|
-
"type": "dimension",
|
|
5407
|
-
"value": 0
|
|
5408
|
-
},
|
|
5409
|
-
"blue-corner-border-variation": {
|
|
5410
|
-
"border-block-end-width": {
|
|
5411
|
-
"type": "dimension",
|
|
5412
|
-
"value": "2px"
|
|
5413
|
-
},
|
|
5414
|
-
"border-color": {
|
|
5415
|
-
"type": "color",
|
|
5416
|
-
"value": "#154273"
|
|
5417
|
-
},
|
|
5418
|
-
"border-end-end-radius": {
|
|
5419
|
-
"type": "dimension",
|
|
5420
|
-
"value": "3rem"
|
|
5421
|
-
},
|
|
5422
|
-
"border-inline-end-width": {
|
|
5423
|
-
"type": "dimension",
|
|
5424
|
-
"value": "2px"
|
|
5425
|
-
}
|
|
5426
|
-
},
|
|
5427
|
-
"caption": {
|
|
5428
|
-
"color": {
|
|
5429
|
-
"type": "color",
|
|
5430
|
-
"value": "#154273"
|
|
5431
|
-
},
|
|
5432
|
-
"font-family": {
|
|
5433
|
-
"type": "fontFamilies",
|
|
5434
|
-
"value": "'Fira Sans', Arial, Verdana, sans-serif"
|
|
5435
|
-
},
|
|
5436
|
-
"font-size": {
|
|
5437
|
-
"type": "fontSizes",
|
|
5438
|
-
"value": "1.25rem"
|
|
5439
|
-
},
|
|
5440
|
-
"font-weight": {
|
|
5441
|
-
"type": "fontWeights",
|
|
5442
|
-
"value": 400
|
|
5443
|
-
},
|
|
5444
|
-
"line-height": {
|
|
5445
|
-
"type": "lineHeights",
|
|
5446
|
-
"value": "150%"
|
|
5447
|
-
},
|
|
5448
|
-
"padding-block-start": {
|
|
5449
|
-
"type": "dimension",
|
|
5450
|
-
"value": "0.75rem"
|
|
5451
|
-
}
|
|
5452
|
-
},
|
|
5453
|
-
"content": {
|
|
5454
|
-
"font-family": {
|
|
5455
|
-
"type": "fontFamilies",
|
|
5456
|
-
"value": "'Fira Sans', Arial, Verdana, sans-serif"
|
|
5457
|
-
},
|
|
5458
|
-
"font-weight": {
|
|
5459
|
-
"type": "fontWeights",
|
|
5460
|
-
"value": 400
|
|
5461
|
-
},
|
|
5462
|
-
"line-height": {
|
|
5463
|
-
"type": "lineHeights",
|
|
5464
|
-
"value": "150%"
|
|
5465
|
-
},
|
|
5466
|
-
"color": {
|
|
5467
|
-
"value": "#154273",
|
|
5468
|
-
"type": "color"
|
|
5469
|
-
},
|
|
5470
|
-
"font-size": {
|
|
5471
|
-
"value": "1.25rem",
|
|
5472
|
-
"type": "fontSizes"
|
|
5473
|
-
}
|
|
5474
|
-
},
|
|
5475
|
-
"pink-background-variation": {
|
|
5476
|
-
"background-color": {
|
|
5477
|
-
"type": "color",
|
|
5478
|
-
"value": "#F6BDE1"
|
|
5479
|
-
},
|
|
5480
|
-
"border-end-start-radius": {
|
|
5481
|
-
"type": "dimension",
|
|
5482
|
-
"value": "3rem"
|
|
5483
|
-
},
|
|
5484
|
-
"padding": {
|
|
5485
|
-
"type": "dimension",
|
|
5486
|
-
"value": "2.5rem"
|
|
5487
|
-
}
|
|
5488
|
-
},
|
|
5489
|
-
"pink-corner-border-variation": {
|
|
5490
|
-
"border-block-start-width": {
|
|
5491
|
-
"type": "dimension",
|
|
5492
|
-
"value": "0.25rem"
|
|
5493
|
-
},
|
|
5494
|
-
"border-color": {
|
|
5495
|
-
"type": "color",
|
|
5496
|
-
"value": "#F6BDE1"
|
|
5497
|
-
},
|
|
5498
|
-
"border-inline-start-width": {
|
|
5499
|
-
"type": "dimension",
|
|
5500
|
-
"value": "0.25rem"
|
|
5501
|
-
},
|
|
5502
|
-
"border-start-start-radius": {
|
|
5503
|
-
"type": "dimension",
|
|
5504
|
-
"value": "3rem"
|
|
5505
|
-
},
|
|
5506
|
-
"padding": {
|
|
5507
|
-
"type": "dimension",
|
|
5508
|
-
"value": "2.5rem"
|
|
5509
|
-
}
|
|
5510
|
-
},
|
|
5511
|
-
"pink-left-border-variation": {
|
|
5512
|
-
"border-color": {
|
|
5513
|
-
"type": "color",
|
|
5514
|
-
"value": "#F6BDE1"
|
|
5515
|
-
},
|
|
5516
|
-
"border-inline-start-width": {
|
|
5517
|
-
"type": "dimension",
|
|
5518
|
-
"value": "0.75rem"
|
|
5519
|
-
},
|
|
5520
|
-
"padding-block-end": {
|
|
5521
|
-
"type": "dimension",
|
|
5522
|
-
"value": "1.5rem"
|
|
5523
|
-
},
|
|
5524
|
-
"padding-block-start": {
|
|
5525
|
-
"type": "dimension",
|
|
5526
|
-
"value": "1.5rem"
|
|
5527
|
-
},
|
|
5528
|
-
"padding-inline-end": {
|
|
5529
|
-
"type": "dimension",
|
|
5530
|
-
"value": "2.5rem"
|
|
5531
|
-
},
|
|
5532
|
-
"padding-inline-start": {
|
|
5533
|
-
"type": "dimension",
|
|
5534
|
-
"value": "2.5rem"
|
|
5535
|
-
}
|
|
5536
|
-
},
|
|
5537
5347
|
"background-color": {
|
|
5538
5348
|
"value": "transparent",
|
|
5539
5349
|
"type": "color"
|
|
@@ -5595,6 +5405,16 @@
|
|
|
5595
5405
|
"value": "1.25rem",
|
|
5596
5406
|
"type": "fontSizes"
|
|
5597
5407
|
}
|
|
5408
|
+
},
|
|
5409
|
+
"content": {
|
|
5410
|
+
"color": {
|
|
5411
|
+
"value": "#154273",
|
|
5412
|
+
"type": "color"
|
|
5413
|
+
},
|
|
5414
|
+
"font-size": {
|
|
5415
|
+
"value": "1.25rem",
|
|
5416
|
+
"type": "fontSizes"
|
|
5417
|
+
}
|
|
5598
5418
|
}
|
|
5599
5419
|
},
|
|
5600
5420
|
"backdrop": {
|