@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.
Files changed (104) hide show
  1. package/CHANGELOG.md +84 -0
  2. package/dist/_variables.scss +14 -56
  3. package/dist/index.css +14 -56
  4. package/dist/index.d.ts +8 -50
  5. package/dist/index.js +14 -56
  6. package/dist/index.json +13 -55
  7. package/dist/index.tokens.json +18 -72
  8. package/dist/koop/_variables.scss +39 -79
  9. package/dist/koop/index.css +39 -79
  10. package/dist/koop/index.d.ts +33 -73
  11. package/dist/koop/index.js +39 -79
  12. package/dist/koop/index.json +38 -78
  13. package/dist/koop/index.tokens.json +73 -129
  14. package/dist/koop/root.css +39 -79
  15. package/dist/koop/tokens.d.ts +68 -124
  16. package/dist/koop/tokens.js +1187 -2057
  17. package/dist/root.css +14 -56
  18. package/dist/tokens.d.ts +13 -67
  19. package/dist/tokens.js +280 -1232
  20. package/dist/uitvoerend-groen/_variables.scss +27 -65
  21. package/dist/uitvoerend-groen/index.css +27 -65
  22. package/dist/uitvoerend-groen/index.d.ts +21 -59
  23. package/dist/uitvoerend-groen/index.js +27 -65
  24. package/dist/uitvoerend-groen/index.json +26 -64
  25. package/dist/uitvoerend-groen/index.tokens.json +51 -101
  26. package/dist/uitvoerend-groen/root.css +27 -65
  27. package/dist/uitvoerend-groen/tokens.d.ts +46 -96
  28. package/dist/uitvoerend-groen/tokens.js +526 -1394
  29. package/dist/uitvoerend-hemelblauw/_variables.scss +27 -65
  30. package/dist/uitvoerend-hemelblauw/index.css +27 -65
  31. package/dist/uitvoerend-hemelblauw/index.d.ts +21 -59
  32. package/dist/uitvoerend-hemelblauw/index.js +27 -65
  33. package/dist/uitvoerend-hemelblauw/index.json +26 -64
  34. package/dist/uitvoerend-hemelblauw/index.tokens.json +51 -101
  35. package/dist/uitvoerend-hemelblauw/root.css +27 -65
  36. package/dist/uitvoerend-hemelblauw/tokens.d.ts +46 -96
  37. package/dist/uitvoerend-hemelblauw/tokens.js +526 -1394
  38. package/dist/uitvoerend-mintgroen/_variables.scss +27 -65
  39. package/dist/uitvoerend-mintgroen/index.css +27 -65
  40. package/dist/uitvoerend-mintgroen/index.d.ts +21 -59
  41. package/dist/uitvoerend-mintgroen/index.js +27 -65
  42. package/dist/uitvoerend-mintgroen/index.json +26 -64
  43. package/dist/uitvoerend-mintgroen/index.tokens.json +51 -101
  44. package/dist/uitvoerend-mintgroen/root.css +27 -65
  45. package/dist/uitvoerend-mintgroen/tokens.d.ts +46 -96
  46. package/dist/uitvoerend-mintgroen/tokens.js +526 -1394
  47. package/dist/uitvoerend-oranje/_variables.scss +27 -65
  48. package/dist/uitvoerend-oranje/index.css +27 -65
  49. package/dist/uitvoerend-oranje/index.d.ts +21 -59
  50. package/dist/uitvoerend-oranje/index.js +27 -65
  51. package/dist/uitvoerend-oranje/index.json +26 -64
  52. package/dist/uitvoerend-oranje/index.tokens.json +51 -101
  53. package/dist/uitvoerend-oranje/root.css +27 -65
  54. package/dist/uitvoerend-oranje/tokens.d.ts +46 -96
  55. package/dist/uitvoerend-oranje/tokens.js +526 -1394
  56. package/dist/uitvoerend-paars/_variables.scss +27 -65
  57. package/dist/uitvoerend-paars/index.css +27 -65
  58. package/dist/uitvoerend-paars/index.d.ts +21 -59
  59. package/dist/uitvoerend-paars/index.js +27 -65
  60. package/dist/uitvoerend-paars/index.json +26 -64
  61. package/dist/uitvoerend-paars/index.tokens.json +51 -101
  62. package/dist/uitvoerend-paars/root.css +27 -65
  63. package/dist/uitvoerend-paars/tokens.d.ts +46 -96
  64. package/dist/uitvoerend-paars/tokens.js +526 -1394
  65. package/dist/uitvoerend-violet/_variables.scss +27 -65
  66. package/dist/uitvoerend-violet/index.css +27 -65
  67. package/dist/uitvoerend-violet/index.d.ts +21 -59
  68. package/dist/uitvoerend-violet/index.js +27 -65
  69. package/dist/uitvoerend-violet/index.json +26 -64
  70. package/dist/uitvoerend-violet/index.tokens.json +51 -101
  71. package/dist/uitvoerend-violet/root.css +27 -65
  72. package/dist/uitvoerend-violet/tokens.d.ts +46 -96
  73. package/dist/uitvoerend-violet/tokens.js +526 -1394
  74. package/dist/uitvoerend-violet-oud/_variables.scss +27 -65
  75. package/dist/uitvoerend-violet-oud/index.css +27 -65
  76. package/dist/uitvoerend-violet-oud/index.d.ts +21 -59
  77. package/dist/uitvoerend-violet-oud/index.js +27 -65
  78. package/dist/uitvoerend-violet-oud/index.json +26 -64
  79. package/dist/uitvoerend-violet-oud/index.tokens.json +51 -101
  80. package/dist/uitvoerend-violet-oud/root.css +27 -65
  81. package/dist/uitvoerend-violet-oud/tokens.d.ts +46 -96
  82. package/dist/uitvoerend-violet-oud/tokens.js +526 -1394
  83. package/dist/wetgevend/_variables.scss +27 -65
  84. package/dist/wetgevend/index.css +27 -65
  85. package/dist/wetgevend/index.d.ts +21 -59
  86. package/dist/wetgevend/index.js +27 -65
  87. package/dist/wetgevend/index.json +26 -64
  88. package/dist/wetgevend/index.tokens.json +51 -101
  89. package/dist/wetgevend/root.css +27 -65
  90. package/dist/wetgevend/tokens.d.ts +46 -96
  91. package/dist/wetgevend/tokens.js +526 -1394
  92. package/figma/figma.tokens.json +100 -390
  93. package/package.json +1 -1
  94. package/src/generated/base.tokens.json +39 -219
  95. package/src/generated/koop/tokens.json +190 -346
  96. package/src/generated/themes.json +1062 -2530
  97. package/src/generated/uitvoerend-groen/tokens.json +109 -273
  98. package/src/generated/uitvoerend-hemelblauw/tokens.json +109 -273
  99. package/src/generated/uitvoerend-mintgroen/tokens.json +109 -273
  100. package/src/generated/uitvoerend-oranje/tokens.json +109 -273
  101. package/src/generated/uitvoerend-paars/tokens.json +109 -273
  102. package/src/generated/uitvoerend-violet/tokens.json +109 -273
  103. package/src/generated/uitvoerend-violet-oud/tokens.json +109 -273
  104. package/src/generated/wetgevend/tokens.json +109 -273
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rijkshuisstijl-community/design-tokens",
3
- "version": "7.0.0",
3
+ "version": "9.0.0",
4
4
  "author": "Community for NL Design System",
5
5
  "description": "Example design tokens",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -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
  },
@@ -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": "0px"
4228
+ "value": "2px"
4247
4229
  },
4248
4230
  "padding-inline-start": {
4249
4231
  "type": "dimension",
4250
- "value": "0rem"
4232
+ "value": "1rem"
4251
4233
  }
4252
4234
  }
4253
4235
  },
@@ -4379,11 +4361,11 @@
4379
4361
  }
4380
4362
  },
4381
4363
  "padding-inline-start": {
4382
- "value": "0rem",
4364
+ "value": "1rem",
4383
4365
  "type": "spacing"
4384
4366
  },
4385
4367
  "border-inline-start-width": {
4386
- "value": "0px",
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": {