@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.json CHANGED
@@ -3083,31 +3083,6 @@
3083
3083
  }
3084
3084
  }
3085
3085
  },
3086
- "badge-status": {
3087
- "letter-spacing": {
3088
- "$extensions": {
3089
- "nl.nldesignsystem.css.property": {
3090
- "syntax": "<length>",
3091
- "inherits": true
3092
- },
3093
- "nl.nldesignsystem.figma.supports-token": true
3094
- },
3095
- "type": "letterSpacing"
3096
- },
3097
- "text-transform": {
3098
- "$extensions": {
3099
- "nl.nldesignsystem.css.property": {
3100
- "syntax": [
3101
- "inherit",
3102
- "uppercase"
3103
- ],
3104
- "inherits": true
3105
- },
3106
- "nl.nldesignsystem.figma.supports-token": true
3107
- },
3108
- "type": "textCase"
3109
- }
3110
- },
3111
3086
  "badge": {
3112
3087
  "background-color": {
3113
3088
  "comment": "Default background color for badge components",
@@ -27751,42 +27726,6 @@
27751
27726
  "active",
27752
27727
  "color"
27753
27728
  ]
27754
- },
27755
- "focus": {
27756
- "color": {
27757
- "$extensions": {
27758
- "nl.nldesignsystem.css.property": {
27759
- "syntax": "<color>",
27760
- "inherits": true
27761
- },
27762
- "nl.nldesignsystem.figma.supports-token": false
27763
- },
27764
- "type": "color",
27765
- "value": "hsl(0 0% 0%)",
27766
- "filePath": "src/component/utrecht/navigation.tokens.json",
27767
- "isSource": true,
27768
- "original": {
27769
- "$extensions": {
27770
- "nl.nldesignsystem.css.property": {
27771
- "syntax": "<color>",
27772
- "inherits": true
27773
- },
27774
- "nl.nldesignsystem.figma.supports-token": false
27775
- },
27776
- "type": "color",
27777
- "value": "{utrecht.color.black}"
27778
- },
27779
- "name": "utrechtNavigationLinkActiveFocusColor",
27780
- "attributes": {},
27781
- "path": [
27782
- "utrecht",
27783
- "navigation",
27784
- "link",
27785
- "active",
27786
- "focus",
27787
- "color"
27788
- ]
27789
- }
27790
27729
  }
27791
27730
  },
27792
27731
  "background-color": {
@@ -27927,7 +27866,7 @@
27927
27866
  "nl.nldesignsystem.figma.supports-token": false
27928
27867
  },
27929
27868
  "type": "color",
27930
- "value": "hsl(0 0% 0%)",
27869
+ "value": "hsl(0 0% 100%)",
27931
27870
  "filePath": "src/component/utrecht/navigation.tokens.json",
27932
27871
  "isSource": true,
27933
27872
  "original": {
@@ -27939,7 +27878,7 @@
27939
27878
  "nl.nldesignsystem.figma.supports-token": false
27940
27879
  },
27941
27880
  "type": "color",
27942
- "value": "{utrecht.color.black}"
27881
+ "value": "{utrecht.color.white}"
27943
27882
  },
27944
27883
  "name": "utrechtNavigationLinkFocusColor",
27945
27884
  "attributes": {},
@@ -27951,6 +27890,39 @@
27951
27890
  "color"
27952
27891
  ]
27953
27892
  },
