@utrecht/design-tokens 2.5.0 → 3.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 (54) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/_mixin-theme.scss +24 -19
  3. package/dist/_mixin.scss +24 -19
  4. package/dist/_variables.scss +24 -19
  5. package/dist/dark/_mixin-theme.scss +23 -18
  6. package/dist/dark/_mixin.scss +23 -18
  7. package/dist/dark/_variables.scss +23 -18
  8. package/dist/dark/index.cjs +23 -18
  9. package/dist/dark/index.css +23 -18
  10. package/dist/dark/index.d.ts +7 -2
  11. package/dist/dark/index.flat.json +23 -18
  12. package/dist/dark/index.json +242 -86
  13. package/dist/dark/index.mjs +23 -18
  14. package/dist/dark/index.tokens.json +48 -38
  15. package/dist/dark/list.json +242 -86
  16. package/dist/dark/list.mjs +242 -86
  17. package/dist/dark/property.css +7 -3
  18. package/dist/dark/root.css +23 -18
  19. package/dist/dark/theme-prince-xml.css +23 -18
  20. package/dist/dark/theme.css +23 -18
  21. package/dist/dark/tokens.cjs +275 -114
  22. package/dist/dark/tokens.d.ts +22 -12
  23. package/dist/dark/tokens.json +275 -114
  24. package/dist/dark/variables.cjs +23 -18
  25. package/dist/dark/variables.css +23 -18
  26. package/dist/dark/variables.d.ts +7 -2
  27. package/dist/dark/variables.json +23 -18
  28. package/dist/dark/variables.less +23 -18
  29. package/dist/dark/variables.mjs +23 -18
  30. package/dist/index.cjs +24 -19
  31. package/dist/index.css +47 -37
  32. package/dist/index.d.ts +7 -2
  33. package/dist/index.flat.json +24 -19
  34. package/dist/index.json +244 -88
  35. package/dist/index.mjs +24 -19
  36. package/dist/index.tokens.json +49 -39
  37. package/dist/list.json +244 -88
  38. package/dist/list.mjs +244 -88
  39. package/dist/property.css +7 -3
  40. package/dist/root.css +24 -19
  41. package/dist/theme-prince-xml.css +24 -19
  42. package/dist/theme.css +24 -19
  43. package/dist/tokens.cjs +277 -116
  44. package/dist/tokens.d.ts +22 -12
  45. package/dist/tokens.json +277 -116
  46. package/dist/variables.cjs +24 -19
  47. package/dist/variables.css +24 -19
  48. package/dist/variables.d.ts +7 -2
  49. package/dist/variables.json +24 -19
  50. package/dist/variables.less +24 -19
  51. package/dist/variables.mjs +24 -19
  52. package/package.json +1 -1
  53. package/src/component/utrecht/accordion.tokens.json +30 -19
  54. package/src/component/utrecht/backdrop.tokens.json +1 -1
@@ -27,13 +27,21 @@ declare const tokens: {
27
27
  "nl.nldesignsystem.css.property": {}
28
28
  }
29
29
  },
30
- "row-gap": DesignToken,
30
+ "row-gap": {
31
+ "$extensions": {
32
+ "nl.nldesignsystem.css.property": {}
33
+ }
34
+ },
31
35
  "button": {
32
36
  "padding-inline-end": DesignToken,
33
37
  "padding-inline-start": DesignToken,
34
38
  "padding-block-end": DesignToken,
35
39
  "padding-block-start": DesignToken,
36
- "background-color": DesignToken,
40
+ "background-color": {
41
+ "$extensions": {
42
+ "nl.nldesignsystem.css.property": {}
43
+ }
44
+ },
37
45
  "color": DesignToken,
38
46
  "border-color": DesignToken,
39
47
  "border-radius": {
@@ -62,19 +70,15 @@ declare const tokens: {
62
70
  "border-color": DesignToken,
63
71
  "color": DesignToken
64
72
  },
73
+ "focus-visible": {
74
+ "border-color": DesignToken,
75
+ "border-width": DesignToken,
76
+ "background-color": DesignToken,
77
+ "color": DesignToken
78
+ },
65
79
  "icon": {
66
80
  "size": DesignToken,
67
81
  "utrecht": {
68
- "arrow-down": {
69
- "$extensions": {
70
- "nl.nldesignsystem.css.property": {}
71
- }
72
- },
73
- "arrow-up": {
74
- "$extensions": {
75
- "nl.nldesignsystem.css.property": {}
76
- }
77
- },
78
82
  "background-color": DesignToken
79
83
  }
80
84
  }
@@ -93,6 +97,11 @@ declare const tokens: {
93
97
  "$extensions": {
94
98
  "nl.nldesignsystem.css.property": {}
95
99
  }
100
+ },
101
+ "border-color": DesignToken,
102
+ "border-width": DesignToken,
103
+ "hover": {
104
+ "border-color": DesignToken
96
105
  }
97
106
  }
98
107
  },
@@ -3063,6 +3072,7 @@ declare const tokens: {
3063
3072
  "color": DesignToken
3064
3073
  }
3065
3074
  },
3075
+ "open-forms-container": {},
3066
3076
  "ordered-list": {
3067
3077
  "font-size": {
3068
3078
  "$extensions": {