@utrecht/design-tokens 3.2.0 → 3.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 (54) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/_mixin-theme.scss +62 -0
  3. package/dist/_mixin.scss +62 -0
  4. package/dist/_variables.scss +62 -0
  5. package/dist/dark/_mixin-theme.scss +62 -0
  6. package/dist/dark/_mixin.scss +62 -0
  7. package/dist/dark/_variables.scss +62 -0
  8. package/dist/dark/index.cjs +63 -1
  9. package/dist/dark/index.css +62 -0
  10. package/dist/dark/index.d.ts +63 -1
  11. package/dist/dark/index.flat.json +62 -0
  12. package/dist/dark/index.json +5634 -3521
  13. package/dist/dark/index.mjs +63 -1
  14. package/dist/dark/index.tokens.json +558 -10
  15. package/dist/dark/list.json +5634 -3521
  16. package/dist/dark/list.mjs +5634 -3521
  17. package/dist/dark/property.css +58 -0
  18. package/dist/dark/root.css +62 -0
  19. package/dist/dark/theme-prince-xml.css +62 -0
  20. package/dist/dark/theme.css +62 -0
  21. package/dist/dark/tokens.cjs +2623 -24
  22. package/dist/dark/tokens.d.ts +324 -3
  23. package/dist/dark/tokens.json +2623 -24
  24. package/dist/dark/variables.cjs +63 -1
  25. package/dist/dark/variables.css +62 -0
  26. package/dist/dark/variables.d.ts +63 -1
  27. package/dist/dark/variables.json +62 -0
  28. package/dist/dark/variables.less +62 -0
  29. package/dist/dark/variables.mjs +63 -1
  30. package/dist/index.cjs +63 -1
  31. package/dist/index.css +124 -0
  32. package/dist/index.d.ts +63 -1
  33. package/dist/index.flat.json +62 -0
  34. package/dist/index.json +5650 -3537
  35. package/dist/index.mjs +63 -1
  36. package/dist/index.tokens.json +558 -10
  37. package/dist/list.json +5650 -3537
  38. package/dist/list.mjs +5650 -3537
  39. package/dist/property.css +58 -0
  40. package/dist/root.css +62 -0
  41. package/dist/theme-prince-xml.css +62 -0
  42. package/dist/theme.css +62 -0
  43. package/dist/tokens.cjs +2623 -24
  44. package/dist/tokens.d.ts +324 -3
  45. package/dist/tokens.json +2623 -24
  46. package/dist/variables.cjs +63 -1
  47. package/dist/variables.css +62 -0
  48. package/dist/variables.d.ts +63 -1
  49. package/dist/variables.json +62 -0
  50. package/dist/variables.less +62 -0
  51. package/dist/variables.mjs +63 -1
  52. package/package.json +1 -1
  53. package/src/component/utrecht/navigation.tokens.json +229 -0
  54. package/src/component/utrecht/tooltip.tokens.json +15 -0
package/dist/dark/tokens.d.ts CHANGED
@@ -105,6 +105,43 @@ declare const tokens: {
105
105
  }
106
106
  }
107
107
  },
