@utrecht/design-tokens 2.2.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 (79) hide show
  1. package/CHANGELOG.md +20 -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 +614 -72
  15. package/dist/dark/list.d.ts +14 -0
  16. package/dist/dark/list.json +1046 -102
  17. package/dist/dark/list.mjs +31638 -0
  18. package/dist/dark/property.css +0 -1
  19. package/dist/dark/root.css +124 -63
  20. package/dist/dark/theme-prince-xml.css +124 -63
  21. package/dist/dark/theme.css +124 -63
  22. package/dist/dark/tokens.cjs +1541 -116
  23. package/dist/dark/tokens.d.ts +355 -22
  24. package/dist/dark/tokens.json +1541 -116
  25. package/dist/dark/variables.cjs +62 -1
  26. package/dist/dark/variables.css +124 -63
  27. package/dist/dark/variables.d.ts +62 -1
  28. package/dist/dark/variables.json +62 -1
  29. package/dist/dark/variables.less +124 -63
  30. package/dist/dark/variables.mjs +62 -1
  31. package/dist/index.cjs +62 -1
  32. package/dist/index.css +248 -126
  33. package/dist/index.d.ts +62 -1
  34. package/dist/index.flat.json +62 -1
  35. package/dist/index.json +1046 -102
  36. package/dist/index.mjs +62 -1
  37. package/dist/index.tokens.json +614 -72
  38. package/dist/list.d.ts +14 -0
  39. package/dist/list.json +1046 -102
  40. package/dist/list.mjs +32755 -0
  41. package/dist/property.css +0 -1
  42. package/dist/root.css +124 -63
  43. package/dist/theme-prince-xml.css +124 -63
  44. package/dist/theme.css +124 -63
  45. package/dist/tokens.cjs +1541 -116
  46. package/dist/tokens.d.ts +355 -22
  47. package/dist/tokens.json +1541 -116
  48. package/dist/variables.cjs +62 -1
  49. package/dist/variables.css +124 -63
  50. package/dist/variables.d.ts +62 -1
  51. package/dist/variables.json +62 -1
  52. package/dist/variables.less +124 -63
  53. package/dist/variables.mjs +62 -1
  54. package/package.json +1 -1
  55. package/src/component/nl/code-block.tokens.json +13 -0
  56. package/src/component/nl/code.tokens.json +11 -0
  57. package/src/component/nl/data-badge.tokens.json +22 -0
  58. package/src/component/nl/heading.tokens.json +48 -0
  59. package/src/component/nl/mark.tokens.json +8 -0
  60. package/src/component/nl/number-badge.tokens.json +23 -0
  61. package/src/component/nl/paragraph.tokens.json +20 -0
  62. package/src/component/nl/skip-link.tokens.json +16 -0
  63. package/src/component/utrecht/badge.tokens.json +5 -5
  64. package/src/component/utrecht/code-block.tokens.json +9 -9
  65. package/src/component/utrecht/heading-1.tokens.json +4 -4
  66. package/src/component/utrecht/heading-2.tokens.json +4 -4
  67. package/src/component/utrecht/heading-3.tokens.json +4 -4
  68. package/src/component/utrecht/heading-4.tokens.json +4 -4
  69. package/src/component/utrecht/heading-5.tokens.json +4 -4
  70. package/src/component/utrecht/heading-6.tokens.json +4 -4
  71. package/src/component/utrecht/mark.tokens.json +2 -2
  72. package/src/component/utrecht/number-badge.tokens.json +6 -6
  73. package/src/component/utrecht/paragraph.tokens.json +8 -8
  74. package/src/component/utrecht/skip-link.tokens.json +10 -10
  75. package/src/css-property-formatter.mjs +2 -1
  76. package/src/json-list-formatter.js +2 -1
  77. package/style-dictionary-build.mjs +3 -1
  78. package/style-dictionary-config.mjs +27 -0
  79. package/src/component/utrecht/badge-data.tokens.json +0 -8
package/dist/index.d.ts CHANGED
@@ -286,6 +286,7 @@ export const utrechtCheckboxInvalidBorderColor : string;
286
286
  export const utrechtCheckboxMarginBlockStart : number;
287
287
  export const utrechtCodeBlockBackgroundColor : string;
288
288
  export const utrechtCodeBlockColor : string;
289
+ export const utrechtCodeBlockFontFamily : string;
289
290
  export const utrechtCodeBlockFontSize : string;
290
291
  export const utrechtCodeBlockLineHeight : string;
291
292
  export const utrechtCodeBlockMarginBlockStart : string;
@@ -795,7 +796,6 @@ export const utrechtParagraphFontWeight : string;
795
796
  export const utrechtParagraphLineHeight : string;
796
797
  export const utrechtParagraphMarginBlockStart : string;
797
798
  export const utrechtParagraphMarginBlockEnd : string;
798
- export const utrechtParagraphLeadColor : string;
799
799
  export const utrechtParagraphLeadFontSize : string;
800
800
  export const utrechtParagraphLeadFontWeight : string;
801
801
  export const utrechtParagraphLeadLineHeight : string;
