@primer/primitives 11.1.0-rc.f0583fc7 → 11.2.0-rc.1012e204

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 (116) hide show
  1. package/dist/build/schemas/alphaValue.d.ts +1 -1
  2. package/dist/build/schemas/alphaValue.js +8 -3
  3. package/dist/build/schemas/baseToken.d.ts +2 -8
  4. package/dist/build/schemas/borderToken.d.ts +30 -47
  5. package/dist/build/schemas/collections.d.ts +2 -2
  6. package/dist/build/schemas/collections.js +16 -6
  7. package/dist/build/schemas/colorHexValue.d.ts +1 -1
  8. package/dist/build/schemas/colorHexValue.js +8 -3
  9. package/dist/build/schemas/colorToken.d.ts +81 -789
  10. package/dist/build/schemas/colorToken.js +1 -1
  11. package/dist/build/schemas/cubicBezierToken.d.ts +4 -15
  12. package/dist/build/schemas/designToken.d.ts +1 -1
  13. package/dist/build/schemas/dimensionToken.d.ts +8 -53
  14. package/dist/build/schemas/dimensionValue.d.ts +1 -1
  15. package/dist/build/schemas/dimensionValue.js +8 -3
  16. package/dist/build/schemas/durationToken.d.ts +4 -15
  17. package/dist/build/schemas/durationValue.d.ts +1 -1
  18. package/dist/build/schemas/durationValue.js +8 -3
  19. package/dist/build/schemas/fontFamilyToken.d.ts +8 -47
  20. package/dist/build/schemas/fontWeightToken.d.ts +8 -47
  21. package/dist/build/schemas/fontWeightValue.d.ts +1 -1
  22. package/dist/build/schemas/fontWeightValue.js +8 -3
  23. package/dist/build/schemas/gradientToken.d.ts +8 -53
  24. package/dist/build/schemas/numberToken.d.ts +9 -64
  25. package/dist/build/schemas/referenceValue.d.ts +1 -1
  26. package/dist/build/schemas/referenceValue.js +8 -3
  27. package/dist/build/schemas/scopes.d.ts +1 -1
  28. package/dist/build/schemas/scopes.js +8 -3
  29. package/dist/build/schemas/shadowToken.d.ts +210 -2136
  30. package/dist/build/schemas/shadowToken.js +0 -9
  31. package/dist/build/schemas/stringToken.d.ts +4 -15
  32. package/dist/build/schemas/tokenName.d.ts +1 -1
  33. package/dist/build/schemas/tokenName.js +8 -3
  34. package/dist/build/schemas/transitionToken.d.ts +8 -35
  35. package/dist/build/schemas/typographyToken.d.ts +14 -55
  36. package/dist/build/schemas/validTokenType.d.ts +1 -1
  37. package/dist/build/schemas/validTokenType.js +8 -3
  38. package/dist/build/schemas/viewportRangeToken.d.ts +4 -15
  39. package/dist/build/types/tokenBuildInput.d.ts +2 -0
  40. package/dist/build/utilities/log.js +0 -3
  41. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +30 -0
  42. package/dist/css/functional/themes/dark-colorblind.css +30 -0
  43. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +30 -0
  44. package/dist/css/functional/themes/dark-dimmed.css +30 -0
  45. package/dist/css/functional/themes/dark-high-contrast.css +30 -0
  46. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +30 -0
  47. package/dist/css/functional/themes/dark-tritanopia.css +30 -0
  48. package/dist/css/functional/themes/dark.css +30 -0
  49. package/dist/css/functional/themes/light-colorblind-high-contrast.css +30 -0
  50. package/dist/css/functional/themes/light-colorblind.css +30 -0
  51. package/dist/css/functional/themes/light-high-contrast.css +30 -0
  52. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +30 -0
  53. package/dist/css/functional/themes/light-tritanopia.css +30 -0
  54. package/dist/css/functional/themes/light.css +30 -0
  55. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +693 -0
  56. package/dist/docs/functional/themes/dark-colorblind.json +693 -0
  57. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +689 -0
  58. package/dist/docs/functional/themes/dark-dimmed.json +689 -0
  59. package/dist/docs/functional/themes/dark-high-contrast.json +689 -0
  60. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +691 -0
  61. package/dist/docs/functional/themes/dark-tritanopia.json +693 -0
  62. package/dist/docs/functional/themes/dark.json +689 -0
  63. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +691 -0
  64. package/dist/docs/functional/themes/light-colorblind.json +691 -0
  65. package/dist/docs/functional/themes/light-high-contrast.json +689 -0
  66. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +691 -0
  67. package/dist/docs/functional/themes/light-tritanopia.json +691 -0
  68. package/dist/docs/functional/themes/light.json +689 -0
  69. package/dist/figma/figma.json +4 -14
  70. package/dist/figma/themes/dark-colorblind.json +257 -0
  71. package/dist/figma/themes/dark-dimmed.json +255 -0
  72. package/dist/figma/themes/dark-high-contrast.json +255 -0
  73. package/dist/figma/themes/dark-tritanopia.json +257 -0
  74. package/dist/figma/themes/dark.json +255 -0
  75. package/dist/figma/themes/light-colorblind.json +256 -0
  76. package/dist/figma/themes/light-high-contrast.json +255 -0
  77. package/dist/figma/themes/light-tritanopia.json +256 -0
  78. package/dist/figma/themes/light.json +255 -0
  79. package/dist/internalCss/dark-colorblind-high-contrast.css +30 -0
  80. package/dist/internalCss/dark-colorblind.css +30 -0
  81. package/dist/internalCss/dark-dimmed-high-contrast.css +30 -0
  82. package/dist/internalCss/dark-dimmed.css +30 -0
  83. package/dist/internalCss/dark-high-contrast.css +30 -0
  84. package/dist/internalCss/dark-tritanopia-high-contrast.css +30 -0
  85. package/dist/internalCss/dark-tritanopia.css +30 -0
  86. package/dist/internalCss/dark.css +30 -0
  87. package/dist/internalCss/light-colorblind-high-contrast.css +30 -0
  88. package/dist/internalCss/light-colorblind.css +30 -0
  89. package/dist/internalCss/light-high-contrast.css +30 -0
  90. package/dist/internalCss/light-tritanopia-high-contrast.css +30 -0
  91. package/dist/internalCss/light-tritanopia.css +30 -0
  92. package/dist/internalCss/light.css +30 -0
  93. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +693 -0
  94. package/dist/styleLint/functional/themes/dark-colorblind.json +693 -0
  95. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +689 -0
  96. package/dist/styleLint/functional/themes/dark-dimmed.json +689 -0
  97. package/dist/styleLint/functional/themes/dark-high-contrast.json +689 -0
  98. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +691 -0
  99. package/dist/styleLint/functional/themes/dark-tritanopia.json +693 -0
  100. package/dist/styleLint/functional/themes/dark.json +689 -0
  101. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +691 -0
  102. package/dist/styleLint/functional/themes/light-colorblind.json +691 -0
  103. package/dist/styleLint/functional/themes/light-high-contrast.json +689 -0
  104. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +691 -0
  105. package/dist/styleLint/functional/themes/light-tritanopia.json +691 -0
  106. package/dist/styleLint/functional/themes/light.json +689 -0
  107. package/package.json +16 -16
  108. package/src/tokens/component/progressBar.json5 +145 -0
  109. package/src/tokens/functional/color/bgColor.json5 +48 -0
  110. package/src/tokens/functional/color/borderColor.json5 +64 -0
  111. package/src/tokens/functional/color/fgColor.json5 +14 -0
  112. package/dist/figma/themes/dark-colorblind-high-contrast.json +0 -14181
  113. package/dist/figma/themes/dark-dimmed-high-contrast.json +0 -14175
  114. package/dist/figma/themes/dark-tritanopia-high-contrast.json +0 -14177
  115. package/dist/figma/themes/light-colorblind-high-contrast.json +0 -14161
  116. package/dist/figma/themes/light-tritanopia-high-contrast.json +0 -14160
