@utrecht/design-tokens 2.3.0 → 2.4.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 (73) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/_mixin-theme.scss +124 -63
  3. package/dist/_mixin.scss +124 -63
  4. package/dist/_variables.scss +124 -63
  5. package/dist/dark/_mixin-theme.scss +124 -63
  6. package/dist/dark/_mixin.scss +124 -63
  7. package/dist/dark/_variables.scss +124 -63
  8. package/dist/dark/index.cjs +62 -1
  9. package/dist/dark/index.css +124 -63
  10. package/dist/dark/index.d.ts +62 -1
  11. package/dist/dark/index.flat.json +62 -1
  12. package/dist/dark/index.json +1046 -102
  13. package/dist/dark/index.mjs +62 -1
  14. package/dist/dark/index.tokens.json +246 -36
  15. package/dist/dark/list.json +1046 -102
  16. package/dist/dark/list.mjs +1046 -102
  17. package/dist/dark/property.css +0 -1
  18. package/dist/dark/root.css +124 -63
  19. package/dist/dark/theme-prince-xml.css +124 -63
  20. package/dist/dark/theme.css +124 -63
  21. package/dist/dark/tokens.cjs +1209 -116
  22. package/dist/dark/tokens.d.ts +177 -20
  23. package/dist/dark/tokens.json +1209 -116
  24. package/dist/dark/variables.cjs +62 -1
  25. package/dist/dark/variables.css +124 -63
  26. package/dist/dark/variables.d.ts +62 -1
  27. package/dist/dark/variables.json +62 -1
  28. package/dist/dark/variables.less +124 -63
  29. package/dist/dark/variables.mjs +62 -1
  30. package/dist/index.cjs +62 -1
  31. package/dist/index.css +248 -126
  32. package/dist/index.d.ts +62 -1
  33. package/dist/index.flat.json +62 -1
  34. package/dist/index.json +1046 -102
  35. package/dist/index.mjs +62 -1
  36. package/dist/index.tokens.json +246 -36
  37. package/dist/list.json +1046 -102
  38. package/dist/list.mjs +1046 -102
  39. package/dist/property.css +0 -1
  40. package/dist/root.css +124 -63
  41. package/dist/theme-prince-xml.css +124 -63
  42. package/dist/theme.css +124 -63
  43. package/dist/tokens.cjs +1209 -116
  44. package/dist/tokens.d.ts +177 -20
  45. package/dist/tokens.json +1209 -116
  46. package/dist/variables.cjs +62 -1
  47. package/dist/variables.css +124 -63
  48. package/dist/variables.d.ts +62 -1
  49. package/dist/variables.json +62 -1
  50. package/dist/variables.less +124 -63
  51. package/dist/variables.mjs +62 -1
  52. package/package.json +1 -1
  53. package/src/component/nl/code-block.tokens.json +13 -0
  54. package/src/component/nl/code.tokens.json +11 -0
  55. package/src/component/nl/data-badge.tokens.json +22 -0
  56. package/src/component/nl/heading.tokens.json +48 -0
  57. package/src/component/nl/mark.tokens.json +8 -0
  58. package/src/component/nl/number-badge.tokens.json +23 -0
  59. package/src/component/nl/paragraph.tokens.json +20 -0
  60. package/src/component/nl/skip-link.tokens.json +16 -0
  61. package/src/component/utrecht/badge.tokens.json +5 -5
  62. package/src/component/utrecht/code-block.tokens.json +9 -9
  63. package/src/component/utrecht/heading-1.tokens.json +4 -4
  64. package/src/component/utrecht/heading-2.tokens.json +4 -4
  65. package/src/component/utrecht/heading-3.tokens.json +4 -4
  66. package/src/component/utrecht/heading-4.tokens.json +4 -4
  67. package/src/component/utrecht/heading-5.tokens.json +4 -4
  68. package/src/component/utrecht/heading-6.tokens.json +4 -4
  69. package/src/component/utrecht/mark.tokens.json +2 -2
  70. package/src/component/utrecht/number-badge.tokens.json +6 -6
  71. package/src/component/utrecht/paragraph.tokens.json +8 -8
  72. package/src/component/utrecht/skip-link.tokens.json +10 -10
  73. package/src/component/utrecht/badge-data.tokens.json +0 -8
