@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
@@ -998,6 +998,130 @@
998
998
  "attributes": {},
999
999
  "path": ["bgColor", "done", "muted"]
1000
1000
  },
1001
+ "bgColor-draft-emphasis": {
1002
+ "key": "{bgColor.draft.emphasis}",
1003
+ "$value": "#59636e",
1004
+ "$type": "color",
1005
+ "$extensions": {
1006
+ "org.primer.figma": {
1007
+ "collection": "mode",
1008
+ "group": "semantic",
1009
+ "scopes": ["bgColor"],
1010
+ "codeSyntax": {
1011
+ "web": "var(--bgColor-draft-emphasis)"
1012
+ }
1013
+ }
1014
+ },
1015
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1016
+ "isSource": true,
1017
+ "original": {
1018
+ "$value": "{bgColor.neutral.emphasis}",
1019
+ "$type": "color",
1020
+ "$extensions": {
1021
+ "org.primer.figma": {
1022
+ "collection": "mode",
1023
+ "group": "semantic",
1024
+ "scopes": ["bgColor"],
1025
+ "codeSyntax": {
1026
+ "web": "var(--bgColor-draft-emphasis)"
1027
+ }
1028
+ }
1029
+ },
1030
+ "key": "{bgColor.draft.emphasis}"
1031
+ },
1032
+ "name": "bgColor-draft-emphasis",
1033
+ "attributes": {},
1034
+ "path": ["bgColor", "draft", "emphasis"]
1035
+ },
1036
+ "bgColor-draft-muted": {
1037
+ "key": "{bgColor.draft.muted}",
1038
+ "$value": "#818b981f",
1039
+ "$type": "color",
1040
+ "$extensions": {
1041
+ "org.primer.figma": {
1042
+ "collection": "mode",
1043
+ "group": "semantic",
1044
+ "scopes": ["bgColor"],
1045
+ "codeSyntax": {
1046
+ "web": "var(--bgColor-draft-muted)"
1047
+ }
1048
+ },
1049
+ "org.primer.overrides": {
1050
+ "light-tritanopia": "#818b981f",
1051
+ "light-tritanopia-high-contrast": "#818b981f",
1052
+ "dark-tritanopia": {
1053
+ "$value": "#818b981f",
1054
+ "alpha": 0.1,
1055
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1056
+ "isSource": true,
1057
+ "$type": "color"
1058
+ },
1059
+ "light-protanopia-deuteranopia": "#818b981f",
1060
+ "light-protanopia-deuteranopia-high-contrast": "#818b981f",
1061
+ "dark-protanopia-deuteranopia": {
1062
+ "$value": "#818b981f",
1063
+ "alpha": 0.1,
1064
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1065
+ "isSource": true,
1066
+ "$type": "color"
1067
+ },
1068
+ "dark-protanopia-deuteranopia-high-contrast": {
1069
+ "$value": "#818b981f",
1070
+ "alpha": 0.1,
1071
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1072
+ "isSource": true,
1073
+ "$type": "color"
1074
+ }
1075
+ }
1076
+ },
1077
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1078
+ "isSource": true,
1079
+ "original": {
1080
+ "$value": "{bgColor.neutral.muted}",
1081
+ "$type": "color",
1082
+ "$extensions": {
1083
+ "org.primer.figma": {
1084
+ "collection": "mode",
1085
+ "group": "semantic",
1086
+ "scopes": ["bgColor"],
1087
+ "codeSyntax": {
1088
+ "web": "var(--bgColor-draft-muted)"
1089
+ }
1090
+ },
1091
+ "org.primer.overrides": {
1092
+ "light-tritanopia": "{bgColor.neutral.muted}",
1093
+ "light-tritanopia-high-contrast": "{bgColor.neutral.muted}",
1094
+ "dark-tritanopia": {
1095
+ "$value": "{bgColor.neutral.muted}",
1096
+ "alpha": 0.1,
1097
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1098
+ "isSource": true,
1099
+ "$type": "color"
1100
+ },
1101
+ "light-protanopia-deuteranopia": "{bgColor.neutral.muted}",
1102
+ "light-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.muted}",
1103
+ "dark-protanopia-deuteranopia": {
1104
+ "$value": "{bgColor.neutral.muted}",
1105
+ "alpha": 0.1,
1106
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1107
+ "isSource": true,
1108
+ "$type": "color"
1109
+ },
1110
+ "dark-protanopia-deuteranopia-high-contrast": {
1111
+ "$value": "{bgColor.neutral.muted}",
1112
+ "alpha": 0.1,
1113
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1114
+ "isSource": true,
1115
+ "$type": "color"
1116
+ }
1117
+ }
1118
+ },
1119
+ "key": "{bgColor.draft.muted}"
1120
+ },
1121
+ "name": "bgColor-draft-muted",
1122
+ "attributes": {},
1123
+ "path": ["bgColor", "draft", "muted"]
1124
+ },
1001
1125
  "bgColor-emphasis": {
1002
1126
  "key": "{bgColor.emphasis}",
1003
1127
  "$value": "#25292e",
@@ -3693,6 +3817,194 @@
3693
3817
  "attributes": {},
3694
3818
  "path": ["borderColor", "done", "muted"]
3695
3819
  },
