@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
@@ -2877,31 +2877,6 @@
2877
2877
  }
2878
2878
  }
2879
2879
  },
2880
- "badge-status": {
2881
- "letter-spacing": {
2882
- "$extensions": {
2883
- "nl.nldesignsystem.css.property": {
2884
- "syntax": "<length>",
2885
- "inherits": true
2886
- },
2887
- "nl.nldesignsystem.figma.supports-token": true
2888
- },
2889
- "type": "letterSpacing"
2890
- },
2891
- "text-transform": {
2892
- "$extensions": {
2893
- "nl.nldesignsystem.css.property": {
2894
- "syntax": [
2895
- "inherit",
2896
- "uppercase"
2897
- ],
2898
- "inherits": true
2899
- },
2900
- "nl.nldesignsystem.figma.supports-token": true
2901
- },
2902
- "type": "textCase"
2903
- }
2904
- },
2905
2880
  "badge": {
2906
2881
  "background-color": {
2907
2882
  "comment": "Default background color for badge components",
@@ -26693,42 +26668,6 @@
26693
26668
  "active",
26694
26669
  "color"
26695
26670
  ]
26696
- },
26697
- "focus": {
26698
- "color": {
26699
- "$extensions": {
26700
- "nl.nldesignsystem.css.property": {
26701
- "syntax": "<color>",
26702
- "inherits": true
26703
- },
26704
- "nl.nldesignsystem.figma.supports-token": false
26705
- },
26706
- "type": "color",
26707
- "value": "hsl(0 0% 0%)",
26708
- "filePath": "src/component/utrecht/navigation.tokens.json",
26709
- "isSource": true,
26710
- "original": {
26711
- "$extensions": {
26712
- "nl.nldesignsystem.css.property": {
26713
- "syntax": "<color>",
26714
- "inherits": true
26715
- },
26716
- "nl.nldesignsystem.figma.supports-token": false
26717
- },
26718
- "type": "color",
26719
- "value": "{utrecht.color.black}"
26720
- },
26721
- "name": "utrechtNavigationLinkActiveFocusColor",
26722
- "attributes": {},
26723
- "path": [
26724
- "utrecht",
26725
- "navigation",
26726
- "link",
26727
- "active",
26728
- "focus",
26729
- "color"
26730
- ]
26731
- }
26732
26671
  }
26733
26672
  },
26734
26673
  "background-color": {
@@ -26869,7 +26808,7 @@
26869
26808
  "nl.nldesignsystem.figma.supports-token": false
26870
26809
  },
26871
26810
  "type": "color",
26872
- "value": "hsl(0 0% 0%)",
26811
+ "value": "hsl(0 0% 100%)",
26873
26812
  "filePath": "src/component/utrecht/navigation.tokens.json",
26874
26813
  "isSource": true,
26875
26814
  "original": {
@@ -26881,7 +26820,7 @@
26881
26820
  "nl.nldesignsystem.figma.supports-token": false
26882
26821
  },
26883
26822
  "type": "color",
26884
- "value": "{utrecht.color.black}"
26823
+ "value": "{utrecht.color.white}"
26885
26824
  },
26886
26825
  "name": "utrechtNavigationLinkFocusColor",
26887
26826
  "attributes": {},
@@ -26893,6 +26832,39 @@
26893
26832
  "color"
26894
26833
  ]
26895
26834
  },