@@ -1010,6 +1010,132 @@
1010
1010
  "attributes": {},
1011
1011
  "path": ["bgColor", "done", "muted"]
1012
1012
  },
1013
+ "bgColor-draft-emphasis": {
1014
+ "key": "{bgColor.draft.emphasis}",
1015
+ "$value": "#3d444d",
1016
+ "$type": "color",
1017
+ "$extensions": {
1018
+ "org.primer.figma": {
1019
+ "collection": "mode",
1020
+ "group": "semantic",
1021
+ "scopes": ["bgColor"],
1022
+ "codeSyntax": {
1023
+ "web": "var(--bgColor-draft-emphasis)"
1024
+ }
1025
+ }
1026
+ },
1027
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1028
+ "isSource": true,
1029
+ "original": {
1030
+ "$value": "{bgColor.neutral.emphasis}",
1031
+ "$type": "color",
1032
+ "$extensions": {
1033
+ "org.primer.figma": {
1034
+ "collection": "mode",
1035
+ "group": "semantic",
1036
+ "scopes": ["bgColor"],
1037
+ "codeSyntax": {
1038
+ "web": "var(--bgColor-draft-emphasis)"
1039
+ }
1040
+ }
1041
+ },
1042
+ "key": "{bgColor.draft.emphasis}"
1043
+ },
1044
+ "name": "bgColor-draft-emphasis",
1045
+ "attributes": {},
1046
+ "path": ["bgColor", "draft", "emphasis"]
1047
+ },
1048
+ "bgColor-draft-muted": {
1049
+ "key": "{bgColor.draft.muted}",
1050
+ "$value": "#2128301a",
1051
+ "$type": "color",
1052
+ "$extensions": {
1053
+ "org.primer.figma": {
1054
+ "collection": "mode",
1055
+ "group": "semantic",
1056
+ "scopes": ["bgColor"],
1057
+ "codeSyntax": {
1058
+ "web": "var(--bgColor-draft-muted)"
1059
+ }
1060
+ },
1061
+ "org.primer.overrides": {
1062
+ "light-tritanopia": "#212830",
1063
+ "light-tritanopia-high-contrast": "#212830",
1064
+ "dark-tritanopia": {
1065
+ "$value": "#212830",
1066
+ "alpha": 0.1,
1067
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1068
+ "isSource": true,
1069
+ "$type": "color"
1070
+ },
1071
+ "light-protanopia-deuteranopia": "#212830",
1072
+ "light-protanopia-deuteranopia-high-contrast": "#212830",
1073
+ "dark-protanopia-deuteranopia": {
1074
+ "$value": "#212830",
1075
+ "alpha": 0.1,
1076
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1077
+ "isSource": true,
1078
+ "$type": "color"
1079
+ },
1080
+ "dark-protanopia-deuteranopia-high-contrast": {
1081
+ "$value": "#212830",
1082
+ "alpha": 0.1,
1083
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1084
+ "isSource": true,
1085
+ "$type": "color"
1086
+ }
1087
+ }
1088
+ },
1089
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1090
+ "isSource": true,
1091
+ "alpha": 0.1,
1092
+ "original": {
1093
+ "$value": "{bgColor.neutral.muted}",
1094
+ "$type": "color",
1095
+ "$extensions": {
1096
+ "org.primer.figma": {
1097
+ "collection": "mode",
1098
+ "group": "semantic",
1099
+ "scopes": ["bgColor"],
1100
+ "codeSyntax": {
1101
+ "web": "var(--bgColor-draft-muted)"
1102
+ }
1103
+ },
1104
+ "org.primer.overrides": {
1105
+ "light-tritanopia": "{bgColor.neutral.muted}",
1106
+ "light-tritanopia-high-contrast": "{bgColor.neutral.muted}",
1107
+ "dark-tritanopia": {
1108
+ "$value": "{bgColor.neutral.muted}",
1109
+ "alpha": 0.1,
1110
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1111
+ "isSource": true,
1112
+ "$type": "color"
1113
+ },
1114
+ "light-protanopia-deuteranopia": "{bgColor.neutral.muted}",
1115
+ "light-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.muted}",
1116
+ "dark-protanopia-deuteranopia": {
1117
+ "$value": "{bgColor.neutral.muted}",
1118
+ "alpha": 0.1,
1119
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1120
+ "isSource": true,
1121
+ "$type": "color"
1122
+ },
1123
+ "dark-protanopia-deuteranopia-high-contrast": {
1124
+ "$value": "{bgColor.neutral.muted}",
1125
+ "alpha": 0.1,
1126
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1127
+ "isSource": true,
1128
+ "$type": "color"
1129
+ }
1130
+ }
1131
+ },
1132
+ "alpha": 0.1,
1133
+ "key": "{bgColor.draft.muted}"
1134
+ },
1135
+ "name": "bgColor-draft-muted",
1136
+ "attributes": {},
1137
+ "path": ["bgColor", "draft", "muted"]
1138
+ },
1013
1139
  "bgColor-emphasis": {
1014
1140
  "key": "{bgColor.emphasis}",
1015
1141
  "$value": "#3d444d",
@@ -3711,6 +3837,194 @@
3711
3837
  "attributes": {},
3712
3838
  "path": ["borderColor", "done", "muted"]
3713
3839
  },
