@utrecht/design-tokens 2.4.0 → 2.5.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 (62) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/_mixin-theme.scss +41 -13
  3. package/dist/_mixin.scss +41 -13
  4. package/dist/_variables.scss +41 -13
  5. package/dist/dark/_mixin-theme.scss +41 -13
  6. package/dist/dark/_mixin.scss +41 -13
  7. package/dist/dark/_variables.scss +41 -13
  8. package/dist/dark/index.cjs +42 -14
  9. package/dist/dark/index.css +41 -13
  10. package/dist/dark/index.d.ts +35 -7
  11. package/dist/dark/index.flat.json +40 -12
  12. package/dist/dark/index.json +909 -181
  13. package/dist/dark/index.mjs +41 -13
  14. package/dist/dark/index.tokens.json +123 -212
  15. package/dist/dark/list.json +909 -181
  16. package/dist/dark/list.mjs +909 -181
  17. package/dist/dark/property.css +19 -6
  18. package/dist/dark/root.css +40 -12
  19. package/dist/dark/theme-prince-xml.css +41 -13
  20. package/dist/dark/theme.css +40 -12
  21. package/dist/dark/tokens.cjs +842 -231
  22. package/dist/dark/tokens.d.ts +78 -106
  23. package/dist/dark/tokens.json +842 -231
  24. package/dist/dark/variables.cjs +42 -14
  25. package/dist/dark/variables.css +40 -12
  26. package/dist/dark/variables.d.ts +35 -7
  27. package/dist/dark/variables.json +40 -12
  28. package/dist/dark/variables.less +41 -13
  29. package/dist/dark/variables.mjs +41 -13
  30. package/dist/index.cjs +42 -14
  31. package/dist/index.css +82 -26
  32. package/dist/index.d.ts +35 -7
  33. package/dist/index.flat.json +40 -12
  34. package/dist/index.json +903 -175
  35. package/dist/index.mjs +41 -13
  36. package/dist/index.tokens.json +123 -212
  37. package/dist/list.json +903 -175
  38. package/dist/list.mjs +903 -175
  39. package/dist/property.css +19 -6
  40. package/dist/root.css +40 -12
  41. package/dist/theme-prince-xml.css +41 -13
  42. package/dist/theme.css +40 -12
  43. package/dist/tokens.cjs +842 -231
  44. package/dist/tokens.d.ts +78 -106
  45. package/dist/tokens.json +842 -231
  46. package/dist/variables.cjs +42 -14
  47. package/dist/variables.css +40 -12
  48. package/dist/variables.d.ts +35 -7
  49. package/dist/variables.json +40 -12
  50. package/dist/variables.less +41 -13
  51. package/dist/variables.mjs +41 -13
  52. package/package.json +1 -1
  53. package/src/component/signalen/signalen.tokens.json +17 -0
  54. package/src/component/utrecht/body.tokens.json +11 -0
  55. package/src/component/utrecht/link-list.tokens.json +3 -0
  56. package/src/component/utrecht/nav-bar.tokens.json +0 -2
  57. package/src/component/utrecht/page-body.tokens.json +19 -0
  58. package/src/component/utrecht/page-footer.tokens.json +6 -4
  59. package/src/component/utrecht/page-header.tokens.json +14 -4
  60. package/src/component/utrecht/page.tokens.json +2 -2
  61. package/src/component/utrecht/root.tokens.json +8 -0
  62. package/project.json +0 -25
package/dist/tokens.d.ts CHANGED
@@ -504,28 +504,16 @@ declare const tokens: {
504
504
  "margin-block-end": DesignToken
505
505
  },
506
506
  "body": {
507
- "font-family": {
508
- "$extensions": {
509
- "nl.nldesignsystem.css.property": {}
510
- }
511
- },
512
- "font-size": {
513
- "$extensions": {
514
- "nl.nldesignsystem.css.property": {}
515
- }
516
- },
507
+ "font-family": DesignToken,
508
+ "font-size": DesignToken,
517
509
  "font-weight": {
518
510
  "$extensions": {
519
511
  "nl.nldesignsystem.css.property": {}
520
512
  }
521
513
  },
522
- "line-height": {
523
- "$extensions": {
524
- "nl.nldesignsystem.css.property": {
525
- "syntax": {}
526
- }
527
- }
528
- }
514
+ "line-height": DesignToken,
515
+ "background-color": DesignToken,
516
+ "color": DesignToken
529
517
  },