3820
+ "borderColor-draft-emphasis": {
3821
+ "key": "{borderColor.draft.emphasis}",
3822
+ "$value": "#59636e",
3823
+ "$type": "color",
3824
+ "$extensions": {
3825
+ "org.primer.figma": {
3826
+ "collection": "mode",
3827
+ "group": "semantic",
3828
+ "scopes": ["borderColor"],
3829
+ "codeSyntax": {
3830
+ "web": "var(--borderColor-draft-emphasis)"
3831
+ }
3832
+ }
3833
+ },
3834
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3835
+ "isSource": true,
3836
+ "original": {
3837
+ "$value": "{borderColor.neutral.emphasis}",
3838
+ "$type": "color",
3839
+ "$extensions": {
3840
+ "org.primer.figma": {
3841
+ "collection": "mode",
3842
+ "group": "semantic",
3843
+ "scopes": ["borderColor"],
3844
+ "codeSyntax": {
3845
+ "web": "var(--borderColor-draft-emphasis)"
3846
+ }
3847
+ }
3848
+ },
3849
+ "key": "{borderColor.draft.emphasis}"
3850
+ },
3851
+ "name": "borderColor-draft-emphasis",
3852
+ "attributes": {},
3853
+ "path": ["borderColor", "draft", "emphasis"]
3854
+ },
3855
+ "borderColor-draft-muted": {
3856
+ "key": "{borderColor.draft.muted}",
3857
+ "$value": "#d1d9e066",
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-muted) */"
3866
+ }
3867
+ },
3868
+ "org.primer.overrides": {
3869
+ "dark-tritanopia": {
3870
+ "$value": "#d1d9e0",
3871
+ "alpha": 0.4,
3872
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3873
+ "isSource": true,
3874
+ "$type": "color"
3875
+ },
3876
+ "dark-tritanopia-high-contrast": {
3877
+ "$value": "#d1d9e0",
3878
+ "alpha": 1,
3879
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3880
+ "isSource": true,
3881
+ "$type": "color"
3882
+ },
3883
+ "light-tritanopia": {
3884
+ "$value": "#d1d9e0",
3885
+ "alpha": 0.4,
3886
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3887
+ "isSource": true,
3888
+ "$type": "color"
3889
+ },
3890
+ "light-tritanopia-high-contrast": {
3891
+ "$value": "#d1d9e0",
3892
+ "alpha": 1,
3893
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3894
+ "isSource": true,
3895
+ "$type": "color"
3896
+ },
3897
+ "dark-protanopia-deuteranopia": {
3898
+ "$value": "#d1d9e0",
3899
+ "alpha": 0.4,
3900
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3901
+ "isSource": true,
3902
+ "$type": "color"
3903
+ },
3904
+ "dark-protanopia-deuteranopia-high-contrast": {
3905
+ "$value": "#d1d9e0",
3906
+ "alpha": 1,
3907
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3908
+ "isSource": true,
3909
+ "$type": "color"
3910
+ },
3911
+ "light-protanopia-deuteranopia": {
3912
+ "$value": "#d1d9e0",
3913
+ "alpha": 0.4,
3914
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3915
+ "isSource": true,
3916
+ "$type": "color"
3917
+ },
3918
+ "light-protanopia-deuteranopia-high-contrast": {
3919
+ "$value": "#d1d9e0",
3920
+ "alpha": 1,
3921
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3922
+ "isSource": true,
3923
+ "$type": "color"
3924
+ }
3925
+ }
3926
+ },
3927
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3928
+ "isSource": true,
3929
+ "alpha": 0.4,
3930
+ "original": {
3931
+ "$value": "{borderColor.default}",
3932
+ "$type": "color",
3933
+ "$extensions": {
3934
+ "org.primer.figma": {
3935
+ "collection": "mode",
3936
+ "group": "semantic",
3937
+ "scopes": ["borderColor"],
3938
+ "codeSyntax": {
3939
+ "web": "var(--borderColor-draft-muted) */"
3940
+ }
3941
+ },
3942
+ "org.primer.overrides": {
3943
+ "dark-tritanopia": {
3944
+ "$value": "{borderColor.default}",
3945
+ "alpha": 0.4,
3946
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3947
+ "isSource": true,
3948
+ "$type": "color"
3949
+ },
3950
+ "dark-tritanopia-high-contrast": {
3951
+ "$value": "{borderColor.default}",
3952
+ "alpha": 1,
3953
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3954
+ "isSource": true,
3955
+ "$type": "color"
3956
+ },
3957
+ "light-tritanopia": {
3958
+ "$value": "{borderColor.default}",
3959
+ "alpha": 0.4,
3960
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3961
+ "isSource": true,
3962
+ "$type": "color"
3963
+ },
3964
+ "light-tritanopia-high-contrast": {
3965
+ "$value": "{borderColor.default}",
3966
+ "alpha": 1,
3967
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3968
+ "isSource": true,
3969
+ "$type": "color"
3970
+ },
3971
+ "dark-protanopia-deuteranopia": {
3972
+ "$value": "{borderColor.default}",
3973
+ "alpha": 0.4,
3974
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3975
+ "isSource": true,
3976
+ "$type": "color"
3977
+ },
3978
+ "dark-protanopia-deuteranopia-high-contrast": {
3979
+ "$value": "{borderColor.default}",
3980
+ "alpha": 1,
3981
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3982
+ "isSource": true,
3983
+ "$type": "color"
3984
+ },
3985
+ "light-protanopia-deuteranopia": {
3986
+ "$value": "{borderColor.default}",
3987
+ "alpha": 0.4,
3988
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3989
+ "isSource": true,
3990
+ "$type": "color"
3991
+ },
3992
+ "light-protanopia-deuteranopia-high-contrast": {
3993
+ "$value": "{borderColor.default}",
3994
+ "alpha": 1,
3995
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3996
+ "isSource": true,
3997
+ "$type": "color"
3998
+ }
3999
+ }
4000
+ },
4001
+ "alpha": 0.4,
4002
+ "key": "{borderColor.draft.muted}"
4003
+ },
4004
+ "name": "borderColor-draft-muted",
4005
+ "attributes": {},
4006
+ "path": ["borderColor", "draft", "muted"]
4007
+ },
3696
4008
  "borderColor-emphasis": {
3697
4009
  "key": "{borderColor.emphasis}",
3698
4010
  "$value": "#818b98",
@@ -35127,6 +35439,41 @@
35127
35439
  "attributes": {},
35128
35440
  "path": ["fgColor", "done"]
35129
35441
  },