26835
+ "background-color": {
26836
+ "$extensions": {
26837
+ "nl.nldesignsystem.css.property": {
26838
+ "syntax": "<color>",
26839
+ "inherits": true
26840
+ },
26841
+ "nl.nldesignsystem.figma.supports-token": false
26842
+ },
26843
+ "type": "color",
26844
+ "value": "hsl(0 0% 0%)",
26845
+ "filePath": "src/component/utrecht/navigation.tokens.json",
26846
+ "isSource": true,
26847
+ "original": {
26848
+ "$extensions": {
26849
+ "nl.nldesignsystem.css.property": {
26850
+ "syntax": "<color>",
26851
+ "inherits": true
26852
+ },
26853
+ "nl.nldesignsystem.figma.supports-token": false
26854
+ },
26855
+ "type": "color",
26856
+ "value": "{utrecht.color.black}"
26857
+ },
26858
+ "name": "utrechtNavigationLinkFocusBackgroundColor",
26859
+ "attributes": {},
26860
+ "path": [
26861
+ "utrecht",
26862
+ "navigation",
26863
+ "link",
26864
+ "focus",
26865
+ "background-color"
26866
+ ]
26867
+ },
26896
26868
  "text-decoration-thickness": {
26897
26869
  "$extensions": {
26898
26870
  "nl.nldesignsystem.css.property": {
@@ -26925,23 +26897,107 @@
26925
26897
  "focus",
26926
26898
  "text-decoration-thickness"
26927
26899
  ]
26900
+ }
26901
+ },
26902
+ "focus-visible": {
26903
+ "color": {
26904
+ "$extensions": {
26905
+ "nl.nldesignsystem.css.property": {
26906
+ "syntax": "<color>",
26907
+ "inherits": true
26908
+ },
26909
+ "nl.nldesignsystem.figma.supports-token": false
26910
+ },
26911
+ "type": "color",
26912
+ "value": "hsl(0 0% 0%)",
26913
+ "filePath": "src/component/utrecht/navigation.tokens.json",
26914
+ "isSource": true,
26915
+ "original": {
26916
+ "$extensions": {
26917
+ "nl.nldesignsystem.css.property": {
26918
+ "syntax": "<color>",
26919
+ "inherits": true
26920
+ },
26921
+ "nl.nldesignsystem.figma.supports-token": false
26922
+ },
26923
+ "type": "color",
26924
+ "value": "{utrecht.color.black}"
26925
+ },
26926
+ "name": "utrechtNavigationLinkFocusVisibleColor",
26927
+ "attributes": {},
26928
+ "path": [
26929
+ "utrecht",
26930
+ "navigation",
26931
+ "link",
26932
+ "focus-visible",
26933
+ "color"
26934
+ ]
26928
26935
  },
26929
26936
  "background-color": {
26937
+ "$extensions": {
26938
+ "nl.nldesignsystem.css.property": {
26939
+ "syntax": "<color>",
26940
+ "inherits": true
26941
+ },
26942
+ "nl.nldesignsystem.figma.supports-token": false
26943
+ },
26944
+ "type": "color",
26930
26945
  "value": "hsl(48 100% 80%)",
26931
26946
  "filePath": "src/component/utrecht/navigation.tokens.json",
26932
26947
  "isSource": true,
26933
26948
  "original": {
26949
+ "$extensions": {
26950
+ "nl.nldesignsystem.css.property": {
26951
+ "syntax": "<color>",
26952
+ "inherits": true
26953
+ },
26954
+ "nl.nldesignsystem.figma.supports-token": false
26955
+ },
26956
+ "type": "color",
26934
26957
  "value": "{utrecht.color.yellow.80}"
26935
26958
  },
26936
- "name": "utrechtNavigationLinkFocusBackgroundColor",
26959
+ "name": "utrechtNavigationLinkFocusVisibleBackgroundColor",
26937
26960
  "attributes": {},
26938
26961
  "path": [
26939
26962
  "utrecht",
26940
26963
  "navigation",
26941
26964
  "link",
26942
- "focus",
26965
+ "focus-visible",
26943
26966
  "background-color"
26944
26967
  ]
26968
+ },
26969
+ "text-decoration-thickness": {
26970
+ "$extensions": {
26971
+ "nl.nldesignsystem.css.property": {
26972
+ "syntax": "<length>",
26973
+ "inherits": true
26974
+ },
26975
+ "nl.nldesignsystem.figma.supports-token": false
26976
+ },
26977
+ "type": "length",
26978
+ "value": "3px",
26979
+ "filePath": "src/component/utrecht/navigation.tokens.json",
26980
+ "isSource": true,
26981
+ "original": {
26982
+ "$extensions": {
26983
+ "nl.nldesignsystem.css.property": {
26984
+ "syntax": "<length>",
26985
+ "inherits": true
26986
+ },
26987
+ "nl.nldesignsystem.figma.supports-token": false
26988
+ },
26989
+ "type": "length",
26990
+ "value": "3px"
26991
+ },
26992
+ "name": "utrechtNavigationLinkFocusVisibleTextDecorationThickness",
26993
+ "attributes": {},
26994
+ "path": [
26995
+ "utrecht",
26996
+ "navigation",
26997
+ "link",
26998
+ "focus-visible",
26999
+ "text-decoration-thickness"
27000
+ ]
26945
27001
  }
26946
27002
  },