3840
+ "borderColor-draft-emphasis": {
3841
+ "key": "{borderColor.draft.emphasis}",
3842
+ "$value": "#b7bdc8",
3843
+ "$type": "color",
3844
+ "$extensions": {
3845
+ "org.primer.figma": {
3846
+ "collection": "mode",
3847
+ "group": "semantic",
3848
+ "scopes": ["borderColor"],
3849
+ "codeSyntax": {
3850
+ "web": "var(--borderColor-draft-emphasis)"
3851
+ }
3852
+ }
3853
+ },
3854
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3855
+ "isSource": true,
3856
+ "original": {
3857
+ "$value": "{borderColor.neutral.emphasis}",
3858
+ "$type": "color",
3859
+ "$extensions": {
3860
+ "org.primer.figma": {
3861
+ "collection": "mode",
3862
+ "group": "semantic",
3863
+ "scopes": ["borderColor"],
3864
+ "codeSyntax": {
3865
+ "web": "var(--borderColor-draft-emphasis)"
3866
+ }
3867
+ }
3868
+ },
3869
+ "key": "{borderColor.draft.emphasis}"
3870
+ },
3871
+ "name": "borderColor-draft-emphasis",
3872
+ "attributes": {},
3873
+ "path": ["borderColor", "draft", "emphasis"]
3874
+ },
3875
+ "borderColor-draft-muted": {
3876
+ "key": "{borderColor.draft.muted}",
3877
+ "$value": "#b7bdc8",
3878
+ "$type": "color",
3879
+ "$extensions": {
3880
+ "org.primer.figma": {
3881
+ "collection": "mode",
3882
+ "group": "semantic",
3883
+ "scopes": ["borderColor"],
3884
+ "codeSyntax": {
3885
+ "web": "var(--borderColor-draft-muted) */"
3886
+ }
3887
+ },
3888
+ "org.primer.overrides": {
3889
+ "dark-tritanopia": {
3890
+ "$value": "#b7bdc8",
3891
+ "alpha": 0.4,
3892
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3893
+ "isSource": true,
3894
+ "$type": "color"
3895
+ },
3896
+ "dark-tritanopia-high-contrast": {
3897
+ "$value": "#b7bdc8",
3898
+ "alpha": 1,
3899
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3900
+ "isSource": true,
3901
+ "$type": "color"
3902
+ },
3903
+ "light-tritanopia": {
3904
+ "$value": "#b7bdc8",
3905
+ "alpha": 0.4,
3906
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3907
+ "isSource": true,
3908
+ "$type": "color"
3909
+ },
3910
+ "light-tritanopia-high-contrast": {
3911
+ "$value": "#b7bdc8",
3912
+ "alpha": 1,
3913
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3914
+ "isSource": true,
3915
+ "$type": "color"
3916
+ },
3917
+ "dark-protanopia-deuteranopia": {
3918
+ "$value": "#b7bdc8",
3919
+ "alpha": 0.4,
3920
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3921
+ "isSource": true,
3922
+ "$type": "color"
3923
+ },
3924
+ "dark-protanopia-deuteranopia-high-contrast": {
3925
+ "$value": "#b7bdc8",
3926
+ "alpha": 1,
3927
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3928
+ "isSource": true,
3929
+ "$type": "color"
3930
+ },
3931
+ "light-protanopia-deuteranopia": {
3932
+ "$value": "#b7bdc8",
3933
+ "alpha": 0.4,
3934
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3935
+ "isSource": true,
3936
+ "$type": "color"
3937
+ },
3938
+ "light-protanopia-deuteranopia-high-contrast": {
3939
+ "$value": "#b7bdc8",
3940
+ "alpha": 1,
3941
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3942
+ "isSource": true,
3943
+ "$type": "color"
3944
+ }
3945
+ }
3946
+ },
3947
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3948
+ "isSource": true,
3949
+ "alpha": 1,
3950
+ "original": {
3951
+ "$value": "{borderColor.default}",
3952
+ "$type": "color",
3953
+ "$extensions": {
3954
+ "org.primer.figma": {
3955
+ "collection": "mode",
3956
+ "group": "semantic",
3957
+ "scopes": ["borderColor"],
3958
+ "codeSyntax": {
3959
+ "web": "var(--borderColor-draft-muted) */"
3960
+ }
3961
+ },
3962
+ "org.primer.overrides": {
3963
+ "dark-tritanopia": {
3964
+ "$value": "{borderColor.default}",
3965
+ "alpha": 0.4,
3966
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3967
+ "isSource": true,
3968
+ "$type": "color"
3969
+ },
3970
+ "dark-tritanopia-high-contrast": {
3971
+ "$value": "{borderColor.default}",
3972
+ "alpha": 1,
3973
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3974
+ "isSource": true,
3975
+ "$type": "color"
3976
+ },
3977
+ "light-tritanopia": {
3978
+ "$value": "{borderColor.default}",
3979
+ "alpha": 0.4,
3980
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3981
+ "isSource": true,
3982
+ "$type": "color"
3983
+ },
3984
+ "light-tritanopia-high-contrast": {
3985
+ "$value": "{borderColor.default}",
3986
+ "alpha": 1,
3987
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3988
+ "isSource": true,
3989
+ "$type": "color"
3990
+ },
3991
+ "dark-protanopia-deuteranopia": {
3992
+ "$value": "{borderColor.default}",
3993
+ "alpha": 0.4,
3994
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3995
+ "isSource": true,
3996
+ "$type": "color"
3997
+ },
3998
+ "dark-protanopia-deuteranopia-high-contrast": {
3999
+ "$value": "{borderColor.default}",
4000
+ "alpha": 1,
4001
+ "filePath": "src/tokens/functional/color/borderColor.json5",
4002
+ "isSource": true,
4003
+ "$type": "color"
4004
+ },
4005
+ "light-protanopia-deuteranopia": {
4006
+ "$value": "{borderColor.default}",
4007
+ "alpha": 0.4,
4008
+ "filePath": "src/tokens/functional/color/borderColor.json5",
4009
+ "isSource": true,
4010
+ "$type": "color"
4011
+ },
4012
+ "light-protanopia-deuteranopia-high-contrast": {
4013
+ "$value": "{borderColor.default}",
4014
+ "alpha": 1,
4015
+ "filePath": "src/tokens/functional/color/borderColor.json5",
4016
+ "isSource": true,
4017
+ "$type": "color"
4018
+ }
4019
+ }
4020
+ },
4021
+ "alpha": 1,
4022
+ "key": "{borderColor.draft.muted}"
4023
+ },
4024
+ "name": "borderColor-draft-muted",
4025
+ "attributes": {},
4026
+ "path": ["borderColor", "draft", "muted"]
4027
+ },
3714
4028
  "borderColor-emphasis": {
3715
4029
  "key": "{borderColor.emphasis}",
3716
4030
  "$value": "#b7bdc8",
@@ -35161,6 +35475,41 @@
35161
35475
  "attributes": {},
35162
35476
  "path": ["fgColor", "done"]
35163
35477
  },