108
+ "action-group": {
109
+ "background-color": {
110
+ "$extensions": {
111
+ "nl.nldesignsystem.css.property": {}
112
+ }
113
+ },
114
+ "column-gap": {
115
+ "$extensions": {
116
+ "nl.nldesignsystem.css.property": {}
117
+ }
118
+ },
119
+ "margin-block-end": {
120
+ "$extensions": {
121
+ "nl.nldesignsystem.css.property": {}
122
+ }
123
+ },
124
+ "margin-block-start": {
125
+ "$extensions": {
126
+ "nl.nldesignsystem.css.property": {}
127
+ }
128
+ },
129
+ "padding-block-end": {
130
+ "$extensions": {
131
+ "nl.nldesignsystem.css.property": {}
132
+ }
133
+ },
134
+ "padding-block-start": {
135
+ "$extensions": {
136
+ "nl.nldesignsystem.css.property": {}
137
+ }
138
+ },
139
+ "row-gap": {
140
+ "$extensions": {
141
+ "nl.nldesignsystem.css.property": {}
142
+ }
143
+ }
144
+ },
108
145
  "alert-dialog": {
109
146
  "margin-block-start": {
110
147
  "$extensions": {
@@ -588,11 +625,11 @@ declare const tokens: {
588
625
  "disabled": {
589
626
  "color": DesignToken
590
627
  },
591
- "background-color": {},
592
- "text-decoration": DesignToken,
593
628
  "icon": {
594
629
  "size": DesignToken
595
- }
630
+ },
631
+ "background-color": {},
632
+ "text-decoration": DesignToken
596
633
  },
597
634
  "separator": {
598
635
  "color": DesignToken,
@@ -1992,6 +2029,16 @@ declare const tokens: {
1992
2029
  "nl.nldesignsystem.css.property": {}
1993
2030
  }
1994
2031
  },
2032
+ "margin-inline-end": {
2033
+ "$extensions": {
2034
+ "nl.nldesignsystem.css.property": {}
2035
+ }
2036
+ },
2037
+ "margin-inline-start": {
2038
+ "$extensions": {
2039
+ "nl.nldesignsystem.css.property": {}
2040
+ }
2041
+ },
1995
2042
  "caption": {
1996
2043
  "color": DesignToken,
1997
2044
  "font-size": DesignToken,
@@ -1999,6 +2046,7 @@ declare const tokens: {
1999
2046
  }
2000
2047
  },
2001
2048
  "flex-wrap-fallback": {},
2049
+ "utrecht-flolegal-decision-tree-container": {},
2002
2050
  "focus": {
2003
2051
  "background-color": DesignToken,
2004
2052
  "color": {
@@ -2572,6 +2620,9 @@ declare const tokens: {
2572
2620
  },
2573
2621
  "baseline": {
2574
2622
  "inset-block-start": DesignToken
2623
+ },
2624
+ "custom": {
2625
+ "margin-inline-end": DesignToken
2575
2626
  }
2576
2627
  },
2577
2628
  "image": {},
@@ -3067,6 +3118,226 @@ declare const tokens: {
3067
3118
  }
3068
3119
  }
3069
3120
  },
3121
+ "navigation": {
3122
+ "border-block-end-color": DesignToken,
3123
+ "border-block-end-width": DesignToken,
3124
+ "border-block-start-color": DesignToken,
3125
+ "border-block-start-width": DesignToken,
3126
+ "margin-block-end": {
3127
+ "$extensions": {
3128
+ "nl.nldesignsystem.css.property": {}
3129
+ }
3130
+ },
3131
+ "margin-block-start": {
3132
+ "$extensions": {
3133
+ "nl.nldesignsystem.css.property": {}
3134
+ }
3135
+ },
3136
+ "drawer": {
3137
+ "background-color": {
3138
+ "$extensions": {
3139
+ "nl.nldesignsystem.css.property": {}
3140
+ }
3141
+ },
3142
+ "mobile": {
3143
+ "min-inline-size": DesignToken
3144
+ },
3145
+ "backdrop": {
3146
+ "background-color": DesignToken
3147
+ },
3148
+ "min-inline-size": DesignToken
3149
+ },
3150
+ "item": {
3151
+ "padding-block-start": {
3152
+ "$extensions": {
3153
+ "nl.nldesignsystem.css.property": {}
3154
+ }
3155
+ },
3156
+ "padding-block-end": {
3157
+ "$extensions": {
3158
+ "nl.nldesignsystem.css.property": {}
3159
+ }
3160
+ },
3161
+ "padding-inline-start": {
3162
+ "$extensions": {
3163
+ "nl.nldesignsystem.css.property": {}
3164
+ }
3165
+ },
3166
+ "padding-inline-end": {
3167
+ "$extensions": {
3168
+ "nl.nldesignsystem.css.property": {}
3169
+ }
3170
+ },
3171
+ "border-block-end-color": DesignToken,
3172
+ "border-block-end-width": DesignToken,
3173
+ "border-block-start-color": DesignToken,
3174
+ "border-block-start-width": DesignToken,
3175
+ "mobile": {
3176
+ "padding-block-start": {
3177
+ "$extensions": {
3178
+ "nl.nldesignsystem.css.property": {}
3179
+ }
3180
+ },
3181
+ "padding-block-end": {
3182
+ "$extensions": {
3183
+ "nl.nldesignsystem.css.property": {}
3184
+ }
3185
+ },
3186
+ "padding-inline-start": {
3187
+ "$extensions": {
3188
+ "nl.nldesignsystem.css.property": {}
3189
+ }
3190
+ },
3191
+ "padding-inline-end": {
3192
+ "$extensions": {
3193
+ "nl.nldesignsystem.css.property": {}
3194
+ }
3195
+ },
3196
+ "border-block-end-color": DesignToken,
3197
+ "border-block-end-width": DesignToken,
3198
+ "border-block-start-color": DesignToken,
3199
+ "border-block-start-width": DesignToken
3200
+ }
3201
+ },
3202
+ "link": {
3203
+ "active": {
3204
+ "color": DesignToken,
3205
+ "focus": {
3206
+ "color": DesignToken
3207
+ }
3208
+ },
3209
+ "background-color": DesignToken,
3210
+ "border-color": DesignToken,
3211
+ "border-inline-end-width": DesignToken,
3212
+ "color": DesignToken,
3213
+ "focus": {
3214
+ "color": DesignToken,
3215
+ "text-decoration-thickness": DesignToken,
3216
+ "background-color": DesignToken
3217
+ },
3218
+ "font-weight": DesignToken,
3219
+ "gap": DesignToken,
3220
+ "hover": {
3221
+ "background-color": DesignToken,
3222
+ "color": DesignToken,
3223
+ "decoration-thickness": DesignToken
3224
+ },
3225
+ "is-current": {
3226
+ "font-weight": DesignToken
3227
+ },
3228
+ "mobile": {
3229
+ "background-color": DesignToken,
3230
+ "color": DesignToken,
3231
+ "hover": {
3232
+ "background-color": DesignToken,
3233
+ "color": DesignToken,
3234
+ "font-weight": DesignToken
3235
+ },
3236
+ "justify-content": {
3237
+ "$extensions": {
3238
+ "nl.nldesignsystem.css.property": {}
3239
+ }
3240
+ },
3241
+ "min-block-size": DesignToken,
3242
+ "padding-block-end": DesignToken,
3243
+ "padding-block-start": DesignToken,
3244
+ "padding-inline-end": {
3245
+ "$extensions": {
3246
+ "nl.nldesignsystem.css.property": {}
3247
+ }
3248
+ },
3249
+ "padding-inline-start": DesignToken,
3250
+ "transition-duration": DesignToken,
3251
+ "transition-timing-function": DesignToken
3252
+ },
3253
+ "padding-block-end": DesignToken,
3254
+ "padding-block-start": DesignToken,
3255
+ "padding-inline-end": {
3256
+ "$extensions": {
3257
+ "nl.nldesignsystem.css.property": {}
3258
+ }
3259
+ },
3260
+ "padding-inline-start": {
3261
+ "$extensions": {
3262
+ "nl.nldesignsystem.css.property": {}
3263
+ }
3264
+ },
3265
+ "text-align": {
3266
+ "$extensions": {
3267
+ "nl.nldesignsystem.css.property": {}
3268
+ }
3269
+ }
3270
+ },
3271
+ "list": {
3272
+ "display": {
3273
+ "$extensions": {
3274
+ "nl.nldesignsystem.css.property": {}
3275
+ }
3276
+ },
3277
+ "inline-size": {
3278
+ "$extensions": {
3279
+ "nl.nldesignsystem.css.property": {}
3280
+ }
3281
+ },
3282
+ "mobile": {
3283
+ "background-color": DesignToken,
3284
+ "inline-size": DesignToken,
3285
+ "padding-block-end": DesignToken,
3286
+ "padding-block-start": {
3287
+ "$extensions": {
3288
+ "nl.nldesignsystem.css.property": {}
3289
+ }
3290
+ },
3291
+ "padding-inline-end": DesignToken,
3292
+ "padding-inline-start": DesignToken
3293
+ },
3294
+ "padding-block-end": {
3295
+ "$extensions": {
3296
+ "nl.nldesignsystem.css.property": {}
3297
+ }
3298
+ },
3299
+ "padding-block-start": {
3300
+ "$extensions": {
3301
+ "nl.nldesignsystem.css.property": {}
3302
+ }
3303
+ },
3304
+ "padding-inline-end": {
3305
+ "$extensions": {
3306
+ "nl.nldesignsystem.css.property": {}
3307
+ }
3308
+ },
3309
+ "padding-inline-start": {
3310
+ "$extensions": {
3311
+ "nl.nldesignsystem.css.property": {}
3312
+ }
3313
+ },
3314
+ "side-nav": {
3315
+ "inline-size": DesignToken
3316
+ }
3317
+ },
3318
+ "marker": {
3319
+ "color": DesignToken
3320
+ },
3321
+ "toggle-button": {
3322
+ "margin-block-end": {
3323
+ "$extensions": {
3324
+ "nl.nldesignsystem.css.property": {}
3325
+ }
3326
+ },
3327
+ "margin-block-start": {
3328
+ "$extensions": {
3329
+ "nl.nldesignsystem.css.property": {}
3330
+ }
3331
+ },
3332
+ "offset-end": DesignToken,
3333
+ "offset-start": DesignToken,
3334
+ "padding-inline-end": {
3335
+ "$extensions": {
3336
+ "nl.nldesignsystem.css.property": {}
3337
+ }
3338
+ }
3339
+ }
3340
+ },
3070
3341
  "number-badge": {
3071
3342
  "background-color": DesignToken,
3072
3343
  "border-color": {
@@ -4685,6 +4956,56 @@ declare const tokens: {
4685
4956
  }
4686
4957
  }
4687
4958
  },
4959
+ "tooltip": {
4960
+ "background-color": DesignToken,
4961
+ "border-color": DesignToken,
4962
+ "border-radius": DesignToken,
4963
+ "border-width": DesignToken,
4964
+ "color": DesignToken,
4965
+ "font-family": DesignToken,
4966
+ "font-size": DesignToken,
4967
+ "font-weight": {
4968
+ "$extensions": {
4969
+ "nl.nldesignsystem.css.property": {}
4970
+ }
4971
+ },
4972
+ "line-height": {
4973
+ "$extensions": {
4974
+ "nl.nldesignsystem.css.property": {
4975
+ "syntax": {}
4976
+ }
4977
+ }
4978
+ },
4979
+ "max-inline-size": {
4980
+ "$extensions": {
4981
+ "nl.nldesignsystem.css.property": {}
4982
+ }
4983
+ },
4984
+ "padding-block": DesignToken,
4985
+ "padding-inline": DesignToken,
4986
+ "transition-duration": {
4987
+ "$extensions": {
4988
+ "nl.nldesignsystem.css.property": {}
4989
+ }
4990
+ },
4991
+ "transition-timing-function": {
4992
+ "$extensions": {
4993
+ "nl.nldesignsystem.css.property": {}
4994
+ }
4995
+ },
4996
+ "z-index": {
4997
+ "$extensions": {
4998
+ "nl.nldesignsystem.css.property": {}
4999
+ }
5000
+ },
5001
+ "arrow": {
5002
+ "size": {
5003
+ "$extensions": {
5004
+ "nl.nldesignsystem.css.property": {}
5005
+ }
5006
+ }
5007
+ }
5008
+ },
4688
5009
  "toptask-link": {
4689
5010
  "background-color": DesignToken,
4690
5011
  "color": DesignToken,