@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/tokens.d.ts CHANGED
@@ -379,20 +379,6 @@ declare const tokens: {
379
379
  "margin-inline": DesignToken
380
380
  }
381
381
  },
382
- "badge-status": {
383
- "letter-spacing": {
384
- "$extensions": {
385
- "nl.nldesignsystem.css.property": {}
386
- }
387
- },
388
- "text-transform": {
389
- "$extensions": {
390
- "nl.nldesignsystem.css.property": {
391
- "syntax": {}
392
- }
393
- }
394
- }
395
- },
396
382
  "badge": {
397
383
  "background-color": DesignToken,
398
384
  "border-radius": DesignToken,
@@ -3282,10 +3268,7 @@ declare const tokens: {
3282
3268
  },
3283
3269
  "link": {
3284
3270
  "active": {
3285
- "color": DesignToken,
3286
- "focus": {
3287
- "color": DesignToken
3288
- }
3271
+ "color": DesignToken
3289
3272
  },
3290
3273
  "background-color": DesignToken,
3291
3274
  "border-color": DesignToken,
@@ -3293,8 +3276,13 @@ declare const tokens: {
3293
3276
  "color": DesignToken,
3294
3277
  "focus": {
3295
3278
  "color": DesignToken,
3296
- "text-decoration-thickness": DesignToken,
3297
- "background-color": DesignToken
3279
+ "background-color": DesignToken,
3280
+ "text-decoration-thickness": DesignToken
3281
+ },
3282
+ "focus-visible": {
3283
+ "color": DesignToken,
3284
+ "background-color": DesignToken,
3285
+ "text-decoration-thickness": DesignToken
3298
3286
  },
3299
3287
  "font-weight": DesignToken,
3300
3288
  "gap": DesignToken,
@@ -3329,7 +3317,14 @@ declare const tokens: {
3329
3317
  },
3330
3318
  "padding-inline-start": DesignToken,
3331
3319
  "transition-duration": DesignToken,
3332
- "transition-timing-function": DesignToken
3320
+ "transition-timing-function": DesignToken,
3321
+ "active": {
3322
+ "color": DesignToken
3323
+ },
3324
+ "focus": {
3325
+ "background-color": DesignToken,
3326
+ "color": DesignToken
3327
+ }
3333
3328
  },
3334
3329
  "padding-block-end": DesignToken,
3335
3330
  "padding-block-start": DesignToken,
@@ -4578,6 +4573,73 @@ declare const tokens: {
4578
4573
  }
4579
4574
  }
4580
4575
  },
4576
+ "status-badge": {
4577
+ "letter-spacing": {
4578
+ "$extensions": {
4579
+ "nl.nldesignsystem.css.property": {}
4580
+ }
4581
+ },
4582
+ "text-transform": {
4583
+ "$extensions": {
4584
+ "nl.nldesignsystem.css.property": {
4585
+ "syntax": {}
4586
+ }
4587
+ }
4588
+ },
4589
+ "background-color": DesignToken,
4590
+ "border-color": {},
4591
+ "border-radius": DesignToken,
4592
+ "border-width": DesignToken,
4593
+ "color": DesignToken,
4594
+ "font-family": DesignToken,
4595
+ "font-size": {},
4596
+ "font-weight": {},
4597
+ "line-height": {},
4598
+ "min-block-size": {},
4599
+ "min-inline-size": {},
4600
+ "padding-block": DesignToken,
4601
+ "padding-inline": DesignToken,
4602
+ "active": {
4603
+ "background-color": DesignToken,
4604
+ "border-color": DesignToken,
4605
+ "color": DesignToken
4606
+ },
4607
+ "danger": {
4608
+ "background-color": DesignToken,
4609
+ "border-color": DesignToken,
4610
+ "color": DesignToken
4611
+ },
4612
+ "error": {
4613
+ "background-color": DesignToken,
4614
+ "border-color": DesignToken,
4615
+ "color": DesignToken
4616
+ },
4617
+ "inactive": {
4618
+ "background-color": DesignToken,
4619
+ "border-color": DesignToken,
4620
+ "color": DesignToken
4621
+ },
4622
+ "invalid": {
4623
+ "background-color": DesignToken,
4624
+ "border-color": DesignToken,
4625
+ "color": DesignToken
4626
+ },
4627
+ "safe": {
4628
+ "background-color": DesignToken,
4629
+ "border-color": DesignToken,
4630
+ "color": DesignToken
4631
+ },
4632
+ "valid": {
4633
+ "background-color": DesignToken,
4634
+ "border-color": DesignToken,
4635
+ "color": DesignToken
4636
+ },
4637
+ "warning": {
4638
+ "background-color": DesignToken,
4639
+ "border-color": DesignToken,
4640
+ "color": DesignToken
4641
+ }
4642
+ },
4581
4643
  "subscript": {},
4582
4644
  "superscript": {},
4583
4645
  "surface": {