@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/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": {
@@ -584,11 +621,11 @@ declare const tokens: {
584
621
  "disabled": {
585
622
  "color": DesignToken
586
623
  },
587
- "background-color": {},
588
- "text-decoration": DesignToken,
589
624
  "icon": {
590
625
  "size": DesignToken
591
- }
626
+ },
627
+ "background-color": {},
628
+ "text-decoration": DesignToken
592
629
  },
593
630
  "separator": {
594
631
  "color": DesignToken,
@@ -1988,6 +2025,16 @@ declare const tokens: {
1988
2025
  "nl.nldesignsystem.css.property": {}
1989
2026
  }
1990
2027
  },
2028
+ "margin-inline-end": {
2029
+ "$extensions": {
2030
+ "nl.nldesignsystem.css.property": {}
2031
+ }
2032
+ },
2033
+ "margin-inline-start": {
2034
+ "$extensions": {
2035
+ "nl.nldesignsystem.css.property": {}
2036
+ }
2037
+ },
1991
2038
  "caption": {
1992
2039
  "color": DesignToken,
1993
2040
  "font-size": DesignToken,
@@ -1995,6 +2042,7 @@ declare const tokens: {
1995
2042
  }
1996
2043
  },
1997
2044
  "flex-wrap-fallback": {},
2045
+ "utrecht-flolegal-decision-tree-container": {},
1998
2046
  "focus": {
1999
2047
  "background-color": DesignToken,
2000
2048
  "color": {
@@ -2568,6 +2616,9 @@ declare const tokens: {
2568
2616
  },
2569
2617
  "baseline": {
2570
2618
  "inset-block-start": DesignToken
2619
+ },
2620
+ "custom": {
2621
+ "margin-inline-end": DesignToken
2571
2622
  }
2572
2623
  },
2573
2624
  "image": {},
@@ -3063,6 +3114,226 @@ declare const tokens: {
3063
3114
  }
3064
3115
  }
3065
3116
  },