27893
+ "background-color": {
27894
+ "$extensions": {
27895
+ "nl.nldesignsystem.css.property": {
27896
+ "syntax": "<color>",
27897
+ "inherits": true
27898
+ },
27899
+ "nl.nldesignsystem.figma.supports-token": false
27900
+ },
27901
+ "type": "color",
27902
+ "value": "hsl(0 0% 0%)",
27903
+ "filePath": "src/component/utrecht/navigation.tokens.json",
27904
+ "isSource": true,
27905
+ "original": {
27906
+ "$extensions": {
27907
+ "nl.nldesignsystem.css.property": {
27908
+ "syntax": "<color>",
27909
+ "inherits": true
27910
+ },
27911
+ "nl.nldesignsystem.figma.supports-token": false
27912
+ },
27913
+ "type": "color",
27914
+ "value": "{utrecht.color.black}"
27915
+ },
27916
+ "name": "utrechtNavigationLinkFocusBackgroundColor",
27917
+ "attributes": {},
27918
+ "path": [
27919
+ "utrecht",
27920
+ "navigation",
27921
+ "link",
27922
+ "focus",
27923
+ "background-color"
27924
+ ]
27925
+ },
27954
27926
  "text-decoration-thickness": {
27955
27927
  "$extensions": {
27956
27928
  "nl.nldesignsystem.css.property": {
@@ -27983,23 +27955,107 @@
27983
27955
  "focus",
27984
27956
  "text-decoration-thickness"
27985
27957
  ]
27958
+ }
27959
+ },
27960
+ "focus-visible": {
27961
+ "color": {
27962
+ "$extensions": {
27963
+ "nl.nldesignsystem.css.property": {
27964
+ "syntax": "<color>",
27965
+ "inherits": true
27966
+ },
27967
+ "nl.nldesignsystem.figma.supports-token": false
27968
+ },
27969
+ "type": "color",
27970
+ "value": "hsl(0 0% 0%)",
27971
+ "filePath": "src/component/utrecht/navigation.tokens.json",
27972
+ "isSource": true,
27973
+ "original": {
27974
+ "$extensions": {
27975
+ "nl.nldesignsystem.css.property": {
27976
+ "syntax": "<color>",
27977
+ "inherits": true
27978
+ },
27979
+ "nl.nldesignsystem.figma.supports-token": false
27980
+ },
27981
+ "type": "color",
27982
+ "value": "{utrecht.color.black}"
27983
+ },
27984
+ "name": "utrechtNavigationLinkFocusVisibleColor",
27985
+ "attributes": {},
27986
+ "path": [
27987
+ "utrecht",
27988
+ "navigation",
27989
+ "link",
27990
+ "focus-visible",
27991
+ "color"
27992
+ ]
27986
27993
  },
27987
27994
  "background-color": {
27995
+ "$extensions": {
27996
+ "nl.nldesignsystem.css.property": {
27997
+ "syntax": "<color>",
27998
+ "inherits": true
27999
+ },
28000
+ "nl.nldesignsystem.figma.supports-token": false
28001
+ },
28002
+ "type": "color",
27988
28003
  "value": "hsl(48 100% 80%)",
27989
28004
  "filePath": "src/component/utrecht/navigation.tokens.json",
27990
28005
  "isSource": true,
27991
28006
  "original": {
28007
+ "$extensions": {
28008
+ "nl.nldesignsystem.css.property": {
28009
+ "syntax": "<color>",
28010
+ "inherits": true
28011
+ },
28012
+ "nl.nldesignsystem.figma.supports-token": false
28013
+ },
28014
+ "type": "color",
27992
28015
  "value": "{utrecht.color.yellow.80}"
27993
28016
  },
27994
- "name": "utrechtNavigationLinkFocusBackgroundColor",
28017
+ "name": "utrechtNavigationLinkFocusVisibleBackgroundColor",
27995
28018
  "attributes": {},
27996
28019
  "path": [
27997
28020
  "utrecht",
27998
28021
  "navigation",
27999
28022
  "link",
28000
- "focus",
28023
+ "focus-visible",
28001
28024
  "background-color"
28002
28025
  ]
28026
+ },
28027
+ "text-decoration-thickness": {
28028
+ "$extensions": {
28029
+ "nl.nldesignsystem.css.property": {
28030
+ "syntax": "<length>",
28031
+ "inherits": true
28032
+ },
28033
+ "nl.nldesignsystem.figma.supports-token": false
28034
+ },
28035
+ "type": "length",
28036
+ "value": "3px",
28037
+ "filePath": "src/component/utrecht/navigation.tokens.json",
28038
+ "isSource": true,
28039
+ "original": {
28040
+ "$extensions": {
28041
+ "nl.nldesignsystem.css.property": {
28042
+ "syntax": "<length>",
28043
+ "inherits": true
28044
+ },
28045
+ "nl.nldesignsystem.figma.supports-token": false
28046
+ },
28047
+ "type": "length",
28048
+ "value": "3px"
28049
+ },
28050
+ "name": "utrechtNavigationLinkFocusVisibleTextDecorationThickness",
28051
+ "attributes": {},
28052
+ "path": [
28053
+ "utrecht",
28054
+ "navigation",
28055
+ "link",
28056
+ "focus-visible",
28057
+ "text-decoration-thickness"
28058
+ ]
28003
28059
  }
28004
28060
  },
