@utrecht/design-tokens 4.2.0 → 5.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 (55) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/_mixin-theme.scss +40 -4
  3. package/dist/_mixin.scss +40 -4
  4. package/dist/_variables.scss +40 -4
  5. package/dist/dark/_mixin-theme.scss +40 -4
  6. package/dist/dark/_mixin.scss +40 -4
  7. package/dist/dark/_variables.scss +40 -4
  8. package/dist/dark/index.cjs +40 -4
  9. package/dist/dark/index.css +40 -4
  10. package/dist/dark/index.d.ts +38 -2
  11. package/dist/dark/index.flat.json +40 -4
  12. package/dist/dark/index.json +655 -31
  13. package/dist/dark/index.mjs +40 -4
  14. package/dist/dark/index.tokens.json +95 -33
  15. package/dist/dark/list.json +655 -31
  16. package/dist/dark/list.mjs +655 -31
  17. package/dist/dark/property.css +4 -1
  18. package/dist/dark/root.css +40 -4
  19. package/dist/dark/theme-prince-xml.css +40 -4
  20. package/dist/dark/theme.css +40 -4
  21. package/dist/dark/tokens.cjs +752 -102
  22. package/dist/dark/tokens.d.ts +83 -21
  23. package/dist/dark/tokens.json +753 -103
  24. package/dist/dark/variables.cjs +40 -4
  25. package/dist/dark/variables.css +40 -4
  26. package/dist/dark/variables.d.ts +38 -2
  27. package/dist/dark/variables.json +40 -4
  28. package/dist/dark/variables.less +40 -4
  29. package/dist/dark/variables.mjs +40 -4
  30. package/dist/index.cjs +40 -4
  31. package/dist/index.css +80 -8
  32. package/dist/index.d.ts +38 -2
  33. package/dist/index.flat.json +40 -4
  34. package/dist/index.json +655 -31
  35. package/dist/index.mjs +40 -4
  36. package/dist/index.tokens.json +95 -33
  37. package/dist/list.json +655 -31
  38. package/dist/list.mjs +655 -31
  39. package/dist/property.css +4 -1
  40. package/dist/root.css +40 -4
  41. package/dist/theme-prince-xml.css +40 -4
  42. package/dist/theme.css +40 -4
  43. package/dist/tokens.cjs +752 -102
  44. package/dist/tokens.d.ts +83 -21
  45. package/dist/tokens.json +753 -103
  46. package/dist/variables.cjs +40 -4
  47. package/dist/variables.css +40 -4
  48. package/dist/variables.d.ts +38 -2
  49. package/dist/variables.json +40 -4
  50. package/dist/variables.less +40 -4
  51. package/dist/variables.mjs +40 -4
  52. package/package.json +1 -1
  53. package/src/component/utrecht/navigation.tokens.json +25 -6
  54. package/src/component/utrecht/status-badge.tokens.json +75 -0
  55. package/src/component/utrecht/badge-status.tokens.json +0 -8
package/dist/dark/tokens.d.ts CHANGED
@@ -383,20 +383,6 @@ declare const tokens: {
383
383
  "margin-inline": DesignToken
384
384
  }
385
385
  },
