@rijkshuisstijl-community/design-tokens 7.0.0 → 8.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.
Files changed (104) hide show
  1. package/CHANGELOG.md +72 -0
  2. package/dist/_variables.scss +10 -48
  3. package/dist/index.css +10 -48
  4. package/dist/index.d.ts +8 -46
  5. package/dist/index.js +10 -48
  6. package/dist/index.json +9 -47
  7. package/dist/index.tokens.json +14 -64
  8. package/dist/koop/_variables.scss +23 -61
  9. package/dist/koop/index.css +23 -61
  10. package/dist/koop/index.d.ts +21 -59
  11. package/dist/koop/index.js +23 -61
  12. package/dist/koop/index.json +22 -60
  13. package/dist/koop/index.tokens.json +47 -97
  14. package/dist/koop/root.css +23 -61
  15. package/dist/koop/tokens.d.ts +46 -96
  16. package/dist/koop/tokens.js +528 -1396
  17. package/dist/root.css +10 -48
  18. package/dist/tokens.d.ts +13 -63
  19. package/dist/tokens.js +200 -1068
  20. package/dist/uitvoerend-groen/_variables.scss +23 -61
  21. package/dist/uitvoerend-groen/index.css +23 -61
  22. package/dist/uitvoerend-groen/index.d.ts +21 -59
  23. package/dist/uitvoerend-groen/index.js +23 -61
  24. package/dist/uitvoerend-groen/index.json +22 -60
  25. package/dist/uitvoerend-groen/index.tokens.json +47 -97
  26. package/dist/uitvoerend-groen/root.css +23 -61
  27. package/dist/uitvoerend-groen/tokens.d.ts +46 -96
  28. package/dist/uitvoerend-groen/tokens.js +528 -1396
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +23 -61
  30. package/dist/uitvoerend-hemelblauw/index.css +23 -61
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +21 -59
  32. package/dist/uitvoerend-hemelblauw/index.js +23 -61
  33. package/dist/uitvoerend-hemelblauw/index.json +22 -60
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +47 -97
  35. package/dist/uitvoerend-hemelblauw/root.css +23 -61
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +46 -96
  37. package/dist/uitvoerend-hemelblauw/tokens.js +528 -1396
  38. package/dist/uitvoerend-mintgroen/_variables.scss +23 -61
  39. package/dist/uitvoerend-mintgroen/index.css +23 -61
  40. package/dist/uitvoerend-mintgroen/index.d.ts +21 -59
  41. package/dist/uitvoerend-mintgroen/index.js +23 -61
  42. package/dist/uitvoerend-mintgroen/index.json +22 -60
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +47 -97
  44. package/dist/uitvoerend-mintgroen/root.css +23 -61
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +46 -96
  46. package/dist/uitvoerend-mintgroen/tokens.js +528 -1396
  47. package/dist/uitvoerend-oranje/_variables.scss +23 -61
  48. package/dist/uitvoerend-oranje/index.css +23 -61
  49. package/dist/uitvoerend-oranje/index.d.ts +21 -59
  50. package/dist/uitvoerend-oranje/index.js +23 -61
  51. package/dist/uitvoerend-oranje/index.json +22 -60
  52. package/dist/uitvoerend-oranje/index.tokens.json +47 -97
  53. package/dist/uitvoerend-oranje/root.css +23 -61
  54. package/dist/uitvoerend-oranje/tokens.d.ts +46 -96
  55. package/dist/uitvoerend-oranje/tokens.js +528 -1396
  56. package/dist/uitvoerend-paars/_variables.scss +23 -61
  57. package/dist/uitvoerend-paars/index.css +23 -61
  58. package/dist/uitvoerend-paars/index.d.ts +21 -59
  59. package/dist/uitvoerend-paars/index.js +23 -61
  60. package/dist/uitvoerend-paars/index.json +22 -60
  61. package/dist/uitvoerend-paars/index.tokens.json +47 -97
  62. package/dist/uitvoerend-paars/root.css +23 -61
  63. package/dist/uitvoerend-paars/tokens.d.ts +46 -96
  64. package/dist/uitvoerend-paars/tokens.js +528 -1396
  65. package/dist/uitvoerend-violet/_variables.scss +23 -61
  66. package/dist/uitvoerend-violet/index.css +23 -61
  67. package/dist/uitvoerend-violet/index.d.ts +21 -59
  68. package/dist/uitvoerend-violet/index.js +23 -61
  69. package/dist/uitvoerend-violet/index.json +22 -60
  70. package/dist/uitvoerend-violet/index.tokens.json +47 -97
  71. package/dist/uitvoerend-violet/root.css +23 -61
  72. package/dist/uitvoerend-violet/tokens.d.ts +46 -96
  73. package/dist/uitvoerend-violet/tokens.js +528 -1396
  74. package/dist/uitvoerend-violet-oud/_variables.scss +23 -61
  75. package/dist/uitvoerend-violet-oud/index.css +23 -61
  76. package/dist/uitvoerend-violet-oud/index.d.ts +21 -59
  77. package/dist/uitvoerend-violet-oud/index.js +23 -61
  78. package/dist/uitvoerend-violet-oud/index.json +22 -60
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +47 -97
  80. package/dist/uitvoerend-violet-oud/root.css +23 -61
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +46 -96
  82. package/dist/uitvoerend-violet-oud/tokens.js +528 -1396
  83. package/dist/wetgevend/_variables.scss +23 -61
  84. package/dist/wetgevend/index.css +23 -61
  85. package/dist/wetgevend/index.d.ts +21 -59
  86. package/dist/wetgevend/index.js +23 -61
  87. package/dist/wetgevend/index.json +22 -60
  88. package/dist/wetgevend/index.tokens.json +47 -97
  89. package/dist/wetgevend/root.css +23 -61
  90. package/dist/wetgevend/tokens.d.ts +46 -96
  91. package/dist/wetgevend/tokens.js +528 -1396
  92. package/figma/figma.tokens.json +51 -270
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +35 -199
  95. package/src/generated/koop/tokens.json +105 -269
  96. package/src/generated/themes.json +945 -2421
  97. package/src/generated/uitvoerend-groen/tokens.json +105 -269
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +105 -269
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +105 -269
  100. package/src/generated/uitvoerend-oranje/tokens.json +105 -269
  101. package/src/generated/uitvoerend-paars/tokens.json +105 -269
  102. package/src/generated/uitvoerend-violet/tokens.json +105 -269
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +105 -269
  104. package/src/generated/wetgevend/tokens.json +105 -269