3117
+ "navigation": {
3118
+ "border-block-end-color": DesignToken,
3119
+ "border-block-end-width": DesignToken,
3120
+ "border-block-start-color": DesignToken,
3121
+ "border-block-start-width": DesignToken,
3122
+ "margin-block-end": {
3123
+ "$extensions": {
3124
+ "nl.nldesignsystem.css.property": {}
3125
+ }
3126
+ },
3127
+ "margin-block-start": {
3128
+ "$extensions": {
3129
+ "nl.nldesignsystem.css.property": {}
3130
+ }
3131
+ },
3132
+ "drawer": {
3133
+ "background-color": {
3134
+ "$extensions": {
3135
+ "nl.nldesignsystem.css.property": {}
3136
+ }
3137
+ },
3138
+ "mobile": {
3139
+ "min-inline-size": DesignToken
3140
+ },
3141
+ "backdrop": {
3142
+ "background-color": DesignToken
3143
+ },
3144
+ "min-inline-size": DesignToken
3145
+ },
3146
+ "item": {
3147
+ "padding-block-start": {
3148
+ "$extensions": {
3149
+ "nl.nldesignsystem.css.property": {}
3150
+ }
3151
+ },
3152
+ "padding-block-end": {
3153
+ "$extensions": {
3154
+ "nl.nldesignsystem.css.property": {}
3155
+ }
3156
+ },
3157
+ "padding-inline-start": {
3158
+ "$extensions": {
3159
+ "nl.nldesignsystem.css.property": {}
3160
+ }
3161
+ },
3162
+ "padding-inline-end": {
3163
+ "$extensions": {
3164
+ "nl.nldesignsystem.css.property": {}
3165
+ }
3166
+ },
3167
+ "border-block-end-color": DesignToken,
3168
+ "border-block-end-width": DesignToken,
3169
+ "border-block-start-color": DesignToken,
3170
+ "border-block-start-width": DesignToken,
3171
+ "mobile": {
3172
+ "padding-block-start": {
3173
+ "$extensions": {
3174
+ "nl.nldesignsystem.css.property": {}
3175
+ }
3176
+ },
3177
+ "padding-block-end": {
3178
+ "$extensions": {
3179
+ "nl.nldesignsystem.css.property": {}
3180
+ }
3181
+ },
3182
+ "padding-inline-start": {
3183
+ "$extensions": {
3184
+ "nl.nldesignsystem.css.property": {}
3185
+ }
3186
+ },
3187
+ "padding-inline-end": {
3188
+ "$extensions": {
3189
+ "nl.nldesignsystem.css.property": {}
3190
+ }
3191
+ },
3192
+ "border-block-end-color": DesignToken,
3193
+ "border-block-end-width": DesignToken,
3194
+ "border-block-start-color": DesignToken,
3195
+ "border-block-start-width": DesignToken
3196
+ }
3197
+ },
3198
+ "link": {
3199
+ "active": {
3200
+ "color": DesignToken,
3201
+ "focus": {
3202
+ "color": DesignToken
3203
+ }
3204
+ },
3205
+ "background-color": DesignToken,
3206
+ "border-color": DesignToken,
3207
+ "border-inline-end-width": DesignToken,
3208
+ "color": DesignToken,
3209
+ "focus": {
3210
+ "color": DesignToken,
3211
+ "text-decoration-thickness": DesignToken,
3212
+ "background-color": DesignToken
3213
+ },
3214
+ "font-weight": DesignToken,
3215
+ "gap": DesignToken,
3216
+ "hover": {
3217
+ "background-color": DesignToken,
3218
+ "color": DesignToken,
3219
+ "decoration-thickness": DesignToken
3220
+ },
3221
+ "is-current": {
3222
+ "font-weight": DesignToken
3223
+ },
3224
+ "mobile": {
3225
+ "background-color": DesignToken,
3226
+ "color": DesignToken,
3227
+ "hover": {
3228
+ "background-color": DesignToken,
3229
+ "color": DesignToken,
3230
+ "font-weight": DesignToken
3231
+ },
3232
+ "justify-content": {
3233
+ "$extensions": {
3234
+ "nl.nldesignsystem.css.property": {}
3235
+ }
3236
+ },
3237
+ "min-block-size": DesignToken,
3238
+ "padding-block-end": DesignToken,
3239
+ "padding-block-start": DesignToken,
3240
+ "padding-inline-end": {
3241
+ "$extensions": {
3242
+ "nl.nldesignsystem.css.property": {}
3243
+ }
3244
+ },
3245
+ "padding-inline-start": DesignToken,
3246
+ "transition-duration": DesignToken,
3247
+ "transition-timing-function": DesignToken
3248
+ },
3249
+ "padding-block-end": DesignToken,
3250
+ "padding-block-start": DesignToken,
3251
+ "padding-inline-end": {
3252
+ "$extensions": {
3253
+ "nl.nldesignsystem.css.property": {}
3254
+ }
3255
+ },
3256
+ "padding-inline-start": {
3257
+ "$extensions": {
3258
+ "nl.nldesignsystem.css.property": {}
3259
+ }
3260
+ },
3261
+ "text-align": {
3262
+ "$extensions": {
3263
+ "nl.nldesignsystem.css.property": {}
3264
+ }
3265
+ }
3266
+ },
3267
+ "list": {
3268
+ "display": {
3269
+ "$extensions": {
3270
+ "nl.nldesignsystem.css.property": {}
3271
+ }
3272
+ },
3273
+ "inline-size": {
3274
+ "$extensions": {
3275
+ "nl.nldesignsystem.css.property": {}
3276
+ }
3277
+ },
3278
+ "mobile": {
3279
+ "background-color": DesignToken,
3280
+ "inline-size": DesignToken,
3281
+ "padding-block-end": DesignToken,
3282
+ "padding-block-start": {
3283
+ "$extensions": {
3284
+ "nl.nldesignsystem.css.property": {}
3285
+ }
3286
+ },
3287
+ "padding-inline-end": DesignToken,
3288
+ "padding-inline-start": DesignToken
3289
+ },
3290
+ "padding-block-end": {
3291
+ "$extensions": {
3292
+ "nl.nldesignsystem.css.property": {}
3293
+ }
3294
+ },
3295
+ "padding-block-start": {
3296
+ "$extensions": {
3297
+ "nl.nldesignsystem.css.property": {}
3298
+ }
3299
+ },
3300
+ "padding-inline-end": {
3301
+ "$extensions": {
3302
+ "nl.nldesignsystem.css.property": {}
3303
+ }
3304
+ },
3305
+ "padding-inline-start": {
3306
+ "$extensions": {
3307
+ "nl.nldesignsystem.css.property": {}
3308
+ }
3309
+ },
3310
+ "side-nav": {
3311
+ "inline-size": DesignToken
3312
+ }
3313
+ },
3314
+ "marker": {
3315
+ "color": DesignToken
3316
+ },
3317
+ "toggle-button": {
3318
+ "margin-block-end": {
3319
+ "$extensions": {
3320
+ "nl.nldesignsystem.css.property": {}
3321
+ }
3322
+ },
3323
+ "margin-block-start": {
3324
+ "$extensions": {
3325
+ "nl.nldesignsystem.css.property": {}
3326
+ }
3327
+ },
3328
+ "offset-end": DesignToken,
3329
+ "offset-start": DesignToken,
3330
+ "padding-inline-end": {
3331
+ "$extensions": {
3332
+ "nl.nldesignsystem.css.property": {}
3333
+ }
3334
+ }
3335
+ }
3336
+ },
3066
3337
  "number-badge": {
3067
3338
  "background-color": DesignToken,
3068
3339
  "border-color": {
@@ -4689,6 +4960,56 @@ declare const tokens: {
4689
4960
  }
4690
4961
  }
4691
4962
  },