28005
28061
  "font-weight": {
@@ -28353,7 +28409,7 @@
28353
28409
  "nl.nldesignsystem.figma.supports-token": false
28354
28410
  },
28355
28411
  "type": "fontWeight",
28356
- "value": "700",
28412
+ "value": "400",
28357
28413
  "filePath": "src/component/utrecht/navigation.tokens.json",
28358
28414
  "isSource": true,
28359
28415
  "original": {
@@ -28365,7 +28421,7 @@
28365
28421
  "nl.nldesignsystem.figma.supports-token": false
28366
28422
  },
28367
28423
  "type": "fontWeight",
28368
- "value": "{utrecht.typography.weight-scale.bold.font-weight}"
28424
+ "value": "{utrecht.typography.weight-scale.normal.font-weight}"
28369
28425
  },
28370
28426
  "name": "utrechtNavigationLinkMobileHoverFontWeight",
28371
28427
  "attributes": {},
@@ -28620,47 +28676,105 @@
28620
28676
  "mobile",
28621
28677
  "transition-timing-function"
28622
28678
  ]
28623
- }
28624
- },
28625
- "padding-block-end": {
28626
- "$extensions": {
28627
- "nl.nldesignsystem.css.property": {
28628
- "syntax": "<length>",
28629
- "inherits": true
28630
- },
28631
- "nl.nldesignsystem.figma.supports-token": false,
28632
- "studio.tokens": {
28633
- "originalType": "spacing"
28679
+ },
28680
+ "active": {
28681
+ "color": {
28682
+ "value": "hsl(211 60% 35%)",
28683
+ "filePath": "src/component/utrecht/navigation.tokens.json",
28684
+ "isSource": true,
28685
+ "original": {
28686
+ "value": "{utrecht.color.blue.35}"
28687
+ },
28688
+ "name": "utrechtNavigationLinkMobileActiveColor",
28689
+ "attributes": {},
28690
+ "path": [
28691
+ "utrecht",
28692
+ "navigation",
28693
+ "link",
28694
+ "mobile",
28695
+ "active",
28696
+ "color"
28697
+ ]
28634
28698
  }
28635
28699
  },
28636
- "type": "dimension",
28637
- "value": "16px",
28638
- "filePath": "src/component/utrecht/navigation.tokens.json",
28639
- "isSource": true,
28640
- "original": {
28641
- "$extensions": {
28642
- "nl.nldesignsystem.css.property": {
28643
- "syntax": "<length>",
28644
- "inherits": true
28700
+ "focus": {
28701
+ "background-color": {
28702
+ "value": "hsl(0 0% 100%)",
28703
+ "filePath": "src/component/utrecht/navigation.tokens.json",
28704
+ "isSource": true,
28705
+ "original": {
28706
+ "value": "{utrecht.color.white}"
28645
28707
  },
28646
- "nl.nldesignsystem.figma.supports-token": false,
28647
- "studio.tokens": {
28648
- "originalType": "spacing"
28649
- }
28708
+ "name": "utrechtNavigationLinkMobileFocusBackgroundColor",
28709
+ "attributes": {},
28710
+ "path": [
28711
+ "utrecht",
28712
+ "navigation",
28713
+ "link",
28714
+ "mobile",
28715
+ "focus",
28716
+ "background-color"
28717
+ ]
28650
28718
  },
28651
- "type": "dimension",
28652
- "value": "{utrecht.space.block.md}"
28653
- },
28654
- "name": "utrechtNavigationLinkPaddingBlockEnd",
28655
- "attributes": {},
28656
- "path": [
28657
- "utrecht",
28658
- "navigation",
28659
- "link",
28660
- "padding-block-end"
28661
- ]
28719
+ "color": {
28720
+ "value": "hsl(211 60% 35%)",
28721
+ "filePath": "src/component/utrecht/navigation.tokens.json",
28722
+ "isSource": true,
28723
+ "original": {
28724
+ "value": "{utrecht.color.blue.35}"
28725
+ },
28726
+ "name": "utrechtNavigationLinkMobileFocusColor",
28727
+ "attributes": {},
28728
+ "path": [
28729
+ "utrecht",
28730
+ "navigation",
28731
+ "link",
28732
+ "mobile",
28733
+ "focus",
28734
+ "color"
28735
+ ]
28736
+ }
28737
+ }
28662
28738
  },
28663
- "padding-block-start": {
28739
+ "padding-block-end": {
28740
+ "$extensions": {
28741
+ "nl.nldesignsystem.css.property": {
28742
+ "syntax": "<length>",
28743
+ "inherits": true
28744
+ },
28745
+ "nl.nldesignsystem.figma.supports-token": false,
28746
+ "studio.tokens": {
28747
+ "originalType": "spacing"
28748
+ }
28749
+ },
28750
+ "type": "dimension",
28751
+ "value": "16px",
28752
+ "filePath": "src/component/utrecht/navigation.tokens.json",
28753
+ "isSource": true,
28754
+ "original": {
28755
+ "$extensions": {
28756
+ "nl.nldesignsystem.css.property": {
28757
+ "syntax": "<length>",
28758
+ "inherits": true
28759
+ },
28760
+ "nl.nldesignsystem.figma.supports-token": false,
28761
+ "studio.tokens": {
28762
+ "originalType": "spacing"
28763
+ }
28764
+ },
28765
+ "type": "dimension",
28766
+ "value": "{utrecht.space.block.md}"
28767
+ },
28768
+ "name": "utrechtNavigationLinkPaddingBlockEnd",
28769
+ "attributes": {},
28770
+ "path": [
28771
+ "utrecht",
28772
+ "navigation",
28773
+ "link",
28774
+ "padding-block-end"
28775
+ ]
28776
+ },
28777
+ "padding-block-start": {
28664
28778
  "$extensions": {
28665
28779
  "nl.nldesignsystem.css.property": {
28666
28780
  "syntax": "<length>",
@@ -37558,6 +37672,542 @@
37558
37672
  }
37559
37673
  }
37560
37674
  },
37675
+ "status-badge": {
37676
+ "letter-spacing": {
37677
+ "$extensions": {
37678
+ "nl.nldesignsystem.css.property": {
37679
+ "syntax": "<length>",
37680
+ "inherits": true
37681
+ },
37682
+ "nl.nldesignsystem.figma.supports-token": true
37683
+ },
37684
+ "type": "letterSpacing"
37685
+ },
37686
+ "text-transform": {
37687
+ "$extensions": {
37688
+ "nl.nldesignsystem.css.property": {
37689
+ "syntax": [
37690
+ "inherit",
37691
+ "uppercase"
37692
+ ],
37693
+ "inherits": true
37694
+ },
37695
+ "nl.nldesignsystem.figma.supports-token": true
37696
+ },
37697
+ "type": "textCase"
37698
+ },
37699
+ "background-color": {
37700
+ "value": "hsl(0 0% 30%)",
37701
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37702
+ "isSource": true,
37703
+ "original": {
37704
+ "value": "{utrecht.badge.background-color}"
37705
+ },
37706
+ "name": "utrechtStatusBadgeBackgroundColor",
37707
+ "attributes": {},
37708
+ "path": [
37709
+ "utrecht",
37710
+ "status-badge",
37711
+ "background-color"
37712
+ ]
37713
+ },
37714
+ "border-color": {},
37715
+ "border-radius": {
37716
+ "value": "0",
37717
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37718
+ "isSource": true,
37719
+ "original": {
37720
+ "value": "{utrecht.badge.border-radius}"
37721
+ },
37722
+ "name": "utrechtStatusBadgeBorderRadius",
37723
+ "attributes": {},
37724
+ "path": [
37725
+ "utrecht",
37726
+ "status-badge",
37727
+ "border-radius"
37728
+ ]
37729
+ },
37730
+ "border-width": {
37731
+ "value": "0px",
37732
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37733
+ "isSource": true,
37734
+ "original": {
37735
+ "value": "0px"
37736
+ },
37737
+ "name": "utrechtStatusBadgeBorderWidth",
37738
+ "attributes": {},
37739
+ "path": [
37740
+ "utrecht",
37741
+ "status-badge",
37742
+ "border-width"
37743
+ ]
37744
+ },
37745
+ "color": {
37746
+ "value": "hsl(0 0% 100%)",
37747
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37748
+ "isSource": true,
37749
+ "original": {
37750
+ "value": "{utrecht.badge.color}"
37751
+ },
37752
+ "name": "utrechtStatusBadgeColor",
37753
+ "attributes": {},
37754
+ "path": [
37755
+ "utrecht",
37756
+ "status-badge",
37757
+ "color"
37758
+ ]
37759
+ },
37760
+ "font-family": {
37761
+ "value": "\"Noto Sans Variable\", \"Arial\", sans-serif",
37762
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37763
+ "isSource": true,
37764
+ "original": {
37765
+ "value": "{utrecht.typography.sans-serif.font-family}"
37766
+ },
37767
+ "name": "utrechtStatusBadgeFontFamily",
37768
+ "attributes": {},
37769
+ "path": [
37770
+ "utrecht",
37771
+ "status-badge",
37772
+ "font-family"
37773
+ ]
37774
+ },
37775
+ "font-size": {},
37776
+ "font-weight": {},
37777
+ "line-height": {},
37778
+ "min-block-size": {},
37779
+ "min-inline-size": {},
37780
+ "padding-block": {
37781
+ "value": "8px",
37782
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37783
+ "isSource": true,
37784
+ "original": {
37785
+ "value": "{utrecht.badge.padding-block}"
37786
+ },
37787
+ "name": "utrechtStatusBadgePaddingBlock",
37788
+ "attributes": {},
37789
+ "path": [
37790
+ "utrecht",
37791
+ "status-badge",
37792
+ "padding-block"
37793
+ ]
37794
+ },
37795
+ "padding-inline": {
37796
+ "value": "12px",
37797
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37798
+ "isSource": true,
37799
+ "original": {
37800
+ "value": "{utrecht.badge.padding-inline}"
37801
+ },
37802
+ "name": "utrechtStatusBadgePaddingInline",
37803
+ "attributes": {},
37804
+ "path": [
37805
+ "utrecht",
37806
+ "status-badge",
37807
+ "padding-inline"
37808
+ ]
37809
+ },
37810
+ "active": {
37811
+ "background-color": {
37812
+ "value": "hsl(90 30% 50%)",
37813
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37814
+ "isSource": true,
37815
+ "original": {
37816
+ "value": "{utrecht.feedback.active.fill.background-color}"
37817
+ },
37818
+ "name": "utrechtStatusBadgeActiveBackgroundColor",
37819
+ "attributes": {},
37820
+ "path": [
37821
+ "utrecht",
37822
+ "status-badge",
37823
+ "active",
37824
+ "background-color"
37825
+ ]
37826
+ },
37827
+ "border-color": {
37828
+ "value": "hsl(90 30% 50%)",
37829
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37830
+ "isSource": true,
37831
+ "original": {
37832
+ "value": "{utrecht.feedback.active.fill.background-color}"
37833
+ },
37834
+ "name": "utrechtStatusBadgeActiveBorderColor",
37835
+ "attributes": {},
37836
+ "path": [
37837
+ "utrecht",
37838
+ "status-badge",
37839
+ "active",
37840
+ "border-color"
37841
+ ]
37842
+ },
37843
+ "color": {
37844
+ "value": "hsl(0 0% 100%)",
37845
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37846
+ "isSource": true,
37847
+ "original": {
37848
+ "value": "{utrecht.feedback.active.fill.color}"
37849
+ },
37850
+ "name": "utrechtStatusBadgeActiveColor",
37851
+ "attributes": {},
37852
+ "path": [
37853
+ "utrecht",
37854
+ "status-badge",
37855
+ "active",
37856
+ "color"
37857
+ ]
37858
+ }
37859
+ },
37860
+ "danger": {
37861
+ "background-color": {
37862
+ "value": "hsl(0 100% 40%)",
37863
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37864
+ "isSource": true,
37865
+ "original": {
37866
+ "value": "{utrecht.feedback.danger.fill.background-color}"
37867
+ },
37868
+ "name": "utrechtStatusBadgeDangerBackgroundColor",
37869
+ "attributes": {},
37870
+ "path": [
37871
+ "utrecht",
37872
+ "status-badge",
37873
+ "danger",
37874
+ "background-color"
37875
+ ]
37876
+ },
37877
+ "border-color": {
37878
+ "value": "hsl(0 100% 40%)",
37879
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37880
+ "isSource": true,
37881
+ "original": {
37882
+ "value": "{utrecht.feedback.danger.fill.background-color}"
37883
+ },
37884
+ "name": "utrechtStatusBadgeDangerBorderColor",
37885
+ "attributes": {},
37886
+ "path": [
37887
+ "utrecht",
37888
+ "status-badge",
37889
+ "danger",
37890
+ "border-color"
37891
+ ]
37892
+ },
37893
+ "color": {
37894
+ "value": "hsl(0 0% 100%)",
37895
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37896
+ "isSource": true,
37897
+ "original": {
37898
+ "value": "{utrecht.feedback.danger.fill.color}"
37899
+ },
37900
+ "name": "utrechtStatusBadgeDangerColor",
37901
+ "attributes": {},
37902
+ "path": [
37903
+ "utrecht",
37904
+ "status-badge",
37905
+ "danger",
37906
+ "color"
37907
+ ]
37908
+ }
37909
+ },
37910
+ "error": {
37911
+ "background-color": {
37912
+ "value": "hsl(0 100% 40%)",
37913
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37914
+ "isSource": true,
37915
+ "original": {
37916
+ "value": "{utrecht.feedback.error.fill.background-color}"
37917
+ },
37918
+ "name": "utrechtStatusBadgeErrorBackgroundColor",
37919
+ "attributes": {},
37920
+ "path": [
37921
+ "utrecht",
37922
+ "status-badge",
37923
+ "error",
37924
+ "background-color"
37925
+ ]
37926
+ },
37927
+ "border-color": {
37928
+ "value": "hsl(0 100% 40%)",
37929
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37930
+ "isSource": true,
37931
+ "original": {
37932
+ "value": "{utrecht.feedback.error.fill.background-color}"
37933
+ },
37934
+ "name": "utrechtStatusBadgeErrorBorderColor",
37935
+ "attributes": {},
37936
+ "path": [
37937
+ "utrecht",
37938
+ "status-badge",
37939
+ "error",
37940
+ "border-color"
37941
+ ]
37942
+ },
37943
+ "color": {
37944
+ "value": "hsl(0 0% 100%)",
37945
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37946
+ "isSource": true,
37947
+ "original": {
37948
+ "value": "{utrecht.feedback.error.fill.color}"
37949
+ },
37950
+ "name": "utrechtStatusBadgeErrorColor",
37951
+ "attributes": {},
37952
+ "path": [
37953
+ "utrecht",
37954
+ "status-badge",
37955
+ "error",
37956
+ "color"
37957
+ ]
37958
+ }
37959
+ },
37960
+ "inactive": {
37961
+ "background-color": {
37962
+ "value": "hsl(0 100% 40%)",
37963
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37964
+ "isSource": true,
37965
+ "original": {
37966
+ "value": "{utrecht.feedback.inactive.fill.background-color}"
37967
+ },
37968
+ "name": "utrechtStatusBadgeInactiveBackgroundColor",
37969
+ "attributes": {},
37970
+ "path": [
37971
+ "utrecht",
37972
+ "status-badge",
37973
+ "inactive",
37974
+ "background-color"
37975
+ ]
37976
+ },
37977
+ "border-color": {
37978
+ "value": "hsl(0 100% 40%)",
37979
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37980
+ "isSource": true,
37981
+ "original": {
37982
+ "value": "{utrecht.feedback.inactive.fill.background-color}"
37983
+ },
37984
+ "name": "utrechtStatusBadgeInactiveBorderColor",
37985
+ "attributes": {},
37986
+ "path": [
37987
+ "utrecht",
37988
+ "status-badge",
37989
+ "inactive",
37990
+ "border-color"
37991
+ ]
37992
+ },
37993
+ "color": {
37994
+ "value": "hsl(0 0% 100%)",
37995
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
37996
+ "isSource": true,
37997
+ "original": {
37998
+ "value": "{utrecht.feedback.inactive.fill.color}"
37999
+ },
38000
+ "name": "utrechtStatusBadgeInactiveColor",
38001
+ "attributes": {},
38002
+ "path": [
38003
+ "utrecht",
38004
+ "status-badge",
38005
+ "inactive",
38006
+ "color"
38007
+ ]
38008
+ }
38009
+ },
38010
+ "invalid": {
38011
+ "background-color": {
38012
+ "value": "#990000",
38013
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
38014
+ "isSource": true,
38015
+ "original": {
38016
+ "value": "{utrecht.feedback.invalid.fill.background-color}"
38017
+ },
38018
+ "name": "utrechtStatusBadgeInvalidBackgroundColor",
38019
+ "attributes": {},
38020
+ "path": [
38021
+ "utrecht",
38022
+ "status-badge",
38023
+ "invalid",
38024
+ "background-color"
38025
+ ]
38026
+ },
38027
+ "border-color": {
38028
+ "value": "#990000",
38029
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
38030
+ "isSource": true,
38031
+ "original": {
38032
+ "value": "{utrecht.feedback.invalid.fill.background-color}"
38033
+ },
38034
+ "name": "utrechtStatusBadgeInvalidBorderColor",
38035
+ "attributes": {},
38036
+ "path": [
38037
+ "utrecht",
38038
+ "status-badge",
38039
+ "invalid",
38040
+ "border-color"
38041
+ ]
38042
+ },
38043
+ "color": {
38044
+ "value": "hsl(0 0% 100%)",
38045
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
38046
+ "isSource": true,
38047
+ "original": {
38048
+ "value": "{utrecht.feedback.invalid.fill.color}"
38049
+ },
38050
+ "name": "utrechtStatusBadgeInvalidColor",
38051
+ "attributes": {},
38052
+ "path": [
38053
+ "utrecht",
38054
+ "status-badge",
38055
+ "invalid",
38056
+ "color"
38057
+ ]
38058
+ }
38059
+ },
38060
+ "safe": {
38061
+ "background-color": {
38062
+ "value": "hsl(90 30% 50%)",
38063
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
38064
+ "isSource": true,
38065
+ "original": {
38066
+ "value": "{utrecht.feedback.safe.fill.background-color}"
38067
+ },
38068
+ "name": "utrechtStatusBadgeSafeBackgroundColor",
38069
+ "attributes": {},
38070
+ "path": [
38071
+ "utrecht",
38072
+ "status-badge",
38073
+ "safe",
38074
+ "background-color"
38075
+ ]
38076
+ },
38077
+ "border-color": {
38078
+ "value": "hsl(90 30% 50%)",
38079
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
38080
+ "isSource": true,
38081
+ "original": {
38082
+ "value": "{utrecht.feedback.safe.fill.background-color}"
38083
+ },
38084
+ "name": "utrechtStatusBadgeSafeBorderColor",
38085
+ "attributes": {},
38086
+ "path": [
38087
+ "utrecht",
38088
+ "status-badge",
38089
+ "safe",
38090
+ "border-color"
38091
+ ]
38092
+ },
38093
+ "color": {
38094
+ "value": "hsl(0 0% 100%)",
38095
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
38096
+ "isSource": true,
38097
+ "original": {
38098
+ "value": "{utrecht.feedback.safe.fill.color}"
38099
+ },
38100
+ "name": "utrechtStatusBadgeSafeColor",
38101
+ "attributes": {},
38102
+ "path": [
38103
+ "utrecht",
38104
+ "status-badge",
38105
+ "safe",
38106
+ "color"
38107
+ ]
38108
+ }
38109
+ },
38110
+ "valid": {
38111
+ "background-color": {
38112
+ "value": "hsl(90 30% 50%)",
38113
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
38114
+ "isSource": true,
38115
+ "original": {
38116
+ "value": "{utrecht.feedback.valid.fill.background-color}"
38117
+ },
38118
+ "name": "utrechtStatusBadgeValidBackgroundColor",
38119
+ "attributes": {},
38120
+ "path": [
38121
+ "utrecht",
38122
+ "status-badge",
38123
+ "valid",
38124
+ "background-color"
38125
+ ]
38126
+ },
38127
+ "border-color": {
38128
+ "value": "hsl(90 30% 50%)",
38129
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
38130
+ "isSource": true,
38131
+ "original": {
38132
+ "value": "{utrecht.feedback.valid.fill.background-color}"
38133
+ },
38134
+ "name": "utrechtStatusBadgeValidBorderColor",
38135
+ "attributes": {},
38136
+ "path": [
38137
+ "utrecht",
38138
+ "status-badge",
38139
+ "valid",
38140
+ "border-color"
38141
+ ]
38142
+ },
38143
+ "color": {
38144
+ "value": "hsl(0 0% 100%)",
38145
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
38146
+ "isSource": true,
38147
+ "original": {
38148
+ "value": "{utrecht.feedback.valid.fill.color}"
38149
+ },
38150
+ "name": "utrechtStatusBadgeValidColor",
38151
+ "attributes": {},
38152
+ "path": [
38153
+ "utrecht",
38154
+ "status-badge",
38155
+ "valid",
38156
+ "color"
38157
+ ]
38158
+ }
38159
+ },
38160
+ "warning": {
38161
+ "background-color": {
38162
+ "value": "hsl(48 100% 50%)",
38163
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
38164
+ "isSource": true,
38165
+ "original": {
38166
+ "value": "{utrecht.feedback.warning.fill.background-color}"
38167
+ },
38168
+ "name": "utrechtStatusBadgeWarningBackgroundColor",
38169
+ "attributes": {},
38170
+ "path": [
38171
+ "utrecht",
38172
+ "status-badge",
38173
+ "warning",
38174
+ "background-color"
38175
+ ]
38176
+ },
38177
+ "border-color": {
38178
+ "value": "hsl(48 100% 50%)",
38179
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
38180
+ "isSource": true,
38181
+ "original": {
38182
+ "value": "{utrecht.feedback.warning.fill.background-color}"
38183
+ },
38184
+ "name": "utrechtStatusBadgeWarningBorderColor",
38185
+ "attributes": {},
38186
+ "path": [
38187
+ "utrecht",
38188
+ "status-badge",
38189
+ "warning",
38190
+ "border-color"
38191
+ ]
38192
+ },
38193
+ "color": {
38194
+ "value": "hsl(0 0% 0%)",
38195
+ "filePath": "src/component/utrecht/status-badge.tokens.json",
38196
+ "isSource": true,
38197
+ "original": {
38198
+ "value": "{utrecht.feedback.warning.fill.color}"
38199
+ },
38200
+ "name": "utrechtStatusBadgeWarningColor",
38201
+ "attributes": {},
38202
+ "path": [
38203
+ "utrecht",
38204
+ "status-badge",
38205
+ "warning",
38206
+ "color"
38207
+ ]
38208
+ }
38209
+ }
38210
+ },
37561
38211
  "subscript": {},
37562
38212
  "superscript": {},
37563
38213
  "surface": {