@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
package/dist/tokens.d.ts CHANGED
@@ -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
  },
@@ -3059,6 +3068,7 @@ declare const tokens: {
3059
3068
  "color": DesignToken
3060
3069
  }
3061
3070
  },
3071
+ "open-forms-container": {},
3062
3072
  "ordered-list": {
3063
3073
  "font-size": {
3064
3074
  "$extensions": {