@@ -1120,6 +1120,67 @@ export const denhaagProcessStepsSubStepHeadingColor : string;
1120
1120
  export const denhaagProcessStepsSubStepHeadingFontSize : string;
1121
1121
  export const denhaagProcessStepsSubStepHeadingFontWeight : string;
1122
1122
  export const denhaagProcessStepsSubStepLineColor : string;
1123
+ export const nlCodeBlockBackgroundColor : string;
1124
+ export const nlCodeBlockColor : string;
1125
+ export const nlCodeBlockFontFamily : string;
1126
+ export const nlCodeBlockFontSize : string;
1127
+ export const nlCodeBlockLineHeight : string;
1128
+ export const nlCodeBlockPaddingBlock : string;
1129
+ export const nlCodeBlockPaddingInline : string;
1130
+ export const nlDataBadgeBackgroundColor : string;
1131
+ export const nlDataBadgeBorderRadius : string;
1132
+ export const nlDataBadgeColor : string;
1133
+ export const nlDataBadgePaddingBlock : string;
1134
+ export const nlDataBadgePaddingInline : string;
1135
+ export const nlHeadingLevel1FontFamily : string;
1136
+ export const nlHeadingLevel1FontSize : string;
1137
+ export const nlHeadingLevel1FontWeight : string;
1138
+ export const nlHeadingLevel1LineHeight : string;
1139
+ export const nlHeadingLevel2FontFamily : string;
1140
+ export const nlHeadingLevel2FontSize : string;
1141
+ export const nlHeadingLevel2FontWeight : string;
1142
+ export const nlHeadingLevel2LineHeight : string;
1143
+ export const nlHeadingLevel3FontFamily : string;
1144
+ export const nlHeadingLevel3FontSize : string;
1145
+ export const nlHeadingLevel3FontWeight : string;
1146
+ export const nlHeadingLevel3LineHeight : string;
1147
+ export const nlHeadingLevel4FontFamily : string;
1148
+ export const nlHeadingLevel4FontSize : string;
1149
+ export const nlHeadingLevel4FontWeight : string;
1150
+ export const nlHeadingLevel4LineHeight : string;
1151
+ export const nlHeadingLevel5FontFamily : string;
1152
+ export const nlHeadingLevel5FontSize : string;
1153
+ export const nlHeadingLevel5FontWeight : string;
1154
+ export const nlHeadingLevel5LineHeight : string;
1155
+ export const nlHeadingLevel6FontFamily : string;
1156
+ export const nlHeadingLevel6FontSize : string;
1157
+ export const nlHeadingLevel6FontWeight : string;
1158
+ export const nlHeadingLevel6LineHeight : string;
1159
+ export const nlMarkBackgroundColor : string;
1160
+ export const nlMarkColor : string;
1161
+ export const nlNumberBadgeBackgroundColor : string;
1162
+ export const nlNumberBadgeBorderRadius : string;
1163
+ export const nlNumberBadgeColor : string;
1164
+ export const nlNumberBadgeFontSize : string;
1165
+ export const nlNumberBadgePaddingBlock : string;
1166
+ export const nlNumberBadgePaddingInline : string;
1167
+ export const nlParagraphFontFamily : string;
1168
+ export const nlParagraphFontSize : string;
1169
+ export const nlParagraphFontWeight : string;
1170
+ export const nlParagraphLineHeight : string;
1171
+ export const nlParagraphLeadColor : string;
1172
+ export const nlParagraphLeadFontSize : string;
1173
+ export const nlParagraphLeadFontWeight : string;
1174
+ export const nlParagraphLeadLineHeight : string;
1175
+ export const nlParagraphSmallFontSize : string;
1176
+ export const nlSkipLinkBackgroundColor : string;
1177
+ export const nlSkipLinkColor : string;
1178
+ export const nlSkipLinkPaddingBlock : string;
1179
+ export const nlSkipLinkPaddingInline : string;
1180
+ export const nlSkipLinkTextDecoration : string;
1181
+ export const nlSkipLinkFocusVisibleColor : string;
1182
+ export const nlSkipLinkFocusVisibleBackgroundColor : string;
1183
+ export const nlSkipLinkFocusVisibleTextDecoration : string;
1123
1184
  export const ofLayoutBackground : string;
1124
1185
  export const ofLayoutBg : string;
1125
1186
  export const ofPageFooterBg : string;
package/dist/index.flat.json CHANGED
@@ -42,6 +42,67 @@
42
42
  "denhaagProcessStepsSubStepMarkerBackgroundColor": "hsl(0 0% 100%)",
43
43
  "denhaagProcessStepsSubStepMarkerBorderColor": "hsl(90 30% 30%)",
44
44
  "denhaagProcessStepsSubStepMarkerSize": "12px",
