@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/tokens.d.ts CHANGED
@@ -317,20 +317,6 @@ declare const tokens: {
317
317
  "padding-block": DesignToken,
318
318
  "padding-inline": DesignToken
319
319
  },
320
- "badge-data": {
321
- "letter-spacing": {
322
- "$extensions": {
323
- "nl.nldesignsystem.css.property": {}
324
- }
325
- },
326
- "text-transform": {
327
- "$extensions": {
328
- "nl.nldesignsystem.css.property": {
329
- "syntax": {}
330
- }
331
- }
332
- }
333
- },
334
320
  "badge-list": {
335
321
  "row-gap": {
336
322
  "$extensions": {
@@ -1404,11 +1390,7 @@ declare const tokens: {
1404
1390
  "code-block": {
1405
1391
  "background-color": DesignToken,
1406
1392
  "color": DesignToken,
1407
- "font-family": {
1408
- "$extensions": {
1409
- "nl.nldesignsystem.css.property": {}
1410
- }
1411
- },
1393
+ "font-family": DesignToken,
1412
1394
  "font-size": DesignToken,
1413
1395
  "line-height": DesignToken,
1414
1396
  "margin-block-start": DesignToken,
@@ -1710,6 +1692,65 @@ declare const tokens: {
1710
1692
  }
1711
1693
  },
1712
1694
  "currency-data": {},
1695
+ "data-badge": {
1696
+ "background-color": {
1697
+ "$extensions": {
1698
+ "nl.nldesignsystem.css.property": {}
1699
+ }
1700
+ },
1701
+ "border-radius": {
1702
+ "$extensions": {
1703
+ "nl.nldesignsystem.css.property": {}
1704
+ }
1705
+ },
1706
+ "border-width": {
1707
+ "$extensions": {
1708
+ "nl.nldesignsystem.css.property": {}
1709
+ }
1710
+ },
1711
+ "color": {
1712
+ "$extensions": {
1713
+ "nl.nldesignsystem.css.property": {}
1714
+ }
1715
+ },
1716
+ "font-size": {
1717
+ "$extensions": {
1718
+ "nl.nldesignsystem.css.property": {}
1719
+ }
1720
+ },
1721
+ "font-weight": {
1722
+ "$extensions": {
1723
+ "nl.nldesignsystem.css.property": {}
1724
+ }
1725
+ },
1726
+ "line-height": {
1727
+ "$extensions": {
1728
+ "nl.nldesignsystem.css.property": {
1729
+ "syntax": {}
1730
+ }
1731
+ }
1732
+ },
1733
+ "min-block-size": {
1734
+ "$extensions": {
1735
+ "nl.nldesignsystem.css.property": {}
1736
+ }
1737
+ },
1738
+ "min-inline-size": {
1739
+ "$extensions": {
1740
+ "nl.nldesignsystem.css.property": {}
1741
+ }
1742
+ },
1743
+ "padding-block": {
1744
+ "$extensions": {
1745
+ "nl.nldesignsystem.css.property": {}
1746
+ }
1747
+ },
1748
+ "padding-inline": {
1749
+ "$extensions": {
1750
+ "nl.nldesignsystem.css.property": {}
1751
+ }
1752
+ }
1753
+ },
1713
1754
  "data-list": {
1714
1755
  "margin-block-end": DesignToken,
1715
1756
  "margin-block-start": DesignToken,
@@ -3310,7 +3351,12 @@ declare const tokens: {
3310
3351
  "margin-block-start": DesignToken,
3311
3352
  "margin-block-end": DesignToken,
3312
3353
  "lead": {
3313
- "color": DesignToken,
3354
+ "color": {
3355
+ "$extensions": {
3356
+ "nl.nldesignsystem.css.property": {},
3357
+ "nl.nldesignsystem.fallback": {}
3358
+ }
3359
+ },
3314
3360
  "font-size": DesignToken,
3315
3361
  "font-weight": DesignToken,
3316
3362
  "line-height": DesignToken
@@ -5003,6 +5049,117 @@ declare const tokens: {
5003
5049
  }
5004
5050
  }
5005
5051
  },
5052
+ "nl": {
5053
+ "code-block": {
5054
+ "background-color": DesignToken,
5055
+ "color": DesignToken,
5056
+ "font-family": DesignToken,
5057
+ "font-size": DesignToken,
5058
+ "line-height": DesignToken,
5059
+ "padding-block": DesignToken,
5060
+ "padding-inline": DesignToken
5061
+ },
5062
+ "code": {
5063
+ "background-color": {},
5064
+ "color": {},
5065
+ "font-family": {},
5066
+ "font-size": {},
5067
+ "line-height": {}
5068
+ },
5069
+ "data-badge": {
5070
+ "background-color": DesignToken,
5071
+ "border-radius": DesignToken,
5072
+ "color": DesignToken,
5073
+ "font-weight": {},
5074
+ "padding-block": DesignToken,
5075
+ "padding-inline": DesignToken
5076
+ },
5077
+ "heading": {
5078
+ "level-1": {
5079
+ "color": {},
5080
+ "font-family": DesignToken,
5081
+ "font-size": DesignToken,
5082
+ "font-weight": DesignToken,
5083
+ "line-height": DesignToken
5084
+ },
5085
+ "level-2": {
5086
+ "color": {},
5087
+ "font-family": DesignToken,
5088
+ "font-size": DesignToken,
5089
+ "font-weight": DesignToken,
5090
+ "line-height": DesignToken
5091
+ },
5092
+ "level-3": {
5093
+ "color": {},
5094
+ "font-family": DesignToken,
5095
+ "font-size": DesignToken,
5096
+ "font-weight": DesignToken,
5097
+ "line-height": DesignToken
5098
+ },
5099
+ "level-4": {
5100
+ "color": {},
5101
+ "font-family": DesignToken,
5102
+ "font-size": DesignToken,
5103
+ "font-weight": DesignToken,
5104
+ "line-height": DesignToken
5105
+ },
5106
+ "level-5": {
5107
+ "color": {},
5108
+ "font-family": DesignToken,
5109
+ "font-size": DesignToken,
5110
+ "font-weight": DesignToken,
5111
+ "line-height": DesignToken
5112
+ },
5113
+ "level-6": {
5114
+ "color": {},
5115
+ "font-family": DesignToken,
5116
+ "font-size": DesignToken,
5117
+ "font-weight": DesignToken,
5118
+ "line-height": DesignToken
5119
+ }
5120
+ },
5121
+ "mark": {
5122
+ "background-color": DesignToken,
5123
+ "color": DesignToken
5124
+ },
5125
+ "number-badge": {
5126
+ "background-color": DesignToken,
5127
+ "border-radius": DesignToken,
5128
+ "color": DesignToken,
5129
+ "font-size": DesignToken,
5130
+ "font-weight": {},
5131
+ "padding-block": DesignToken,
5132
+ "padding-inline": DesignToken
5133
+ },
5134
+ "paragraph": {
5135
+ "color": {},
5136
+ "font-family": DesignToken,
5137
+ "font-size": DesignToken,
5138
+ "font-weight": DesignToken,
5139
+ "line-height": DesignToken,
5140
+ "lead": {
5141
+ "color": DesignToken,
5142
+ "font-size": DesignToken,
5143
+ "font-weight": DesignToken,
5144
+ "line-height": DesignToken
5145
+ },
5146
+ "small": {
5147
+ "font-size": DesignToken
5148
+ }
5149
+ },
5150
+ "skip-link": {
5151
+ "background-color": DesignToken,
5152
+ "color": DesignToken,
5153
+ "padding-block": DesignToken,
5154
+ "padding-inline": DesignToken,
5155
+ "text-decoration": DesignToken,
5156
+ "focus-visible": {
5157
+ "color": DesignToken,
5158
+ "background-color": DesignToken,
5159
+ "text-decoration": DesignToken
5160
+ }
5161
+ }
5162
+ },
5006
5163
  "of": {
5007
5164
  "layout": {
5008
5165
  "background": DesignToken,