package/src/generated/base.tokens.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
- "type": "other",
1667
- "value": "⚠️ Deze tokens zijn legacy en worden vervangen door de tokenset components/blockquote."
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": "1440px",
2752
+ "value": "144px",
2741
2753
  "type": "dimension"
2742
2754
  }
2743
2755
  },
@@ -4126,16 +4138,6 @@
4126
4138
  }
4127
4139
  },
4128
4140
  "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
4141
  "background-color": {
4140
4142
  "type": "color",
4141
4143
  "value": "transparent"
@@ -4188,10 +4190,6 @@
4188
4190
  }
4189
4191
  },
4190
4192
  "form-field-description": {
4191
- "padding-block-end": {
4192
- "value": "0.5rem",
4193
- "type": "dimension"
4194
- },
4195
4193
  "color": {
4196
4194
  "type": "color",
4197
4195
  "value": "#334155"
@@ -5362,178 +5360,6 @@
5362
5360
  }
5363
5361
  },
5364
5362
  "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
5363
  "background-color": {
5538
5364
  "value": "transparent",
5539
5365
  "type": "color"
@@ -5595,6 +5421,16 @@
5595
5421
  "value": "1.25rem",
5596
5422
  "type": "fontSizes"
5597
5423
  }
5424
+ },
5425
+ "content": {
5426
+ "color": {
5427
+ "value": "#154273",
5428
+ "type": "color"
5429
+ },
5430
+ "font-size": {
5431
+ "value": "1.25rem",
5432
+ "type": "fontSizes"
5433
+ }
5598
5434
  }
5599
5435
  },
5600
5436
  "backdrop": {