45
+ "nlCodeBlockBackgroundColor": "hsl(0 0% 95%)",
46
+ "nlCodeBlockColor": "hsl(0 0% 0%)",
47
+ "nlCodeBlockFontFamily": "\"Monaco\"",
48
+ "nlCodeBlockFontSize": "1rem",
49
+ "nlCodeBlockLineHeight": "1.5",
50
+ "nlCodeBlockPaddingBlock": "20px",
51
+ "nlCodeBlockPaddingInline": "20px",
52
+ "nlDataBadgeBackgroundColor": "hsl(0 0% 30%)",
53
+ "nlDataBadgeBorderRadius": "0",
54
+ "nlDataBadgeColor": "hsl(0 0% 100%)",
55
+ "nlDataBadgePaddingBlock": "8px",
56
+ "nlDataBadgePaddingInline": "12px",
57
+ "nlHeadingLevel1FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
58
+ "nlHeadingLevel1FontSize": "2rem",
59
+ "nlHeadingLevel1FontWeight": "700",
60
+ "nlHeadingLevel1LineHeight": "1.25",
61
+ "nlHeadingLevel2FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
62
+ "nlHeadingLevel2FontSize": "1.25rem",
63
+ "nlHeadingLevel2FontWeight": "700",
64
+ "nlHeadingLevel2LineHeight": "1.25",
65
+ "nlHeadingLevel3FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
66
+ "nlHeadingLevel3FontSize": "1.25rem",
67
+ "nlHeadingLevel3FontWeight": "400",
68
+ "nlHeadingLevel3LineHeight": "1.25",
69
+ "nlHeadingLevel4FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
70
+ "nlHeadingLevel4FontSize": "1.125rem",
71
+ "nlHeadingLevel4FontWeight": "400",
72
+ "nlHeadingLevel4LineHeight": "1.5",
73
+ "nlHeadingLevel5FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
74
+ "nlHeadingLevel5FontSize": "0.875rem",
75
+ "nlHeadingLevel5FontWeight": "400",
76
+ "nlHeadingLevel5LineHeight": "1.5",
77
+ "nlHeadingLevel6FontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
78
+ "nlHeadingLevel6FontSize": "0.875rem",
79
+ "nlHeadingLevel6FontWeight": "400",
80
+ "nlHeadingLevel6LineHeight": "1.5",
81
+ "nlMarkBackgroundColor": "hsl(48 100% 60%)",
82
+ "nlMarkColor": "hsl(0 0% 0%)",
83
+ "nlNumberBadgeBackgroundColor": "hsl(0 100% 40%)",
84
+ "nlNumberBadgeBorderRadius": "1rem",
85
+ "nlNumberBadgeColor": "hsl(0 0% 100%)",
86
+ "nlNumberBadgeFontSize": "1rem",
87
+ "nlNumberBadgePaddingBlock": "1ex",
88
+ "nlNumberBadgePaddingInline": "1ex",
89
+ "nlParagraphFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
90
+ "nlParagraphFontSize": "1rem",
91
+ "nlParagraphFontWeight": "400",
92
+ "nlParagraphLeadColor": "hsl(0 0% 0%)",
93
+ "nlParagraphLeadFontSize": "1.25rem",
94
+ "nlParagraphLeadFontWeight": "400",
95
+ "nlParagraphLeadLineHeight": "1.5",
96
+ "nlParagraphLineHeight": "1.5",
97
+ "nlParagraphSmallFontSize": "0.875rem",
98
+ "nlSkipLinkBackgroundColor": "hsl(0 0% 15%)",
99
+ "nlSkipLinkColor": "hsl(0 0% 100%)",
100
+ "nlSkipLinkFocusVisibleBackgroundColor": "hsl(48 100% 80%)",
101
+ "nlSkipLinkFocusVisibleColor": "hsl(0 0% 0%)",
102
+ "nlSkipLinkFocusVisibleTextDecoration": "none",
103
+ "nlSkipLinkPaddingBlock": "8px",
104
+ "nlSkipLinkPaddingInline": "16px",
105
+ "nlSkipLinkTextDecoration": "underline",
45
106
  "ofLayoutBackground": "hsl(0 0% 100%)",
46
107
  "ofLayoutBg": "hsl(0 0% 100%)",
47
108
  "ofPageFooterBg": "hsl(0 100% 40%)",
@@ -336,6 +397,7 @@
336
397
  "utrechtCheckboxSize": "24px",
337
398
  "utrechtCodeBlockBackgroundColor": "hsl(0 0% 95%)",
338
399
  "utrechtCodeBlockColor": "hsl(0 0% 0%)",
400
+ "utrechtCodeBlockFontFamily": "\"Monaco\"",
339
401
  "utrechtCodeBlockFontSize": "1rem",
340
402
  "utrechtCodeBlockLineHeight": "1.5",
341
403
  "utrechtCodeBlockMarginBlockEnd": "20px",
@@ -762,7 +824,6 @@
762
824
  "utrechtParagraphFontFamily": "\"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", \"Arial\", sans-serif",
763
825
  "utrechtParagraphFontSize": "1rem",
764
826
  "utrechtParagraphFontWeight": "400",
765
- "utrechtParagraphLeadColor": "hsl(0 0% 0%)",
766
827
  "utrechtParagraphLeadFontSize": "1.25rem",
767
828
  "utrechtParagraphLeadFontWeight": "400",
768
829
  "utrechtParagraphLeadLineHeight": "1.5",