35442
+ "fgColor-draft": {
35443
+ "key": "{fgColor.draft}",
35444
+ "$value": "#59636e",
35445
+ "$type": "color",
35446
+ "$extensions": {
35447
+ "org.primer.figma": {
35448
+ "collection": "mode",
35449
+ "group": "semantic",
35450
+ "scopes": ["fgColor"],
35451
+ "codeSyntax": {
35452
+ "web": "var(--fgColor-draft)"
35453
+ }
35454
+ }
35455
+ },
35456
+ "filePath": "src/tokens/functional/color/fgColor.json5",
35457
+ "isSource": true,
35458
+ "original": {
35459
+ "$value": "{fgColor.neutral}",
35460
+ "$type": "color",
35461
+ "$extensions": {
35462
+ "org.primer.figma": {
35463
+ "collection": "mode",
35464
+ "group": "semantic",
35465
+ "scopes": ["fgColor"],
35466
+ "codeSyntax": {
35467
+ "web": "var(--fgColor-draft)"
35468
+ }
35469
+ }
35470
+ },
35471
+ "key": "{fgColor.draft}"
35472
+ },
35473
+ "name": "fgColor-draft",
35474
+ "attributes": {},
35475
+ "path": ["fgColor", "draft"]
35476
+ },
35130
35477
  "fgColor-link": {
35131
35478
  "key": "{fgColor.link}",
35132
35479
  "$value": "#0969da",
@@ -44097,6 +44444,350 @@
44097
44444
  "attributes": {},
44098
44445
  "path": ["page", "header", "bgColor"]
44099
44446
  },
