@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/dark/tokens.d.ts CHANGED
@@ -508,28 +508,16 @@ declare const tokens: {
508
508
  "margin-block-end": DesignToken
509
509
  },
510
510
  "body": {
511
- "font-family": {
512
- "$extensions": {
513
- "nl.nldesignsystem.css.property": {}
514
- }
515
- },
516
- "font-size": {
517
- "$extensions": {
518
- "nl.nldesignsystem.css.property": {}
519
- }
520
- },
511
+ "font-family": DesignToken,
512
+ "font-size": DesignToken,
521
513
  "font-weight": {
522
514
  "$extensions": {
523
515
  "nl.nldesignsystem.css.property": {}
524
516
  }
525
517
  },
526
- "line-height": {
527
- "$extensions": {
528
- "nl.nldesignsystem.css.property": {
529
- "syntax": {}
530
- }
531
- }
532
- }
518
+ "line-height": DesignToken,
519
+ "background-color": DesignToken,
520
+ "color": DesignToken
533
521
  },
534
522
  "breadcrumb-nav": {
535
523
  "min-block-size": DesignToken,
@@ -2557,11 +2545,7 @@ declare const tokens: {
2557
2545
  },
2558
2546
  "icon": {
2559
2547
  "size": DesignToken,
2560
- "inset-block-start": {
2561
- "$extensions": {
2562
- "nl.nldesignsystem.css.property": {}
2563
- }
2564
- }
2548
+ "inset-block-start": DesignToken
2565
2549
  }
2566
2550
  },