530
518
  "breadcrumb-nav": {
531
519
  "min-block-size": DesignToken,
@@ -2553,11 +2541,7 @@ declare const tokens: {
2553
2541
  },
2554
2542
  "icon": {
2555
2543
  "size": DesignToken,
2556
- "inset-block-start": {
2557
- "$extensions": {
2558
- "nl.nldesignsystem.css.property": {}
2559
- }
2560
- }
2544
+ "inset-block-start": DesignToken
2561
2545
  }
2562
2546
  },
2563
2547
  "link-social": {
@@ -2944,8 +2928,16 @@ declare const tokens: {
2944
2928
  },
2945
2929
  "multiline-data": {},
2946
2930
  "nav-bar": {
2947
- "background-color": DesignToken,
2948
- "color": DesignToken,
2931
+ "background-color": {
2932
+ "$extensions": {
2933
+ "nl.nldesignsystem.css.property": {}
2934
+ }
2935
+ },
2936
+ "color": {
2937
+ "$extensions": {
2938
+ "nl.nldesignsystem.css.property": {}
2939
+ }
2940
+ },
2949
2941
  "content": {
2950
2942
  "background-color": {
2951
2943
  "$extensions": {
@@ -3103,37 +3095,23 @@ declare const tokens: {
3103
3095
  }
3104
3096
  },
3105
3097
  "content": {
3106
- "background-color": {
3107
- "$extensions": {
3108
- "nl.nldesignsystem.css.property": {}
3109
- }
3110
- },
3111
- "color": {
3112
- "$extensions": {
3113
- "nl.nldesignsystem.css.property": {}
3114
- }
3115
- },
3116
- "padding-block-start": {
3117
- "$extensions": {
3118
- "nl.nldesignsystem.css.property": {}
3119
- }
3120
- },
3121
- "padding-block-end": {
3122
- "$extensions": {
3123
- "nl.nldesignsystem.css.property": {}
3124
- }
3125
- },
3126
- "padding-inline-start": {
3127
- "$extensions": {
3128
- "nl.nldesignsystem.css.property": {}
3129
- }
3130
- },
3098
+ "background-color": DesignToken,
3099
+ "color": DesignToken,
3100
+ "padding-block-start": DesignToken,
3101
+ "padding-block-end": DesignToken,
3102
+ "padding-inline-start": DesignToken,
3131
3103
  "padding-inine-end": {
3132
3104
  "$extensions": {
3133
3105
  "nl.nldesignsystem.css.property": {}
3134
3106
  }
3135
- }
3136
- }
3107
+ },
3108
+ "max-inline-size": DesignToken,
3109
+ "padding-inline-end": DesignToken
3110
+ },
3111
+ "padding-inline-end": DesignToken,
3112
+ "padding-inline-start": DesignToken,
3113
+ "padding-block-end": DesignToken,
3114
+ "padding-block-start": DesignToken
3137
3115
  },
3138
3116
  "page-content": {
3139
3117
  "padding-block-start": DesignToken,
@@ -3153,10 +3131,26 @@ declare const tokens: {
3153
3131
  "color": DesignToken,
3154
3132
  "background-color": DesignToken,
3155
3133
  "background-image": DesignToken,
3156
- "padding-inline-end": DesignToken,
3157
- "padding-inline-start": DesignToken,
3158
- "padding-block-end": DesignToken,
3159
- "padding-block-start": DesignToken,
3134
+ "padding-inline-end": {
3135
+ "$extensions": {
3136
+ "nl.nldesignsystem.css.property": {}
3137
+ }
3138
+ },
3139
+ "padding-inline-start": {
3140
+ "$extensions": {
3141
+ "nl.nldesignsystem.css.property": {}
3142
+ }
3143
+ },
3144
+ "padding-block-end": {
3145
+ "$extensions": {
3146
+ "nl.nldesignsystem.css.property": {}
3147
+ }
3148
+ },
3149
+ "padding-block-start": {
3150
+ "$extensions": {
3151
+ "nl.nldesignsystem.css.property": {}
3152
+ }
3153
+ },
3160
3154
  "content": {
3161
3155
  "color": {
3162
3156
  "$extensions": {
@@ -3178,16 +3172,10 @@ declare const tokens: {
3178
3172
  "nl.nldesignsystem.css.property": {}
3179
3173
  }
3180
3174
  },
3181
- "padding-block-end": {
3182
- "$extensions": {
3183
- "nl.nldesignsystem.css.property": {}
3184
- }
3185
- },
3186
- "padding-block-start": {
3187
- "$extensions": {
3188
- "nl.nldesignsystem.css.property": {}
3189
- }
3190
- }
3175
+ "padding-block-end": DesignToken,
3176
+ "padding-block-start": DesignToken,
3177
+ "max-inline-size": DesignToken,
3178
+ "padding-inline": DesignToken
3191
3179
  }
3192
3180
  },
3193
3181
  "page-header": {
@@ -3211,36 +3199,14 @@ declare const tokens: {
3211
3199
  "padding-inline-start": DesignToken,
3212
3200
  "padding-inline-end": DesignToken,
3213
3201
  "content": {
3214
- "background-color": {
3215
- "$extensions": {
3216
- "nl.nldesignsystem.css.property": {}
3217
- }
3218
- },
3219
- "color": {
3220
- "$extensions": {
3221
- "nl.nldesignsystem.css.property": {}
3222
- }
3223
- },
3224
- "padding-block-start": {
3225
- "$extensions": {
3226
- "nl.nldesignsystem.css.property": {}
3227
- }
3228
- },
3229
- "padding-block-end": {
3230
- "$extensions": {
3231
- "nl.nldesignsystem.css.property": {}
3232
- }
3233
- },
3234
- "padding-inline-start": {
3235
- "$extensions": {
3236
- "nl.nldesignsystem.css.property": {}
3237
- }
3238
- },
3239
- "padding-inline-end": {
3240
- "$extensions": {
3241
- "nl.nldesignsystem.css.property": {}
3242
- }
3243
- }
3202
+ "background-color": DesignToken,
3203
+ "color": DesignToken,
3204
+ "padding-block-start": DesignToken,
3205
+ "padding-block-end": DesignToken,
3206
+ "padding-inline-start": DesignToken,
3207
+ "padding-inline-end": DesignToken,
3208
+ "max-inline-size": DesignToken,
3209
+ "padding-inline": DesignToken
3244
3210
  }
3245
3211
  },
3246
3212
  "page-layout": {},
@@ -3421,6 +3387,7 @@ declare const tokens: {
3421
3387
  "background-color": DesignToken,
3422
3388
  "border-color": DesignToken,
3423
3389
  "border-width": DesignToken,
3390
+ "color": DesignToken,
3424
3391
  "size": DesignToken,
3425
3392
  "margin-block-start": {
3426
3393
  "$extensions": {
@@ -3585,7 +3552,6 @@ declare const tokens: {
3585
3552
  }
3586
3553
  }
3587
3554
  },
3588
- "color": DesignToken,
3589
3555
  "border-radius": DesignToken
3590
3556
  },
3591
3557
  "rich-text": {
@@ -3606,16 +3572,8 @@ declare const tokens: {
3606
3572
  }
3607
3573
  },
3608
3574
  "root": {
3609
- "background-color": {
3610
- "$extensions": {
3611
- "nl.nldesignsystem.css.property": {}
3612
- }
3613
- },
3614
- "color": {
3615
- "$extensions": {
3616
- "nl.nldesignsystem.css.property": {}
3617
- }
3618
- },
3575
+ "background-color": DesignToken,
3576
+ "color": DesignToken,
3619
3577
  "font-family": {
3620
3578
  "$extensions": {
3621
3579
  "nl.nldesignsystem.css.property": {}
@@ -3986,6 +3944,11 @@ declare const tokens: {
3986
3944
  "nl.nldesignsystem.css.property": {}
3987
3945
  }
3988
3946
  },
3947
+ "border-radius": {
3948
+ "$extensions": {
3949
+ "nl.nldesignsystem.css.property": {}
3950
+ }
3951
+ },
3989
3952
  "border-width": {
3990
3953
  "$extensions": {
3991
3954
  "nl.nldesignsystem.css.property": {}
@@ -5175,5 +5138,14 @@ declare const tokens: {
5175
5138
  "box-shadow": DesignToken
5176
5139
  }
5177
5140
  }
5141
+ },
5142
+ "signalen": {
5143
+ "modal-dialog": {
5144
+ "background-color": DesignToken,
5145
+ "color": DesignToken
5146
+ },
5147
+ "progress-bar": {
5148
+ "border-radius": DesignToken
5149
+ }
5178
5150
  }
5179
5151
  }