4963
+ "tooltip": {
4964
+ "background-color": DesignToken,
4965
+ "border-color": DesignToken,
4966
+ "border-radius": DesignToken,
4967
+ "border-width": DesignToken,
4968
+ "color": DesignToken,
4969
+ "font-family": DesignToken,
4970
+ "font-size": DesignToken,
4971
+ "font-weight": {
4972
+ "$extensions": {
4973
+ "nl.nldesignsystem.css.property": {}
4974
+ }
4975
+ },
4976
+ "line-height": {
4977
+ "$extensions": {
4978
+ "nl.nldesignsystem.css.property": {
4979
+ "syntax": {}
4980
+ }
4981
+ }
4982
+ },
4983
+ "max-inline-size": {
4984
+ "$extensions": {
4985
+ "nl.nldesignsystem.css.property": {}
4986
+ }
4987
+ },
4988
+ "padding-block": DesignToken,
4989
+ "padding-inline": DesignToken,
4990
+ "transition-duration": {
4991
+ "$extensions": {
4992
+ "nl.nldesignsystem.css.property": {}
4993
+ }
4994
+ },
4995
+ "transition-timing-function": {
4996
+ "$extensions": {
4997
+ "nl.nldesignsystem.css.property": {}
4998
+ }
4999
+ },
5000
+ "z-index": {
5001
+ "$extensions": {
5002
+ "nl.nldesignsystem.css.property": {}
5003
+ }
5004
+ },
5005
+ "arrow": {
5006
+ "size": {
5007
+ "$extensions": {
5008
+ "nl.nldesignsystem.css.property": {}
5009
+ }
5010
+ }
5011
+ }
5012
+ },
4692
5013
  "toptask-link": {
4693
5014
  "background-color": DesignToken,
4694
5015
  "color": DesignToken,