package/dist/dark/tokens.d.ts CHANGED
@@ -321,20 +321,6 @@ declare const tokens: {
321
321
  "padding-block": DesignToken,
322
322
  "padding-inline": DesignToken
323
323
  },
324
- "badge-data": {
325
- "letter-spacing": {
326
- "$extensions": {
327
- "nl.nldesignsystem.css.property": {}
328
- }
329
- },
330
- "text-transform": {
331
- "$extensions": {
332
- "nl.nldesignsystem.css.property": {
333
- "syntax": {}
334
- }
335
- }
336
- }
337
- },
338
324
  "badge-list": {
339
325
  "row-gap": {
340
326
  "$extensions": {
@@ -1408,11 +1394,7 @@ declare const tokens: {
1408
1394
  "code-block": {
1409
1395
  "background-color": DesignToken,
1410
1396
  "color": DesignToken,
1411
- "font-family": {
1412
- "$extensions": {
1413
- "nl.nldesignsystem.css.property": {}
1414
- }
1415
- },
1397
+ "font-family": DesignToken,
1416
1398
  "font-size": DesignToken,
1417
1399
  "line-height": DesignToken,
1418
1400
  "margin-block-start": DesignToken,
@@ -1714,6 +1696,65 @@ declare const tokens: {
1714
1696
  }
1715
1697
  },
1716
1698
  "currency-data": {},
1699
+ "data-badge": {
1700
+ "background-color": {
1701
+ "$extensions": {
1702
+ "nl.nldesignsystem.css.property": {}
1703
+ }
1704
+ },
1705
+ "border-radius": {
1706
+ "$extensions": {
1707
+ "nl.nldesignsystem.css.property": {}
1708
+ }
1709
+ },
1710
+ "border-width": {
1711
+ "$extensions": {
1712
+ "nl.nldesignsystem.css.property": {}
1713
+ }
1714
+ },
1715
+ "color": {
1716
+ "$extensions": {
1717
+ "nl.nldesignsystem.css.property": {}
1718
+ }
1719
+ },
1720
+ "font-size": {
1721
+ "$extensions": {
1722
+ "nl.nldesignsystem.css.property": {}
1723
+ }
1724
+ },
1725
+ "font-weight": {
1726
+ "$extensions": {
1727
+ "nl.nldesignsystem.css.property": {}
1728
+ }
1729
+ },
1730
+ "line-height": {
1731
+ "$extensions": {
1732
+ "nl.nldesignsystem.css.property": {
1733
+ "syntax": {}
1734
+ }
1735
+ }
1736
+ },
1737
+ "min-block-size": {
1738
+ "$extensions": {
1739
+ "nl.nldesignsystem.css.property": {}
1740
+ }
1741
+ },
1742
+ "min-inline-size": {
1743
+ "$extensions": {
1744
+ "nl.nldesignsystem.css.property": {}
1745
+ }
1746
+ },
1747
+ "padding-block": {
1748
+ "$extensions": {
1749
+ "nl.nldesignsystem.css.property": {}
1750
+ }
1751
+ },
1752
+ "padding-inline": {
1753
+ "$extensions": {
1754
+ "nl.nldesignsystem.css.property": {}
1755
+ }
1756
+ }
1757
+ },
1717
1758
  "data-list": {
1718
1759
  "margin-block-end": DesignToken,
1719
1760
  "margin-block-start": DesignToken,
@@ -3314,7 +3355,12 @@ declare const tokens: {
3314
3355
  "margin-block-start": DesignToken,
3315
3356
  "margin-block-end": DesignToken,
3316
3357
  "lead": {
3317
- "color": DesignToken,
3358
+ "color": {
3359
+ "$extensions": {
3360
+ "nl.nldesignsystem.css.property": {},
3361
+ "nl.nldesignsystem.fallback": {}
3362
+ }
3363
+ },
3318
3364
  "font-size": DesignToken,
3319
3365
  "font-weight": DesignToken,
3320
3366
  "line-height": DesignToken
@@ -4999,6 +5045,117 @@ declare const tokens: {
4999
5045
  }
5000
5046
  }
5001
5047
  },
5048
+ "nl": {
5049
+ "code-block": {
5050
+ "background-color": DesignToken,
5051
+ "color": DesignToken,
5052
+ "font-family": DesignToken,
5053
+ "font-size": DesignToken,
5054
+ "line-height": DesignToken,
5055
+ "padding-block": DesignToken,
5056
+ "padding-inline": DesignToken
5057
+ },
5058
+ "code": {
5059
+ "background-color": {},
5060
+ "color": {},
5061
+ "font-family": {},
5062
+ "font-size": {},
5063
+ "line-height": {}
5064
+ },
5065
+ "data-badge": {
5066
+ "background-color": DesignToken,
5067
+ "border-radius": DesignToken,
5068
+ "color": DesignToken,
5069
+ "font-weight": {},
5070
+ "padding-block": DesignToken,
5071
+ "padding-inline": DesignToken
5072
+ },
5073
+ "heading": {
5074
+ "level-1": {
5075
+ "color": {},
5076
+ "font-family": DesignToken,
5077
+ "font-size": DesignToken,
5078
+ "font-weight": DesignToken,
5079
+ "line-height": DesignToken
5080
+ },
5081
+ "level-2": {
5082
+ "color": {},
5083
+ "font-family": DesignToken,
5084
+ "font-size": DesignToken,
5085
+ "font-weight": DesignToken,
5086
+ "line-height": DesignToken
5087
+ },
5088
+ "level-3": {
5089
+ "color": {},
5090
+ "font-family": DesignToken,
5091
+ "font-size": DesignToken,
5092
+ "font-weight": DesignToken,
5093
+ "line-height": DesignToken
5094
+ },
5095
+ "level-4": {
5096
+ "color": {},
5097
+ "font-family": DesignToken,
5098
+ "font-size": DesignToken,
5099
+ "font-weight": DesignToken,
5100
+ "line-height": DesignToken
5101
+ },
5102
+ "level-5": {
5103
+ "color": {},
5104
+ "font-family": DesignToken,
5105
+ "font-size": DesignToken,
5106
+ "font-weight": DesignToken,
5107
+ "line-height": DesignToken
5108
+ },
5109
+ "level-6": {
5110
+ "color": {},
5111
+ "font-family": DesignToken,
5112
+ "font-size": DesignToken,
5113
+ "font-weight": DesignToken,
5114
+ "line-height": DesignToken
5115
+ }
5116
+ },
5117
+ "mark": {
5118
+ "background-color": DesignToken,
5119
+ "color": DesignToken
5120
+ },
5121
+ "number-badge": {
5122
+ "background-color": DesignToken,
5123
+ "border-radius": DesignToken,
5124
+ "color": DesignToken,
5125
+ "font-size": DesignToken,
5126
+ "font-weight": {},
5127
+ "padding-block": DesignToken,
5128
+ "padding-inline": DesignToken
5129
+ },
5130
+ "paragraph": {
5131
+ "color": {},
5132
+ "font-family": DesignToken,
5133
+ "font-size": DesignToken,
5134
+ "font-weight": DesignToken,
5135
+ "line-height": DesignToken,
5136
+ "lead": {
5137
+ "color": DesignToken,
5138
+ "font-size": DesignToken,
5139
+ "font-weight": DesignToken,
5140
+ "line-height": DesignToken
5141
+ },
5142
+ "small": {
5143
+ "font-size": DesignToken
5144
+ }
5145
+ },
5146
+ "skip-link": {
5147
+ "background-color": DesignToken,
5148
+ "color": DesignToken,
5149
+ "padding-block": DesignToken,
5150
+ "padding-inline": DesignToken,
5151
+ "text-decoration": DesignToken,
5152
+ "focus-visible": {
5153
+ "color": DesignToken,
5154
+ "background-color": DesignToken,
5155
+ "text-decoration": DesignToken
5156
+ }
5157
+ }
5158
+ },
5002
5159
  "of": {
5003
5160
  "layout": {
5004
5161
  "background": DesignToken,