35478
+ "fgColor-draft": {
35479
+ "key": "{fgColor.draft}",
35480
+ "$value": "#d1d7e0",
35481
+ "$type": "color",
35482
+ "$extensions": {
35483
+ "org.primer.figma": {
35484
+ "collection": "mode",
35485
+ "group": "semantic",
35486
+ "scopes": ["fgColor"],
35487
+ "codeSyntax": {
35488
+ "web": "var(--fgColor-draft)"
35489
+ }
35490
+ }
35491
+ },
35492
+ "filePath": "src/tokens/functional/color/fgColor.json5",
35493
+ "isSource": true,
35494
+ "original": {
35495
+ "$value": "{fgColor.neutral}",
35496
+ "$type": "color",
35497
+ "$extensions": {
35498
+ "org.primer.figma": {
35499
+ "collection": "mode",
35500
+ "group": "semantic",
35501
+ "scopes": ["fgColor"],
35502
+ "codeSyntax": {
35503
+ "web": "var(--fgColor-draft)"
35504
+ }
35505
+ }
35506
+ },
35507
+ "key": "{fgColor.draft}"
35508
+ },
35509
+ "name": "fgColor-draft",
35510
+ "attributes": {},
35511
+ "path": ["fgColor", "draft"]
35512
+ },
35164
35513
  "fgColor-link": {
35165
35514
  "key": "{fgColor.link}",
35166
35515
  "$value": "#74b9ff",
@@ -44135,6 +44484,350 @@
44135
44484
  "attributes": {},
44136
44485
  "path": ["page", "header", "bgColor"]
44137
44486
  },