2567
2551
  "link-social": {
@@ -2948,8 +2932,16 @@ declare const tokens: {
2948
2932
  },
2949
2933
  "multiline-data": {},
2950
2934
  "nav-bar": {
2951
- "background-color": DesignToken,
2952
- "color": DesignToken,
2935
+ "background-color": {
2936
+ "$extensions": {
2937
+ "nl.nldesignsystem.css.property": {}
2938
+ }
2939
+ },
2940
+ "color": {
2941
+ "$extensions": {
2942
+ "nl.nldesignsystem.css.property": {}
2943
+ }
2944
+ },
2953
2945
  "content": {
2954
2946
  "background-color": {
2955
2947
  "$extensions": {
@@ -3107,37 +3099,23 @@ declare const tokens: {
3107
3099
  }
3108
3100
  },
3109
3101
  "content": {
3110
- "background-color": {
3111
- "$extensions": {
3112
- "nl.nldesignsystem.css.property": {}
3113
- }
3114
- },
3115
- "color": {
3116
- "$extensions": {
3117
- "nl.nldesignsystem.css.property": {}
3118
- }
3119
- },
3120
- "padding-block-start": {
3121
- "$extensions": {
3122
- "nl.nldesignsystem.css.property": {}
3123
- }
3124
- },
3125
- "padding-block-end": {
3126
- "$extensions": {
3127
- "nl.nldesignsystem.css.property": {}
3128
- }
3129
- },
3130
- "padding-inline-start": {
3131
- "$extensions": {
3132
- "nl.nldesignsystem.css.property": {}
3133
- }
3134
- },
3102
+ "background-color": DesignToken,
3103
+ "color": DesignToken,
3104
+ "padding-block-start": DesignToken,
3105
+ "padding-block-end": DesignToken,
3106
+ "padding-inline-start": DesignToken,
3135
3107
  "padding-inine-end": {
3136
3108
  "$extensions": {
3137
3109
  "nl.nldesignsystem.css.property": {}
3138
3110
  }
3139
- }
3140
- }
3111
+ },
3112
+ "max-inline-size": DesignToken,
3113
+ "padding-inline-end": DesignToken
3114
+ },
3115
+ "padding-inline-end": DesignToken,
3116
+ "padding-inline-start": DesignToken,
3117
+ "padding-block-end": DesignToken,
3118
+ "padding-block-start": DesignToken
3141
3119
  },
3142
3120
  "page-content": {
3143
3121
  "padding-block-start": DesignToken,
@@ -3157,10 +3135,26 @@ declare const tokens: {
3157
3135
  "color": DesignToken,
3158
3136
  "background-color": DesignToken,
3159
3137
  "background-image": DesignToken,
3160
- "padding-inline-end": DesignToken,
3161
- "padding-inline-start": DesignToken,
3162
- "padding-block-end": DesignToken,
3163
- "padding-block-start": DesignToken,
3138
+ "padding-inline-end": {
3139
+ "$extensions": {
3140
+ "nl.nldesignsystem.css.property": {}
3141
+ }
3142
+ },
3143
+ "padding-inline-start": {
3144
+ "$extensions": {
3145
+ "nl.nldesignsystem.css.property": {}
3146
+ }
3147
+ },
3148
+ "padding-block-end": {
3149
+ "$extensions": {
3150
+ "nl.nldesignsystem.css.property": {}
3151
+ }
3152
+ },
3153
+ "padding-block-start": {
3154
+ "$extensions": {
3155
+ "nl.nldesignsystem.css.property": {}
3156
+ }
3157
+ },
3164
3158
  "content": {
3165
3159
  "color": {
3166
3160
  "$extensions": {
@@ -3182,16 +3176,10 @@ declare const tokens: {
3182
3176
  "nl.nldesignsystem.css.property": {}
3183
3177
  }
3184
3178
  },
3185
- "padding-block-end": {
3186
- "$extensions": {
3187
- "nl.nldesignsystem.css.property": {}
3188
- }
3189
- },
3190
- "padding-block-start": {
3191
- "$extensions": {
3192
- "nl.nldesignsystem.css.property": {}
3193
- }
3194
- }
3179
+ "padding-block-end": DesignToken,
3180
+ "padding-block-start": DesignToken,
3181
+ "max-inline-size": DesignToken,
3182
+ "padding-inline": DesignToken
3195
3183
  }
3196
3184
  },
3197
3185
  "page-header": {
@@ -3215,36 +3203,14 @@ declare const tokens: {
3215
3203
  "padding-inline-start": DesignToken,
3216
3204
  "padding-inline-end": DesignToken,
3217
3205
  "content": {
3218
- "background-color": {
3219
- "$extensions": {
3220
- "nl.nldesignsystem.css.property": {}
3221
- }
3222
- },
3223
- "color": {
3224
- "$extensions": {
3225
- "nl.nldesignsystem.css.property": {}
3226
- }
3227
- },
3228
- "padding-block-start": {
3229
- "$extensions": {
3230
- "nl.nldesignsystem.css.property": {}
3231
- }
3232
- },
3233
- "padding-block-end": {
3234
- "$extensions": {
3235
- "nl.nldesignsystem.css.property": {}
3236
- }
3237
- },
3238
- "padding-inline-start": {
3239
- "$extensions": {
3240
- "nl.nldesignsystem.css.property": {}
3241
- }
3242
- },
3243
- "padding-inline-end": {
3244
- "$extensions": {
3245
- "nl.nldesignsystem.css.property": {}
3246
- }
3247
- }
3206
+ "background-color": DesignToken,
3207
+ "color": DesignToken,
3208
+ "padding-block-start": DesignToken,
3209
+ "padding-block-end": DesignToken,
3210
+ "padding-inline-start": DesignToken,
3211
+ "padding-inline-end": DesignToken,
3212
+ "max-inline-size": DesignToken,
3213
+ "padding-inline": DesignToken
3248
3214
  }
3249
3215
  },
3250
3216
  "page-layout": {},
@@ -3425,6 +3391,7 @@ declare const tokens: {
3425
3391
  "background-color": DesignToken,
3426
3392
  "border-color": DesignToken,
3427
3393
  "border-width": DesignToken,
3394
+ "color": DesignToken,
3428
3395
  "size": DesignToken,
3429
3396
  "margin-block-start": {
3430
3397
  "$extensions": {
@@ -3589,7 +3556,6 @@ declare const tokens: {
3589
3556
  }
3590
3557
  }
3591
3558
  },
3592
- "color": DesignToken,
3593
3559
  "border-radius": DesignToken
3594
3560
  },
3595
3561
  "rich-text": {
@@ -3610,16 +3576,8 @@ declare const tokens: {
3610
3576
  }
3611
3577
  },
3612
3578
  "root": {
3613
- "background-color": {
3614
- "$extensions": {
3615
- "nl.nldesignsystem.css.property": {}
3616
- }
3617
- },
3618
- "color": {
3619
- "$extensions": {
3620
- "nl.nldesignsystem.css.property": {}
3621
- }
3622
- },
3579
+ "background-color": DesignToken,
3580
+ "color": DesignToken,
3623
3581
  "font-family": {
3624
3582
  "$extensions": {
3625
3583
  "nl.nldesignsystem.css.property": {}
@@ -3990,6 +3948,11 @@ declare const tokens: {
3990
3948
  "nl.nldesignsystem.css.property": {}
3991
3949
  }
3992
3950
  },
3951
+ "border-radius": {
3952
+ "$extensions": {
3953
+ "nl.nldesignsystem.css.property": {}
3954
+ }
3955
+ },
3993
3956
  "border-width": {
3994
3957
  "$extensions": {
3995
3958
  "nl.nldesignsystem.css.property": {}
@@ -5171,5 +5134,14 @@ declare const tokens: {
5171
5134
  "box-shadow": DesignToken
5172
5135
  }
5173
5136
  }
5137
+ },
5138
+ "signalen": {
5139
+ "modal-dialog": {
5140
+ "background-color": DesignToken,
5141
+ "color": DesignToken
5142
+ },
5143
+ "progress-bar": {
5144
+ "border-radius": DesignToken
5145
+ }
5174
5146
  }
5175
5147
  }