26947
27003
  "font-weight": {
@@ -27295,7 +27351,7 @@
27295
27351
  "nl.nldesignsystem.figma.supports-token": false
27296
27352
  },
27297
27353
  "type": "fontWeight",
27298
- "value": "700",
27354
+ "value": "400",
27299
27355
  "filePath": "src/component/utrecht/navigation.tokens.json",
27300
27356
  "isSource": true,
27301
27357
  "original": {
@@ -27307,7 +27363,7 @@
27307
27363
  "nl.nldesignsystem.figma.supports-token": false
27308
27364
  },
27309
27365
  "type": "fontWeight",
27310
- "value": "{utrecht.typography.weight-scale.bold.font-weight}"
27366
+ "value": "{utrecht.typography.weight-scale.normal.font-weight}"
27311
27367
  },
27312
27368
  "name": "utrechtNavigationLinkMobileHoverFontWeight",
27313
27369
  "attributes": {},
@@ -27562,47 +27618,105 @@
27562
27618
  "mobile",
27563
27619
  "transition-timing-function"
27564
27620
  ]
27565
- }
27566
- },
27567
- "padding-block-end": {
27568
- "$extensions": {
27569
- "nl.nldesignsystem.css.property": {
27570
- "syntax": "<length>",
27571
- "inherits": true
27572
- },
27573
- "nl.nldesignsystem.figma.supports-token": false,
27574
- "studio.tokens": {
27575
- "originalType": "spacing"
27621
+ },
27622
+ "active": {
27623
+ "color": {
27624
+ "value": "hsl(211 60% 35%)",
27625
+ "filePath": "src/component/utrecht/navigation.tokens.json",
27626
+ "isSource": true,
27627
+ "original": {
27628
+ "value": "{utrecht.color.blue.35}"
27629
+ },
27630
+ "name": "utrechtNavigationLinkMobileActiveColor",
27631
+ "attributes": {},
27632
+ "path": [
27633
+ "utrecht",
27634
+ "navigation",
27635
+ "link",
27636
+ "mobile",
27637
+ "active",
27638
+ "color"
27639
+ ]
27576
27640
  }
27577
27641
  },
27578
- "type": "dimension",
27579
- "value": "16px",
27580
- "filePath": "src/component/utrecht/navigation.tokens.json",
27581
- "isSource": true,
27582
- "original": {
27583
- "$extensions": {
27584
- "nl.nldesignsystem.css.property": {
27585
- "syntax": "<length>",
27586
- "inherits": true
27642
+ "focus": {
27643
+ "background-color": {
27644
+ "value": "hsl(0 0% 100%)",
27645
+ "filePath": "src/component/utrecht/navigation.tokens.json",
27646
+ "isSource": true,
27647
+ "original": {
27648
+ "value": "{utrecht.color.white}"
27587
27649
  },
27588
- "nl.nldesignsystem.figma.supports-token": false,
27589
- "studio.tokens": {
27590
- "originalType": "spacing"
27591
- }
27650
+ "name": "utrechtNavigationLinkMobileFocusBackgroundColor",
27651
+ "attributes": {},
27652
+ "path": [
27653
+ "utrecht",
27654
+ "navigation",
27655
+ "link",
27656
+ "mobile",
27657
+ "focus",
27658
+ "background-color"
27659
+ ]
27592
27660
  },
27593
- "type": "dimension",
27594
- "value": "{utrecht.space.block.md}"
27595
- },
27596
- "name": "utrechtNavigationLinkPaddingBlockEnd",
27597
- "attributes": {},
27598
- "path": [
27599
- "utrecht",
27600
- "navigation",
27601
- "link",
27602
- "padding-block-end"
27603
- ]
27661
+ "color": {
27662
+ "value": "hsl(211 60% 35%)",
27663
+ "filePath": "src/component/utrecht/navigation.tokens.json",
27664
+ "isSource": true,
27665
+ "original": {
27666
+ "value": "{utrecht.color.blue.35}"
27667
+ },
27668
+ "name": "utrechtNavigationLinkMobileFocusColor",
27669
+ "attributes": {},
27670
+ "path": [
27671
+ "utrecht",
27672
+ "navigation",
27673
+ "link",
27674
+ "mobile",
27675
+ "focus",
27676
+ "color"
27677
+ ]
27678
+ }
27679
+ }
27604
27680
  },
27605
- "padding-block-start": {
27681
+ "padding-block-end": {
27682
+ "$extensions": {
27683
+ "nl.nldesignsystem.css.property": {
27684
+ "syntax": "<length>",
27685
+ "inherits": true
27686
+ },
27687
+ "nl.nldesignsystem.figma.supports-token": false,
27688
+ "studio.tokens": {
27689
+ "originalType": "spacing"
27690
+ }
27691
+ },
27692
+ "type": "dimension",
27693
+ "value": "16px",
27694
+ "filePath": "src/component/utrecht/navigation.tokens.json",
27695
+ "isSource": true,
27696
+ "original": {
27697
+ "$extensions": {
27698
+ "nl.nldesignsystem.css.property": {
27699
+ "syntax": "<length>",
27700
+ "inherits": true
27701
+ },
27702
+ "nl.nldesignsystem.figma.supports-token": false,
27703
+ "studio.tokens": {
27704
+ "originalType": "spacing"
27705
+ }
27706
+ },
27707
+ "type": "dimension",
27708
+ "value": "{utrecht.space.block.md}"
27709
+ },
27710
+ "name": "utrechtNavigationLinkPaddingBlockEnd",
27711
+ "attributes": {},
27712
+ "path": [
27713
+ "utrecht",
27714
+ "navigation",
27715
+ "link",
27716
+ "padding-block-end"
27717
+ ]
27718
+ },
27719
+ "padding-block-start": {
27606
27720
  "$extensions": {
27607
27721
  "nl.nldesignsystem.css.property": {
27608
27722
  "syntax": "<length>",
@@ -36448,6 +36562,542 @@
36448
36562
  }
36449
36563
  }
36450
36564
  },
36565
+ "status-badge": {
36566
+ "letter-spacing": {
36567
+ "$extensions": {
36568
+ "nl.nldesignsystem.css.property": {
36569
+ "syntax": "<length>",
36570
+ "inherits": true
36571
+ },
36572
+ "nl.nldesignsystem.figma.supports-token": true
36573
+ },
36574
+ "type": "letterSpacing"
36575
+ },
36576
+ "text-transform": {
36577
+ "$extensions": {
36578
+ "nl.nldesignsystem.css.property": {
36579
+ "syntax": [
36580
+ "inherit",
36581
+ "uppercase"
36582
+ ],
36583
+ "inherits": true
36584
+ },
36585
+ "nl.nldesignsystem.figma.supports-token": true
36586
+ },
36587
+ "type": "textCase"
36588
+ },
36589
+ "background-color": {
36590
+ "value": "hsl(0 0% 30%)",
36591
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36592
+ "isSource": true,
36593
+ "original": {
36594
+ "value": "{utrecht.badge.background-color}"
36595
+ },
36596
+ "name": "utrechtStatusBadgeBackgroundColor",
36597
+ "attributes": {},
36598
+ "path": [
36599
+ "utrecht",
36600
+ "status-badge",
36601
+ "background-color"
36602
+ ]
36603
+ },
36604
+ "border-color": {},
36605
+ "border-radius": {
36606
+ "value": "0",
36607
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36608
+ "isSource": true,
36609
+ "original": {
36610
+ "value": "{utrecht.badge.border-radius}"
36611
+ },
36612
+ "name": "utrechtStatusBadgeBorderRadius",
36613
+ "attributes": {},
36614
+ "path": [
36615
+ "utrecht",
36616
+ "status-badge",
36617
+ "border-radius"
36618
+ ]
36619
+ },
36620
+ "border-width": {
36621
+ "value": "0px",
36622
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36623
+ "isSource": true,
36624
+ "original": {
36625
+ "value": "0px"
36626
+ },
36627
+ "name": "utrechtStatusBadgeBorderWidth",
36628
+ "attributes": {},
36629
+ "path": [
36630
+ "utrecht",
36631
+ "status-badge",
36632
+ "border-width"
36633
+ ]
36634
+ },
36635
+ "color": {
36636
+ "value": "hsl(0 0% 100%)",
36637
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36638
+ "isSource": true,
36639
+ "original": {
36640
+ "value": "{utrecht.badge.color}"
36641
+ },
36642
+ "name": "utrechtStatusBadgeColor",
36643
+ "attributes": {},
36644
+ "path": [
36645
+ "utrecht",
36646
+ "status-badge",
36647
+ "color"
36648
+ ]
36649
+ },
36650
+ "font-family": {
36651
+ "value": "\"Noto Sans Variable\", \"Arial\", sans-serif",
36652
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36653
+ "isSource": true,
36654
+ "original": {
36655
+ "value": "{utrecht.typography.sans-serif.font-family}"
36656
+ },
36657
+ "name": "utrechtStatusBadgeFontFamily",
36658
+ "attributes": {},
36659
+ "path": [
36660
+ "utrecht",
36661
+ "status-badge",
36662
+ "font-family"
36663
+ ]
36664
+ },
36665
+ "font-size": {},
36666
+ "font-weight": {},
36667
+ "line-height": {},
36668
+ "min-block-size": {},
36669
+ "min-inline-size": {},
36670
+ "padding-block": {
36671
+ "value": "8px",
36672
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36673
+ "isSource": true,
36674
+ "original": {
36675
+ "value": "{utrecht.badge.padding-block}"
36676
+ },
36677
+ "name": "utrechtStatusBadgePaddingBlock",
36678
+ "attributes": {},
36679
+ "path": [
36680
+ "utrecht",
36681
+ "status-badge",
36682
+ "padding-block"
36683
+ ]
36684
+ },
36685
+ "padding-inline": {
36686
+ "value": "12px",
36687
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36688
+ "isSource": true,
36689
+ "original": {
36690
+ "value": "{utrecht.badge.padding-inline}"
36691
+ },
36692
+ "name": "utrechtStatusBadgePaddingInline",
36693
+ "attributes": {},
36694
+ "path": [
36695
+ "utrecht",
36696
+ "status-badge",
36697
+ "padding-inline"
36698
+ ]
36699
+ },
36700
+ "active": {
36701
+ "background-color": {
36702
+ "value": "hsl(90 30% 50%)",
36703
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36704
+ "isSource": true,
36705
+ "original": {
36706
+ "value": "{utrecht.feedback.active.fill.background-color}"
36707
+ },
36708
+ "name": "utrechtStatusBadgeActiveBackgroundColor",
36709
+ "attributes": {},
36710
+ "path": [
36711
+ "utrecht",
36712
+ "status-badge",
36713
+ "active",
36714
+ "background-color"
36715
+ ]
36716
+ },
36717
+ "border-color": {
36718
+ "value": "hsl(90 30% 50%)",
36719
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36720
+ "isSource": true,
36721
+ "original": {
36722
+ "value": "{utrecht.feedback.active.fill.background-color}"
36723
+ },
36724
+ "name": "utrechtStatusBadgeActiveBorderColor",
36725
+ "attributes": {},
36726
+ "path": [
36727
+ "utrecht",
36728
+ "status-badge",
36729
+ "active",
36730
+ "border-color"
36731
+ ]
36732
+ },
36733
+ "color": {
36734
+ "value": "hsl(0 0% 100%)",
36735
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36736
+ "isSource": true,
36737
+ "original": {
36738
+ "value": "{utrecht.feedback.active.fill.color}"
36739
+ },
36740
+ "name": "utrechtStatusBadgeActiveColor",
36741
+ "attributes": {},
36742
+ "path": [
36743
+ "utrecht",
36744
+ "status-badge",
36745
+ "active",
36746
+ "color"
36747
+ ]
36748
+ }
36749
+ },
36750
+ "danger": {
36751
+ "background-color": {
36752
+ "value": "hsl(0 100% 40%)",
36753
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36754
+ "isSource": true,
36755
+ "original": {
36756
+ "value": "{utrecht.feedback.danger.fill.background-color}"
36757
+ },
36758
+ "name": "utrechtStatusBadgeDangerBackgroundColor",
36759
+ "attributes": {},
36760
+ "path": [
36761
+ "utrecht",
36762
+ "status-badge",
36763
+ "danger",
36764
+ "background-color"
36765
+ ]
36766
+ },
36767
+ "border-color": {
36768
+ "value": "hsl(0 100% 40%)",
36769
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36770
+ "isSource": true,
36771
+ "original": {
36772
+ "value": "{utrecht.feedback.danger.fill.background-color}"
36773
+ },
36774
+ "name": "utrechtStatusBadgeDangerBorderColor",
36775
+ "attributes": {},
36776
+ "path": [
36777
+ "utrecht",
36778
+ "status-badge",
36779
+ "danger",
36780
+ "border-color"
36781
+ ]
36782
+ },
36783
+ "color": {
36784
+ "value": "hsl(0 0% 100%)",
36785
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36786
+ "isSource": true,
36787
+ "original": {
36788
+ "value": "{utrecht.feedback.danger.fill.color}"
36789
+ },
36790
+ "name": "utrechtStatusBadgeDangerColor",
36791
+ "attributes": {},
36792
+ "path": [
36793
+ "utrecht",
36794
+ "status-badge",
36795
+ "danger",
36796
+ "color"
36797
+ ]
36798
+ }
36799
+ },
36800
+ "error": {
36801
+ "background-color": {
36802
+ "value": "hsl(0 100% 40%)",
36803
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36804
+ "isSource": true,
36805
+ "original": {
36806
+ "value": "{utrecht.feedback.error.fill.background-color}"
36807
+ },
36808
+ "name": "utrechtStatusBadgeErrorBackgroundColor",
36809
+ "attributes": {},
36810
+ "path": [
36811
+ "utrecht",
36812
+ "status-badge",
36813
+ "error",
36814
+ "background-color"
36815
+ ]
36816
+ },
36817
+ "border-color": {
36818
+ "value": "hsl(0 100% 40%)",
36819
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36820
+ "isSource": true,
36821
+ "original": {
36822
+ "value": "{utrecht.feedback.error.fill.background-color}"
36823
+ },
36824
+ "name": "utrechtStatusBadgeErrorBorderColor",
36825
+ "attributes": {},
36826
+ "path": [
36827
+ "utrecht",
36828
+ "status-badge",
36829
+ "error",
36830
+ "border-color"
36831
+ ]
36832
+ },
36833
+ "color": {
36834
+ "value": "hsl(0 0% 100%)",
36835
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36836
+ "isSource": true,
36837
+ "original": {
36838
+ "value": "{utrecht.feedback.error.fill.color}"
36839
+ },
36840
+ "name": "utrechtStatusBadgeErrorColor",
36841
+ "attributes": {},
36842
+ "path": [
36843
+ "utrecht",
36844
+ "status-badge",
36845
+ "error",
36846
+ "color"
36847
+ ]
36848
+ }
36849
+ },
36850
+ "inactive": {
36851
+ "background-color": {
36852
+ "value": "hsl(0 100% 40%)",
36853
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36854
+ "isSource": true,
36855
+ "original": {
36856
+ "value": "{utrecht.feedback.inactive.fill.background-color}"
36857
+ },
36858
+ "name": "utrechtStatusBadgeInactiveBackgroundColor",
36859
+ "attributes": {},
36860
+ "path": [
36861
+ "utrecht",
36862
+ "status-badge",
36863
+ "inactive",
36864
+ "background-color"
36865
+ ]
36866
+ },
36867
+ "border-color": {
36868
+ "value": "hsl(0 100% 40%)",
36869
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36870
+ "isSource": true,
36871
+ "original": {
36872
+ "value": "{utrecht.feedback.inactive.fill.background-color}"
36873
+ },
36874
+ "name": "utrechtStatusBadgeInactiveBorderColor",
36875
+ "attributes": {},
36876
+ "path": [
36877
+ "utrecht",
36878
+ "status-badge",
36879
+ "inactive",
36880
+ "border-color"
36881
+ ]
36882
+ },
36883
+ "color": {
36884
+ "value": "hsl(0 0% 100%)",
36885
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36886
+ "isSource": true,
36887
+ "original": {
36888
+ "value": "{utrecht.feedback.inactive.fill.color}"
36889
+ },
36890
+ "name": "utrechtStatusBadgeInactiveColor",
36891
+ "attributes": {},
36892
+ "path": [
36893
+ "utrecht",
36894
+ "status-badge",
36895
+ "inactive",
36896
+ "color"
36897
+ ]
36898
+ }
36899
+ },
36900
+ "invalid": {
36901
+ "background-color": {
36902
+ "value": "#990000",
36903
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36904
+ "isSource": true,
36905
+ "original": {
36906
+ "value": "{utrecht.feedback.invalid.fill.background-color}"
36907
+ },
36908
+ "name": "utrechtStatusBadgeInvalidBackgroundColor",
36909
+ "attributes": {},
36910
+ "path": [
36911
+ "utrecht",
36912
+ "status-badge",
36913
+ "invalid",
36914
+ "background-color"
36915
+ ]
36916
+ },
36917
+ "border-color": {
36918
+ "value": "#990000",
36919
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36920
+ "isSource": true,
36921
+ "original": {
36922
+ "value": "{utrecht.feedback.invalid.fill.background-color}"
36923
+ },
36924
+ "name": "utrechtStatusBadgeInvalidBorderColor",
36925
+ "attributes": {},
36926
+ "path": [
36927
+ "utrecht",
36928
+ "status-badge",
36929
+ "invalid",
36930
+ "border-color"
36931
+ ]
36932
+ },
36933
+ "color": {
36934
+ "value": "hsl(0 0% 100%)",
36935
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36936
+ "isSource": true,
36937
+ "original": {
36938
+ "value": "{utrecht.feedback.invalid.fill.color}"
36939
+ },
36940
+ "name": "utrechtStatusBadgeInvalidColor",
36941
+ "attributes": {},
36942
+ "path": [
36943
+ "utrecht",
36944
+ "status-badge",
36945
+ "invalid",
36946
+ "color"
36947
+ ]
36948
+ }
36949
+ },
36950
+ "safe": {
36951
+ "background-color": {
36952
+ "value": "hsl(90 30% 50%)",
36953
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36954
+ "isSource": true,
36955
+ "original": {
36956
+ "value": "{utrecht.feedback.safe.fill.background-color}"
36957
+ },
36958
+ "name": "utrechtStatusBadgeSafeBackgroundColor",
36959
+ "attributes": {},
36960
+ "path": [
36961
+ "utrecht",
36962
+ "status-badge",
36963
+ "safe",
36964
+ "background-color"
36965
+ ]
36966
+ },
36967
+ "border-color": {
36968
+ "value": "hsl(90 30% 50%)",
36969
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36970
+ "isSource": true,
36971
+ "original": {
36972
+ "value": "{utrecht.feedback.safe.fill.background-color}"
36973
+ },
36974
+ "name": "utrechtStatusBadgeSafeBorderColor",
36975
+ "attributes": {},
36976
+ "path": [
36977
+ "utrecht",
36978
+ "status-badge",
36979
+ "safe",
36980
+ "border-color"
36981
+ ]
36982
+ },
36983
+ "color": {
36984
+ "value": "hsl(0 0% 100%)",
36985
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
36986
+ "isSource": true,
36987
+ "original": {
36988
+ "value": "{utrecht.feedback.safe.fill.color}"
36989
+ },
36990
+ "name": "utrechtStatusBadgeSafeColor",
36991
+ "attributes": {},
36992
+ "path": [
36993
+ "utrecht",
36994
+ "status-badge",
36995
+ "safe",
36996
+ "color"
36997
+ ]
36998
+ }
36999
+ },
37000
+ "valid": {
37001
+ "background-color": {
37002
+ "value": "hsl(90 30% 50%)",
37003
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37004
+ "isSource": true,
37005
+ "original": {
37006
+ "value": "{utrecht.feedback.valid.fill.background-color}"
37007
+ },
37008
+ "name": "utrechtStatusBadgeValidBackgroundColor",
37009
+ "attributes": {},
37010
+ "path": [
37011
+ "utrecht",
37012
+ "status-badge",
37013
+ "valid",
37014
+ "background-color"
37015
+ ]
37016
+ },
37017
+ "border-color": {
37018
+ "value": "hsl(90 30% 50%)",
37019
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37020
+ "isSource": true,
37021
+ "original": {
37022
+ "value": "{utrecht.feedback.valid.fill.background-color}"
37023
+ },
37024
+ "name": "utrechtStatusBadgeValidBorderColor",
37025
+ "attributes": {},
37026
+ "path": [
37027
+ "utrecht",
37028
+ "status-badge",
37029
+ "valid",
37030
+ "border-color"
37031
+ ]
37032
+ },
37033
+ "color": {
37034
+ "value": "hsl(0 0% 100%)",
37035
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37036
+ "isSource": true,
37037
+ "original": {
37038
+ "value": "{utrecht.feedback.valid.fill.color}"
37039
+ },
37040
+ "name": "utrechtStatusBadgeValidColor",
37041
+ "attributes": {},
37042
+ "path": [
37043
+ "utrecht",
37044
+ "status-badge",
37045
+ "valid",
37046
+ "color"
37047
+ ]
37048
+ }
37049
+ },
37050
+ "warning": {
37051
+ "background-color": {
37052
+ "value": "hsl(48 100% 50%)",
37053
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37054
+ "isSource": true,
37055
+ "original": {
37056
+ "value": "{utrecht.feedback.warning.fill.background-color}"
37057
+ },
37058
+ "name": "utrechtStatusBadgeWarningBackgroundColor",
37059
+ "attributes": {},
37060
+ "path": [
37061
+ "utrecht",
37062
+ "status-badge",
37063
+ "warning",
37064
+ "background-color"
37065
+ ]
37066
+ },
37067
+ "border-color": {
37068
+ "value": "hsl(48 100% 50%)",
37069
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37070
+ "isSource": true,
37071
+ "original": {
37072
+ "value": "{utrecht.feedback.warning.fill.background-color}"
37073
+ },
37074
+ "name": "utrechtStatusBadgeWarningBorderColor",
37075
+ "attributes": {},
37076
+ "path": [
37077
+ "utrecht",
37078
+ "status-badge",
37079
+ "warning",
37080
+ "border-color"
37081
+ ]
37082
+ },
37083
+ "color": {
37084
+ "value": "hsl(0 0% 0%)",
37085
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37086
+ "isSource": true,
37087
+ "original": {
37088
+ "value": "{utrecht.feedback.warning.fill.color}"
37089
+ },
37090
+ "name": "utrechtStatusBadgeWarningColor",
37091
+ "attributes": {},
37092
+ "path": [
37093
+ "utrecht",
37094
+ "status-badge",
37095
+ "warning",
37096
+ "color"
37097
+ ]
37098
+ }
37099
+ }
37100
+ },
36451
37101
  "subscript": {},
36452
37102
  "superscript": {},
36453
37103
  "surface": {