44447
+ "progressBar-bgColor-accent": {
44448
+ "key": "{progressBar.bgColor.accent}",
44449
+ "$value": "#0969da",
44450
+ "$type": "color",
44451
+ "$extensions": {
44452
+ "org.primer.figma": {
44453
+ "collection": "mode",
44454
+ "group": "component",
44455
+ "scopes": ["bgColor"]
44456
+ }
44457
+ },
44458
+ "filePath": "src/tokens/component/progressBar.json5",
44459
+ "isSource": true,
44460
+ "original": {
44461
+ "$value": "{bgColor.accent.emphasis}",
44462
+ "$type": "color",
44463
+ "$extensions": {
44464
+ "org.primer.figma": {
44465
+ "collection": "mode",
44466
+ "group": "component",
44467
+ "scopes": ["bgColor"]
44468
+ }
44469
+ },
44470
+ "key": "{progressBar.bgColor.accent}"
44471
+ },
44472
+ "name": "progressBar-bgColor-accent",
44473
+ "attributes": {},
44474
+ "path": ["progressBar", "bgColor", "accent"]
44475
+ },
44476
+ "progressBar-bgColor-attention": {
44477
+ "key": "{progressBar.bgColor.attention}",
44478
+ "$value": "#9a6700",
44479
+ "$type": "color",
44480
+ "$extensions": {
44481
+ "org.primer.figma": {
44482
+ "collection": "mode",
44483
+ "group": "component",
44484
+ "scopes": ["bgColor"]
44485
+ }
44486
+ },
44487
+ "filePath": "src/tokens/component/progressBar.json5",
44488
+ "isSource": true,
44489
+ "original": {
44490
+ "$value": "{bgColor.attention.emphasis}",
44491
+ "$type": "color",
44492
+ "$extensions": {
44493
+ "org.primer.figma": {
44494
+ "collection": "mode",
44495
+ "group": "component",
44496
+ "scopes": ["bgColor"]
44497
+ }
44498
+ },
44499
+ "key": "{progressBar.bgColor.attention}"
44500
+ },
44501
+ "name": "progressBar-bgColor-attention",
44502
+ "attributes": {},
44503
+ "path": ["progressBar", "bgColor", "attention"]
44504
+ },
44505
+ "progressBar-bgColor-danger": {
44506
+ "key": "{progressBar.bgColor.danger}",
44507
+ "$value": "#bc4c00",
44508
+ "$type": "color",
44509
+ "$extensions": {
44510
+ "org.primer.figma": {
44511
+ "collection": "mode",
44512
+ "group": "component",
44513
+ "scopes": ["bgColor"]
44514
+ }
44515
+ },
44516
+ "filePath": "src/tokens/component/progressBar.json5",
44517
+ "isSource": true,
44518
+ "original": {
44519
+ "$value": "{bgColor.danger.emphasis}",
44520
+ "$type": "color",
44521
+ "$extensions": {
44522
+ "org.primer.figma": {
44523
+ "collection": "mode",
44524
+ "group": "component",
44525
+ "scopes": ["bgColor"]
44526
+ }
44527
+ },
44528
+ "key": "{progressBar.bgColor.danger}"
44529
+ },
44530
+ "name": "progressBar-bgColor-danger",
44531
+ "attributes": {},
44532
+ "path": ["progressBar", "bgColor", "danger"]
44533
+ },
44534
+ "progressBar-bgColor-done": {
44535
+ "key": "{progressBar.bgColor.done}",
44536
+ "$value": "#8250df",
44537
+ "$type": "color",
44538
+ "$extensions": {
44539
+ "org.primer.figma": {
44540
+ "collection": "mode",
44541
+ "group": "component",
44542
+ "scopes": ["bgColor"]
44543
+ }
44544
+ },
44545
+ "filePath": "src/tokens/component/progressBar.json5",
44546
+ "isSource": true,
44547
+ "original": {
44548
+ "$value": "{bgColor.done.emphasis}",
44549
+ "$type": "color",
44550
+ "$extensions": {
44551
+ "org.primer.figma": {
44552
+ "collection": "mode",
44553
+ "group": "component",
44554
+ "scopes": ["bgColor"]
44555
+ }
44556
+ },
44557
+ "key": "{progressBar.bgColor.done}"
44558
+ },
44559
+ "name": "progressBar-bgColor-done",
44560
+ "attributes": {},
44561
+ "path": ["progressBar", "bgColor", "done"]
44562
+ },
44563
+ "progressBar-bgColor-neutral": {
44564
+ "key": "{progressBar.bgColor.neutral}",
44565
+ "$value": "#59636e",
44566
+ "$type": "color",
44567
+ "$extensions": {
44568
+ "org.primer.figma": {
44569
+ "collection": "mode",
44570
+ "group": "component",
44571
+ "scopes": ["bgColor"]
44572
+ },
44573
+ "org.primer.overrides": {
44574
+ "dark-high-contrast": "#818b98",
44575
+ "dark-dimmed-high-contrast": "#818b98",
44576
+ "dark-protanopia-deuteranopia-high-contrast": "#818b98",
44577
+ "dark-tritanopia-high-contrast": "#818b98",
44578
+ "light-high-contrast": "#818b98",
44579
+ "light-protanopia-deuteranopia-high-contrast": "#818b98",
44580
+ "light-tritanopia-high-contrast": "#818b98"
44581
+ }
44582
+ },
44583
+ "filePath": "src/tokens/component/progressBar.json5",
44584
+ "isSource": true,
44585
+ "original": {
44586
+ "$value": "{bgColor.neutral.emphasis}",
44587
+ "$type": "color",
44588
+ "$extensions": {
44589
+ "org.primer.figma": {
44590
+ "collection": "mode",
44591
+ "group": "component",
44592
+ "scopes": ["bgColor"]
44593
+ },
44594
+ "org.primer.overrides": {
44595
+ "dark-high-contrast": "{base.color.neutral.8}",
44596
+ "dark-dimmed-high-contrast": "{base.color.neutral.8}",
44597
+ "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
44598
+ "dark-tritanopia-high-contrast": "{base.color.neutral.8}",
44599
+ "light-high-contrast": "{base.color.neutral.8}",
44600
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
44601
+ "light-tritanopia-high-contrast": "{base.color.neutral.8}"
44602
+ }
44603
+ },
44604
+ "key": "{progressBar.bgColor.neutral}"
44605
+ },
44606
+ "name": "progressBar-bgColor-neutral",
44607
+ "attributes": {},
44608
+ "path": ["progressBar", "bgColor", "neutral"]
44609
+ },
44610
+ "progressBar-bgColor-severe": {
44611
+ "key": "{progressBar.bgColor.severe}",
44612
+ "$value": "#bc4c00",
44613
+ "$type": "color",
44614
+ "$extensions": {
44615
+ "org.primer.figma": {
44616
+ "collection": "mode",
44617
+ "group": "component",
44618
+ "scopes": ["bgColor"]
44619
+ }
44620
+ },
44621
+ "filePath": "src/tokens/component/progressBar.json5",
44622
+ "isSource": true,
44623
+ "original": {
44624
+ "$value": "{bgColor.severe.emphasis}",
44625
+ "$type": "color",
44626
+ "$extensions": {
44627
+ "org.primer.figma": {
44628
+ "collection": "mode",
44629
+ "group": "component",
44630
+ "scopes": ["bgColor"]
44631
+ }
44632
+ },
44633
+ "key": "{progressBar.bgColor.severe}"
44634
+ },
44635
+ "name": "progressBar-bgColor-severe",
44636
+ "attributes": {},
44637
+ "path": ["progressBar", "bgColor", "severe"]
44638
+ },
44639
+ "progressBar-bgColor-sponsors": {
44640
+ "key": "{progressBar.bgColor.sponsors}",
44641
+ "$value": "#bf3989",
44642
+ "$type": "color",
44643
+ "$extensions": {
44644
+ "org.primer.figma": {
44645
+ "collection": "mode",
44646
+ "group": "component",
44647
+ "scopes": ["bgColor"]
44648
+ }
44649
+ },
44650
+ "filePath": "src/tokens/component/progressBar.json5",
44651
+ "isSource": true,
44652
+ "original": {
44653
+ "$value": "{bgColor.sponsors.emphasis}",
44654
+ "$type": "color",
44655
+ "$extensions": {
44656
+ "org.primer.figma": {
44657
+ "collection": "mode",
44658
+ "group": "component",
44659
+ "scopes": ["bgColor"]
44660
+ }
44661
+ },
44662
+ "key": "{progressBar.bgColor.sponsors}"
44663
+ },
44664
+ "name": "progressBar-bgColor-sponsors",
44665
+ "attributes": {},
44666
+ "path": ["progressBar", "bgColor", "sponsors"]
44667
+ },
44668
+ "progressBar-bgColor-success": {
44669
+ "key": "{progressBar.bgColor.success}",
44670
+ "$value": "#0969da",
44671
+ "$type": "color",
44672
+ "$extensions": {
44673
+ "org.primer.figma": {
44674
+ "collection": "mode",
44675
+ "group": "component",
44676
+ "scopes": ["bgColor"]
44677
+ }
44678
+ },
44679
+ "filePath": "src/tokens/component/progressBar.json5",
44680
+ "isSource": true,
44681
+ "original": {
44682
+ "$value": "{bgColor.success.emphasis}",
44683
+ "$type": "color",
44684
+ "$extensions": {
44685
+ "org.primer.figma": {
44686
+ "collection": "mode",
44687
+ "group": "component",
44688
+ "scopes": ["bgColor"]
44689
+ }
44690
+ },
44691
+ "key": "{progressBar.bgColor.success}"
44692
+ },
44693
+ "name": "progressBar-bgColor-success",
44694
+ "attributes": {},
44695
+ "path": ["progressBar", "bgColor", "success"]
44696
+ },
44697
+ "progressBar-track-bgColor": {
44698
+ "key": "{progressBar.track.bgColor}",
44699
+ "$value": "#d1d9e0",
44700
+ "$type": "color",
44701
+ "$extensions": {
44702
+ "org.primer.figma": {
44703
+ "collection": "mode",
44704
+ "group": "component",
44705
+ "scopes": ["bgColor"]
44706
+ },
44707
+ "org.primer.overrides": {
44708
+ "dark-high-contrast": "#25292e",
44709
+ "dark-dimmed-high-contrast": "#25292e",
44710
+ "dark-protanopia-deuteranopia-high-contrast": "#25292e",
44711
+ "dark-tritanopia-high-contrast": "#25292e",
44712
+ "light-high-contrast": "#ffffff",
44713
+ "light-protanopia-deuteranopia-high-contrast": "#ffffff",
44714
+ "light-tritanopia-high-contrast": "#ffffff"
44715
+ }
44716
+ },
44717
+ "filePath": "src/tokens/component/progressBar.json5",
44718
+ "isSource": true,
44719
+ "original": {
44720
+ "$value": "{borderColor.default}",
44721
+ "$type": "color",
44722
+ "$extensions": {
44723
+ "org.primer.figma": {
44724
+ "collection": "mode",
44725
+ "group": "component",
44726
+ "scopes": ["bgColor"]
44727
+ },
44728
+ "org.primer.overrides": {
44729
+ "dark-high-contrast": "{bgColor.inverse}",
44730
+ "dark-dimmed-high-contrast": "{bgColor.inverse}",
44731
+ "dark-protanopia-deuteranopia-high-contrast": "{bgColor.inverse}",
44732
+ "dark-tritanopia-high-contrast": "{bgColor.inverse}",
44733
+ "light-high-contrast": "{bgColor.default}",
44734
+ "light-protanopia-deuteranopia-high-contrast": "{bgColor.default}",
44735
+ "light-tritanopia-high-contrast": "{bgColor.default}"
44736
+ }
44737
+ },
44738
+ "key": "{progressBar.track.bgColor}"
44739
+ },
44740
+ "name": "progressBar-track-bgColor",
44741
+ "attributes": {},
44742
+ "path": ["progressBar", "track", "bgColor"]
44743
+ },
44744
+ "progressBar-track-borderColor": {
44745
+ "key": "{progressBar.track.borderColor}",
44746
+ "$value": "#ffffff00",
44747
+ "$type": "color",
44748
+ "$extensions": {
44749
+ "org.primer.figma": {
44750
+ "collection": "mode",
44751
+ "group": "component",
44752
+ "scopes": ["borderColor"]
44753
+ },
44754
+ "org.primer.overrides": {
44755
+ "dark-high-contrast": "#d1d9e0",
44756
+ "dark-dimmed-high-contrast": "#d1d9e0",
44757
+ "dark-protanopia-deuteranopia-high-contrast": "#d1d9e0",
44758
+ "dark-tritanopia-high-contrast": "#d1d9e0",
44759
+ "light-high-contrast": "#393f46",
44760
+ "light-protanopia-deuteranopia-high-contrast": "#393f46",
44761
+ "light-tritanopia-high-contrast": "#393f46"
44762
+ }
44763
+ },
44764
+ "filePath": "src/tokens/component/progressBar.json5",
44765
+ "isSource": true,
44766
+ "original": {
44767
+ "$value": "{base.color.transparent}",
44768
+ "$type": "color",
44769
+ "$extensions": {
44770
+ "org.primer.figma": {
44771
+ "collection": "mode",
44772
+ "group": "component",
44773
+ "scopes": ["borderColor"]
44774
+ },
44775
+ "org.primer.overrides": {
44776
+ "dark-high-contrast": "{progressBar.track.bgColor}",
44777
+ "dark-dimmed-high-contrast": "{progressBar.track.bgColor}",
44778
+ "dark-protanopia-deuteranopia-high-contrast": "{progressBar.track.bgColor}",
44779
+ "dark-tritanopia-high-contrast": "{progressBar.track.bgColor}",
44780
+ "light-high-contrast": "{base.color.neutral.11}",
44781
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}",
44782
+ "light-tritanopia-high-contrast": "{base.color.neutral.11}"
44783
+ }
44784
+ },
44785
+ "key": "{progressBar.track.borderColor}"
44786
+ },
44787
+ "name": "progressBar-track-borderColor",
44788
+ "attributes": {},
44789
+ "path": ["progressBar", "track", "borderColor"]
44790
+ },
44100
44791
  "reactionButton-selected-bgColor-hover": {
44101
44792
  "key": "{reactionButton.selected.bgColor.hover}",
44102
44793
  "$value": "#caecff",