44487
+ "progressBar-bgColor-accent": {
44488
+ "key": "{progressBar.bgColor.accent}",
44489
+ "$value": "#194fb1",
44490
+ "$type": "color",
44491
+ "$extensions": {
44492
+ "org.primer.figma": {
44493
+ "collection": "mode",
44494
+ "group": "component",
44495
+ "scopes": ["bgColor"]
44496
+ }
44497
+ },
44498
+ "filePath": "src/tokens/component/progressBar.json5",
44499
+ "isSource": true,
44500
+ "original": {
44501
+ "$value": "{bgColor.accent.emphasis}",
44502
+ "$type": "color",
44503
+ "$extensions": {
44504
+ "org.primer.figma": {
44505
+ "collection": "mode",
44506
+ "group": "component",
44507
+ "scopes": ["bgColor"]
44508
+ }
44509
+ },
44510
+ "key": "{progressBar.bgColor.accent}"
44511
+ },
44512
+ "name": "progressBar-bgColor-accent",
44513
+ "attributes": {},
44514
+ "path": ["progressBar", "bgColor", "accent"]
44515
+ },
44516
+ "progressBar-bgColor-attention": {
44517
+ "key": "{progressBar.bgColor.attention}",
44518
+ "$value": "#7b4900",
44519
+ "$type": "color",
44520
+ "$extensions": {
44521
+ "org.primer.figma": {
44522
+ "collection": "mode",
44523
+ "group": "component",
44524
+ "scopes": ["bgColor"]
44525
+ }
44526
+ },
44527
+ "filePath": "src/tokens/component/progressBar.json5",
44528
+ "isSource": true,
44529
+ "original": {
44530
+ "$value": "{bgColor.attention.emphasis}",
44531
+ "$type": "color",
44532
+ "$extensions": {
44533
+ "org.primer.figma": {
44534
+ "collection": "mode",
44535
+ "group": "component",
44536
+ "scopes": ["bgColor"]
44537
+ }
44538
+ },
44539
+ "key": "{progressBar.bgColor.attention}"
44540
+ },
44541
+ "name": "progressBar-bgColor-attention",
44542
+ "attributes": {},
44543
+ "path": ["progressBar", "bgColor", "attention"]
44544
+ },
44545
+ "progressBar-bgColor-danger": {
44546
+ "key": "{progressBar.bgColor.danger}",
44547
+ "$value": "#8f3c00",
44548
+ "$type": "color",
44549
+ "$extensions": {
44550
+ "org.primer.figma": {
44551
+ "collection": "mode",
44552
+ "group": "component",
44553
+ "scopes": ["bgColor"]
44554
+ }
44555
+ },
44556
+ "filePath": "src/tokens/component/progressBar.json5",
44557
+ "isSource": true,
44558
+ "original": {
44559
+ "$value": "{bgColor.danger.emphasis}",
44560
+ "$type": "color",
44561
+ "$extensions": {
44562
+ "org.primer.figma": {
44563
+ "collection": "mode",
44564
+ "group": "component",
44565
+ "scopes": ["bgColor"]
44566
+ }
44567
+ },
44568
+ "key": "{progressBar.bgColor.danger}"
44569
+ },
44570
+ "name": "progressBar-bgColor-danger",
44571
+ "attributes": {},
44572
+ "path": ["progressBar", "bgColor", "danger"]
44573
+ },
44574
+ "progressBar-bgColor-done": {
44575
+ "key": "{progressBar.bgColor.done}",
44576
+ "$value": "#6921d7",
44577
+ "$type": "color",
44578
+ "$extensions": {
44579
+ "org.primer.figma": {
44580
+ "collection": "mode",
44581
+ "group": "component",
44582
+ "scopes": ["bgColor"]
44583
+ }
44584
+ },
44585
+ "filePath": "src/tokens/component/progressBar.json5",
44586
+ "isSource": true,
44587
+ "original": {
44588
+ "$value": "{bgColor.done.emphasis}",
44589
+ "$type": "color",
44590
+ "$extensions": {
44591
+ "org.primer.figma": {
44592
+ "collection": "mode",
44593
+ "group": "component",
44594
+ "scopes": ["bgColor"]
44595
+ }
44596
+ },
44597
+ "key": "{progressBar.bgColor.done}"
44598
+ },
44599
+ "name": "progressBar-bgColor-done",
44600
+ "attributes": {},
44601
+ "path": ["progressBar", "bgColor", "done"]
44602
+ },
44603
+ "progressBar-bgColor-neutral": {
44604
+ "key": "{progressBar.bgColor.neutral}",
44605
+ "$value": "#656c76",
44606
+ "$type": "color",
44607
+ "$extensions": {
44608
+ "org.primer.figma": {
44609
+ "collection": "mode",
44610
+ "group": "component",
44611
+ "scopes": ["bgColor"]
44612
+ },
44613
+ "org.primer.overrides": {
44614
+ "dark-high-contrast": "#656c76",
44615
+ "dark-dimmed-high-contrast": "#656c76",
44616
+ "dark-protanopia-deuteranopia-high-contrast": "#656c76",
44617
+ "dark-tritanopia-high-contrast": "#656c76",
44618
+ "light-high-contrast": "#656c76",
44619
+ "light-protanopia-deuteranopia-high-contrast": "#656c76",
44620
+ "light-tritanopia-high-contrast": "#656c76"
44621
+ }
44622
+ },
44623
+ "filePath": "src/tokens/component/progressBar.json5",
44624
+ "isSource": true,
44625
+ "original": {
44626
+ "$value": "{base.color.neutral.8}",
44627
+ "$type": "color",
44628
+ "$extensions": {
44629
+ "org.primer.figma": {
44630
+ "collection": "mode",
44631
+ "group": "component",
44632
+ "scopes": ["bgColor"]
44633
+ },
44634
+ "org.primer.overrides": {
44635
+ "dark-high-contrast": "{base.color.neutral.8}",
44636
+ "dark-dimmed-high-contrast": "{base.color.neutral.8}",
44637
+ "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
44638
+ "dark-tritanopia-high-contrast": "{base.color.neutral.8}",
44639
+ "light-high-contrast": "{base.color.neutral.8}",
44640
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
44641
+ "light-tritanopia-high-contrast": "{base.color.neutral.8}"
44642
+ }
44643
+ },
44644
+ "key": "{progressBar.bgColor.neutral}"
44645
+ },
44646
+ "name": "progressBar-bgColor-neutral",
44647
+ "attributes": {},
44648
+ "path": ["progressBar", "bgColor", "neutral"]
44649
+ },
44650
+ "progressBar-bgColor-severe": {
44651
+ "key": "{progressBar.bgColor.severe}",
44652
+ "$value": "#8f3c00",
44653
+ "$type": "color",
44654
+ "$extensions": {
44655
+ "org.primer.figma": {
44656
+ "collection": "mode",
44657
+ "group": "component",
44658
+ "scopes": ["bgColor"]
44659
+ }
44660
+ },
44661
+ "filePath": "src/tokens/component/progressBar.json5",
44662
+ "isSource": true,
44663
+ "original": {
44664
+ "$value": "{bgColor.severe.emphasis}",
44665
+ "$type": "color",
44666
+ "$extensions": {
44667
+ "org.primer.figma": {
44668
+ "collection": "mode",
44669
+ "group": "component",
44670
+ "scopes": ["bgColor"]
44671
+ }
44672
+ },
44673
+ "key": "{progressBar.bgColor.severe}"
44674
+ },
44675
+ "name": "progressBar-bgColor-severe",
44676
+ "attributes": {},
44677
+ "path": ["progressBar", "bgColor", "severe"]
44678
+ },
44679
+ "progressBar-bgColor-sponsors": {
44680
+ "key": "{progressBar.bgColor.sponsors}",
44681
+ "$value": "#9c1d6a",
44682
+ "$type": "color",
44683
+ "$extensions": {
44684
+ "org.primer.figma": {
44685
+ "collection": "mode",
44686
+ "group": "component",
44687
+ "scopes": ["bgColor"]
44688
+ }
44689
+ },
44690
+ "filePath": "src/tokens/component/progressBar.json5",
44691
+ "isSource": true,
44692
+ "original": {
44693
+ "$value": "{bgColor.sponsors.emphasis}",
44694
+ "$type": "color",
44695
+ "$extensions": {
44696
+ "org.primer.figma": {
44697
+ "collection": "mode",
44698
+ "group": "component",
44699
+ "scopes": ["bgColor"]
44700
+ }
44701
+ },
44702
+ "key": "{progressBar.bgColor.sponsors}"
44703
+ },
44704
+ "name": "progressBar-bgColor-sponsors",
44705
+ "attributes": {},
44706
+ "path": ["progressBar", "bgColor", "sponsors"]
44707
+ },
44708
+ "progressBar-bgColor-success": {
44709
+ "key": "{progressBar.bgColor.success}",
44710
+ "$value": "#194fb1",
44711
+ "$type": "color",
44712
+ "$extensions": {
44713
+ "org.primer.figma": {
44714
+ "collection": "mode",
44715
+ "group": "component",
44716
+ "scopes": ["bgColor"]
44717
+ }
44718
+ },
44719
+ "filePath": "src/tokens/component/progressBar.json5",
44720
+ "isSource": true,
44721
+ "original": {
44722
+ "$value": "{bgColor.success.emphasis}",
44723
+ "$type": "color",
44724
+ "$extensions": {
44725
+ "org.primer.figma": {
44726
+ "collection": "mode",
44727
+ "group": "component",
44728
+ "scopes": ["bgColor"]
44729
+ }
44730
+ },
44731
+ "key": "{progressBar.bgColor.success}"
44732
+ },
44733
+ "name": "progressBar-bgColor-success",
44734
+ "attributes": {},
44735
+ "path": ["progressBar", "bgColor", "success"]
44736
+ },
44737
+ "progressBar-track-bgColor": {
44738
+ "key": "{progressBar.track.bgColor}",
44739
+ "$value": "#ffffff",
44740
+ "$type": "color",
44741
+ "$extensions": {
44742
+ "org.primer.figma": {
44743
+ "collection": "mode",
44744
+ "group": "component",
44745
+ "scopes": ["bgColor"]
44746
+ },
44747
+ "org.primer.overrides": {
44748
+ "dark-high-contrast": "#ffffff",
44749
+ "dark-dimmed-high-contrast": "#ffffff",
44750
+ "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
44751
+ "dark-tritanopia-high-contrast": "#ffffff",
44752
+ "light-high-contrast": "#010409",
44753
+ "light-protanopia-deuteranopia-high-contrast": "#010409",
44754
+ "light-tritanopia-high-contrast": "#010409"
44755
+ }
44756
+ },
44757
+ "filePath": "src/tokens/component/progressBar.json5",
44758
+ "isSource": true,
44759
+ "original": {
44760
+ "$value": "{bgColor.inverse}",
44761
+ "$type": "color",
44762
+ "$extensions": {
44763
+ "org.primer.figma": {
44764
+ "collection": "mode",
44765
+ "group": "component",
44766
+ "scopes": ["bgColor"]
44767
+ },
44768
+ "org.primer.overrides": {
44769
+ "dark-high-contrast": "{bgColor.inverse}",
44770
+ "dark-dimmed-high-contrast": "{bgColor.inverse}",
44771
+ "dark-protanopia-deuteranopia-high-contrast": "{bgColor.inverse}",
44772
+ "dark-tritanopia-high-contrast": "{bgColor.inverse}",
44773
+ "light-high-contrast": "{bgColor.default}",
44774
+ "light-protanopia-deuteranopia-high-contrast": "{bgColor.default}",
44775
+ "light-tritanopia-high-contrast": "{bgColor.default}"
44776
+ }
44777
+ },
44778
+ "key": "{progressBar.track.bgColor}"
44779
+ },
44780
+ "name": "progressBar-track-bgColor",
44781
+ "attributes": {},
44782
+ "path": ["progressBar", "track", "bgColor"]
44783
+ },
44784
+ "progressBar-track-borderColor": {
44785
+ "key": "{progressBar.track.borderColor}",
44786
+ "$value": "#ffffff",
44787
+ "$type": "color",
44788
+ "$extensions": {
44789
+ "org.primer.figma": {
44790
+ "collection": "mode",
44791
+ "group": "component",
44792
+ "scopes": ["borderColor"]
44793
+ },
44794
+ "org.primer.overrides": {
44795
+ "dark-high-contrast": "#ffffff",
44796
+ "dark-dimmed-high-contrast": "#ffffff",
44797
+ "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
44798
+ "dark-tritanopia-high-contrast": "#ffffff",
44799
+ "light-high-contrast": "#d1d7e0",
44800
+ "light-protanopia-deuteranopia-high-contrast": "#d1d7e0",
44801
+ "light-tritanopia-high-contrast": "#d1d7e0"
44802
+ }
44803
+ },
44804
+ "filePath": "src/tokens/component/progressBar.json5",
44805
+ "isSource": true,
44806
+ "original": {
44807
+ "$value": "{progressBar.track.bgColor}",
44808
+ "$type": "color",
44809
+ "$extensions": {
44810
+ "org.primer.figma": {
44811
+ "collection": "mode",
44812
+ "group": "component",
44813
+ "scopes": ["borderColor"]
44814
+ },
44815
+ "org.primer.overrides": {
44816
+ "dark-high-contrast": "{progressBar.track.bgColor}",
44817
+ "dark-dimmed-high-contrast": "{progressBar.track.bgColor}",
44818
+ "dark-protanopia-deuteranopia-high-contrast": "{progressBar.track.bgColor}",
44819
+ "dark-tritanopia-high-contrast": "{progressBar.track.bgColor}",
44820
+ "light-high-contrast": "{base.color.neutral.11}",
44821
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}",
44822
+ "light-tritanopia-high-contrast": "{base.color.neutral.11}"
44823
+ }
44824
+ },
44825
+ "key": "{progressBar.track.borderColor}"
44826
+ },
44827
+ "name": "progressBar-track-borderColor",
44828
+ "attributes": {},
44829
+ "path": ["progressBar", "track", "borderColor"]
44830
+ },
44138
44831
  "reactionButton-selected-bgColor-hover": {
44139
44832
  "key": "{reactionButton.selected.bgColor.hover}",
44140
44833
  "$value": "#3a8cfd5c",