386
- "badge-status": {
387
- "letter-spacing": {
388
- "$extensions": {
389
- "nl.nldesignsystem.css.property": {}
390
- }
391
- },
392
- "text-transform": {
393
- "$extensions": {
394
- "nl.nldesignsystem.css.property": {
395
- "syntax": {}
396
- }
397
- }
398
- }
399
- },
400
386
  "badge": {
401
387
  "background-color": DesignToken,
402
388
  "border-radius": DesignToken,
@@ -3286,10 +3272,7 @@ declare const tokens: {
3286
3272
  },
3287
3273
  "link": {
3288
3274
  "active": {
3289
- "color": DesignToken,
3290
- "focus": {
3291
- "color": DesignToken
3292
- }
3275
+ "color": DesignToken
3293
3276
  },
3294
3277
  "background-color": DesignToken,
3295
3278
  "border-color": DesignToken,
@@ -3297,8 +3280,13 @@ declare const tokens: {
3297
3280
  "color": DesignToken,
3298
3281
  "focus": {
3299
3282
  "color": DesignToken,
3300
- "text-decoration-thickness": DesignToken,
3301
- "background-color": DesignToken
3283
+ "background-color": DesignToken,
3284
+ "text-decoration-thickness": DesignToken
3285
+ },
3286
+ "focus-visible": {
3287
+ "color": DesignToken,
3288
+ "background-color": DesignToken,
3289
+ "text-decoration-thickness": DesignToken
3302
3290
  },
3303
3291
  "font-weight": DesignToken,
3304
3292
  "gap": DesignToken,
@@ -3333,7 +3321,14 @@ declare const tokens: {
3333
3321
  },
3334
3322
  "padding-inline-start": DesignToken,
3335
3323
  "transition-duration": DesignToken,
3336
- "transition-timing-function": DesignToken
3324
+ "transition-timing-function": DesignToken,
3325
+ "active": {
3326
+ "color": DesignToken
3327
+ },
3328
+ "focus": {
3329
+ "background-color": DesignToken,
3330
+ "color": DesignToken
3331
+ }
3337
3332
  },
3338
3333
  "padding-block-end": DesignToken,
3339
3334
  "padding-block-start": DesignToken,
@@ -4574,6 +4569,73 @@ declare const tokens: {
4574
4569
  }
4575
4570
  }
4576
4571
  },
4572
+ "status-badge": {
4573
+ "letter-spacing": {
4574
+ "$extensions": {
4575
+ "nl.nldesignsystem.css.property": {}
4576
+ }
4577
+ },
4578
+ "text-transform": {
4579
+ "$extensions": {
4580
+ "nl.nldesignsystem.css.property": {
4581
+ "syntax": {}
4582
+ }
4583
+ }
4584
+ },
4585
+ "background-color": DesignToken,
4586
+ "border-color": {},
4587
+ "border-radius": DesignToken,
4588
+ "border-width": DesignToken,
4589
+ "color": DesignToken,
4590
+ "font-family": DesignToken,
4591
+ "font-size": {},
4592
+ "font-weight": {},
4593
+ "line-height": {},
4594
+ "min-block-size": {},
4595
+ "min-inline-size": {},
4596
+ "padding-block": DesignToken,
4597
+ "padding-inline": DesignToken,
4598
+ "active": {
4599
+ "background-color": DesignToken,
4600
+ "border-color": DesignToken,
4601
+ "color": DesignToken
4602
+ },
4603
+ "danger": {
4604
+ "background-color": DesignToken,
4605
+ "border-color": DesignToken,
4606
+ "color": DesignToken
4607
+ },
4608
+ "error": {
4609
+ "background-color": DesignToken,
4610
+ "border-color": DesignToken,
4611
+ "color": DesignToken
4612
+ },
4613
+ "inactive": {
4614
+ "background-color": DesignToken,
4615
+ "border-color": DesignToken,
4616
+ "color": DesignToken
4617
+ },
4618
+ "invalid": {
4619
+ "background-color": DesignToken,
4620
+ "border-color": DesignToken,
4621
+ "color": DesignToken
4622
+ },
4623
+ "safe": {
4624
+ "background-color": DesignToken,
4625
+ "border-color": DesignToken,
4626
+ "color": DesignToken
4627
+ },
4628
+ "valid": {
4629
+ "background-color": DesignToken,
4630
+ "border-color": DesignToken,
4631
+ "color": DesignToken
4632
+ },
4633
+ "warning": {
4634
+ "background-color": DesignToken,
4635
+ "border-color": DesignToken,
4636
+ "color": DesignToken
4637
+ }
4638
+ },
4577
4639
  "subscript": {},
4578
4640
  "superscript": {},
4579
4641
  "surface": {