@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
@@ -1008,6 +1008,130 @@
1008
1008
  "attributes": {},
1009
1009
  "path": ["bgColor", "done", "muted"]
1010
1010
  },
1011
+ "bgColor-draft-emphasis": {
1012
+ "key": "{bgColor.draft.emphasis}",
1013
+ "$value": "#656c76",
1014
+ "$type": "color",
1015
+ "$extensions": {
1016
+ "org.primer.figma": {
1017
+ "collection": "mode",
1018
+ "group": "semantic",
1019
+ "scopes": ["bgColor"],
1020
+ "codeSyntax": {
1021
+ "web": "var(--bgColor-draft-emphasis)"
1022
+ }
1023
+ }
1024
+ },
1025
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1026
+ "isSource": true,
1027
+ "original": {
1028
+ "$value": "{bgColor.neutral.emphasis}",
1029
+ "$type": "color",
1030
+ "$extensions": {
1031
+ "org.primer.figma": {
1032
+ "collection": "mode",
1033
+ "group": "semantic",
1034
+ "scopes": ["bgColor"],
1035
+ "codeSyntax": {
1036
+ "web": "var(--bgColor-draft-emphasis)"
1037
+ }
1038
+ }
1039
+ },
1040
+ "key": "{bgColor.draft.emphasis}"
1041
+ },
1042
+ "name": "bgColor-draft-emphasis",
1043
+ "attributes": {},
1044
+ "path": ["bgColor", "draft", "emphasis"]
1045
+ },
1046
+ "bgColor-draft-muted": {
1047
+ "key": "{bgColor.draft.muted}",
1048
+ "$value": "#656c7633",
1049
+ "$type": "color",
1050
+ "$extensions": {
1051
+ "org.primer.figma": {
1052
+ "collection": "mode",
1053
+ "group": "semantic",
1054
+ "scopes": ["bgColor"],
1055
+ "codeSyntax": {
1056
+ "web": "var(--bgColor-draft-muted)"
1057
+ }
1058
+ },
1059
+ "org.primer.overrides": {
1060
+ "light-tritanopia": "#656c7633",
1061
+ "light-tritanopia-high-contrast": "#656c7633",
1062
+ "dark-tritanopia": {
1063
+ "$value": "#656c7633",
1064
+ "alpha": 0.1,
1065
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1066
+ "isSource": true,
1067
+ "$type": "color"
1068
+ },
1069
+ "light-protanopia-deuteranopia": "#656c7633",
1070
+ "light-protanopia-deuteranopia-high-contrast": "#656c7633",
1071
+ "dark-protanopia-deuteranopia": {
1072
+ "$value": "#656c7633",
1073
+ "alpha": 0.1,
1074
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1075
+ "isSource": true,
1076
+ "$type": "color"
1077
+ },
1078
+ "dark-protanopia-deuteranopia-high-contrast": {
1079
+ "$value": "#656c7633",
1080
+ "alpha": 0.1,
1081
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1082
+ "isSource": true,
1083
+ "$type": "color"
1084
+ }
1085
+ }
1086
+ },
1087
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1088
+ "isSource": true,
1089
+ "original": {
1090
+ "$value": "{bgColor.neutral.muted}",
1091
+ "$type": "color",
1092
+ "$extensions": {
1093
+ "org.primer.figma": {
1094
+ "collection": "mode",
1095
+ "group": "semantic",
1096
+ "scopes": ["bgColor"],
1097
+ "codeSyntax": {
1098
+ "web": "var(--bgColor-draft-muted)"
1099
+ }
1100
+ },
1101
+ "org.primer.overrides": {
1102
+ "light-tritanopia": "{bgColor.neutral.muted}",
1103
+ "light-tritanopia-high-contrast": "{bgColor.neutral.muted}",
1104
+ "dark-tritanopia": {
1105
+ "$value": "{bgColor.neutral.muted}",
1106
+ "alpha": 0.1,
1107
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1108
+ "isSource": true,
1109
+ "$type": "color"
1110
+ },
1111
+ "light-protanopia-deuteranopia": "{bgColor.neutral.muted}",
1112
+ "light-protanopia-deuteranopia-high-contrast": "{bgColor.neutral.muted}",
1113
+ "dark-protanopia-deuteranopia": {
1114
+ "$value": "{bgColor.neutral.muted}",
1115
+ "alpha": 0.1,
1116
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1117
+ "isSource": true,
1118
+ "$type": "color"
1119
+ },
1120
+ "dark-protanopia-deuteranopia-high-contrast": {
1121
+ "$value": "{bgColor.neutral.muted}",
1122
+ "alpha": 0.1,
1123
+ "filePath": "src/tokens/functional/color/bgColor.json5",
1124
+ "isSource": true,
1125
+ "$type": "color"
1126
+ }
1127
+ }
1128
+ },
1129
+ "key": "{bgColor.draft.muted}"
1130
+ },
1131
+ "name": "bgColor-draft-muted",
1132
+ "attributes": {},
1133
+ "path": ["bgColor", "draft", "muted"]
1134
+ },
1011
1135
  "bgColor-emphasis": {
1012
1136
  "key": "{bgColor.emphasis}",
1013
1137
  "$value": "#3d444d",
@@ -3707,6 +3831,192 @@
3707
3831
  "attributes": {},
3708
3832
  "path": ["borderColor", "done", "muted"]
3709
3833
  },
3834
+ "borderColor-draft-emphasis": {
3835
+ "key": "{borderColor.draft.emphasis}",
3836
+ "$value": "#656c76",
3837
+ "$type": "color",
3838
+ "$extensions": {
3839
+ "org.primer.figma": {
3840
+ "collection": "mode",
3841
+ "group": "semantic",
3842
+ "scopes": ["borderColor"],
3843
+ "codeSyntax": {
3844
+ "web": "var(--borderColor-draft-emphasis)"
3845
+ }
3846
+ }
3847
+ },
3848
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3849
+ "isSource": true,
3850
+ "original": {
3851
+ "$value": "{borderColor.neutral.emphasis}",
3852
+ "$type": "color",
3853
+ "$extensions": {
3854
+ "org.primer.figma": {
3855
+ "collection": "mode",
3856
+ "group": "semantic",
3857
+ "scopes": ["borderColor"],
3858
+ "codeSyntax": {
3859
+ "web": "var(--borderColor-draft-emphasis)"
3860
+ }
3861
+ }
3862
+ },
3863
+ "key": "{borderColor.draft.emphasis}"
3864
+ },
3865
+ "name": "borderColor-draft-emphasis",
3866
+ "attributes": {},
3867
+ "path": ["borderColor", "draft", "emphasis"]
3868
+ },
3869
+ "borderColor-draft-muted": {
3870
+ "key": "{borderColor.draft.muted}",
3871
+ "$value": "#3d444db3",
3872
+ "$type": "color",
3873
+ "$extensions": {
3874
+ "org.primer.figma": {
3875
+ "collection": "mode",
3876
+ "group": "semantic",
3877
+ "scopes": ["borderColor"],
3878
+ "codeSyntax": {
3879
+ "web": "var(--borderColor-draft-muted) */"
3880
+ }
3881
+ },
3882
+ "org.primer.overrides": {
3883
+ "dark-tritanopia": {
3884
+ "$value": "#3d444d",
3885
+ "alpha": 0.4,
3886
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3887
+ "isSource": true,
3888
+ "$type": "color"
3889
+ },
3890
+ "dark-tritanopia-high-contrast": {
3891
+ "$value": "#3d444d",
3892
+ "alpha": 1,
3893
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3894
+ "isSource": true,
3895
+ "$type": "color"
3896
+ },
3897
+ "light-tritanopia": {
3898
+ "$value": "#3d444d",
3899
+ "alpha": 0.4,
3900
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3901
+ "isSource": true,
3902
+ "$type": "color"
3903
+ },
3904
+ "light-tritanopia-high-contrast": {
3905
+ "$value": "#3d444d",
3906
+ "alpha": 1,
3907
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3908
+ "isSource": true,
3909
+ "$type": "color"
3910
+ },
3911
+ "dark-protanopia-deuteranopia": {
3912
+ "$value": "#3d444d",
3913
+ "alpha": 0.4,
3914
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3915
+ "isSource": true,
3916
+ "$type": "color"
3917
+ },
3918
+ "dark-protanopia-deuteranopia-high-contrast": {
3919
+ "$value": "#3d444d",
3920
+ "alpha": 1,
3921
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3922
+ "isSource": true,
3923
+ "$type": "color"
3924
+ },
3925
+ "light-protanopia-deuteranopia": {
3926
+ "$value": "#3d444d",
3927
+ "alpha": 0.4,
3928
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3929
+ "isSource": true,
3930
+ "$type": "color"
3931
+ },
3932
+ "light-protanopia-deuteranopia-high-contrast": {
3933
+ "$value": "#3d444d",
3934
+ "alpha": 1,
3935
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3936
+ "isSource": true,
3937
+ "$type": "color"
3938
+ }
3939
+ }
3940
+ },
3941
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3942
+ "isSource": true,
3943
+ "original": {
3944
+ "$value": "{borderColor.neutral.muted}",
3945
+ "$type": "color",
3946
+ "$extensions": {
3947
+ "org.primer.figma": {
3948
+ "collection": "mode",
3949
+ "group": "semantic",
3950
+ "scopes": ["borderColor"],
3951
+ "codeSyntax": {
3952
+ "web": "var(--borderColor-draft-muted) */"
3953
+ }
3954
+ },
3955
+ "org.primer.overrides": {
3956
+ "dark-tritanopia": {
3957
+ "$value": "{borderColor.default}",
3958
+ "alpha": 0.4,
3959
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3960
+ "isSource": true,
3961
+ "$type": "color"
3962
+ },
3963
+ "dark-tritanopia-high-contrast": {
3964
+ "$value": "{borderColor.default}",
3965
+ "alpha": 1,
3966
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3967
+ "isSource": true,
3968
+ "$type": "color"
3969
+ },
3970
+ "light-tritanopia": {
3971
+ "$value": "{borderColor.default}",
3972
+ "alpha": 0.4,
3973
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3974
+ "isSource": true,
3975
+ "$type": "color"
3976
+ },
3977
+ "light-tritanopia-high-contrast": {
3978
+ "$value": "{borderColor.default}",
3979
+ "alpha": 1,
3980
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3981
+ "isSource": true,
3982
+ "$type": "color"
3983
+ },
3984
+ "dark-protanopia-deuteranopia": {
3985
+ "$value": "{borderColor.default}",
3986
+ "alpha": 0.4,
3987
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3988
+ "isSource": true,
3989
+ "$type": "color"
3990
+ },
3991
+ "dark-protanopia-deuteranopia-high-contrast": {
3992
+ "$value": "{borderColor.default}",
3993
+ "alpha": 1,
3994
+ "filePath": "src/tokens/functional/color/borderColor.json5",
3995
+ "isSource": true,
3996
+ "$type": "color"
3997
+ },
3998
+ "light-protanopia-deuteranopia": {
3999
+ "$value": "{borderColor.default}",
4000
+ "alpha": 0.4,
4001
+ "filePath": "src/tokens/functional/color/borderColor.json5",
4002
+ "isSource": true,
4003
+ "$type": "color"
4004
+ },
4005
+ "light-protanopia-deuteranopia-high-contrast": {
4006
+ "$value": "{borderColor.default}",
4007
+ "alpha": 1,
4008
+ "filePath": "src/tokens/functional/color/borderColor.json5",
4009
+ "isSource": true,
4010
+ "$type": "color"
4011
+ }
4012
+ }
4013
+ },
4014
+ "key": "{borderColor.draft.muted}"
4015
+ },
4016
+ "name": "borderColor-draft-muted",
4017
+ "attributes": {},
4018
+ "path": ["borderColor", "draft", "muted"]
4019
+ },
3710
4020
  "borderColor-emphasis": {
3711
4021
  "key": "{borderColor.emphasis}",
3712
4022
  "$value": "#656c76",
@@ -35147,6 +35457,41 @@
35147
35457
  "attributes": {},
35148
35458
  "path": ["fgColor", "done"]
35149
35459
  },
35460
+ "fgColor-draft": {
35461
+ "key": "{fgColor.draft}",
35462
+ "$value": "#9198a1",
35463
+ "$type": "color",
35464
+ "$extensions": {
35465
+ "org.primer.figma": {
35466
+ "collection": "mode",
35467
+ "group": "semantic",
35468
+ "scopes": ["fgColor"],
35469
+ "codeSyntax": {
35470
+ "web": "var(--fgColor-draft)"
35471
+ }
35472
+ }
35473
+ },
35474
+ "filePath": "src/tokens/functional/color/fgColor.json5",
35475
+ "isSource": true,
35476
+ "original": {
35477
+ "$value": "{fgColor.neutral}",
35478
+ "$type": "color",
35479
+ "$extensions": {
35480
+ "org.primer.figma": {
35481
+ "collection": "mode",
35482
+ "group": "semantic",
35483
+ "scopes": ["fgColor"],
35484
+ "codeSyntax": {
35485
+ "web": "var(--fgColor-draft)"
35486
+ }
35487
+ }
35488
+ },
35489
+ "key": "{fgColor.draft}"
35490
+ },
35491
+ "name": "fgColor-draft",
35492
+ "attributes": {},
35493
+ "path": ["fgColor", "draft"]
35494
+ },
35150
35495
  "fgColor-link": {
35151
35496
  "key": "{fgColor.link}",
35152
35497
  "$value": "#4493f8",
@@ -44121,6 +44466,350 @@
44121
44466
  "attributes": {},
44122
44467
  "path": ["page", "header", "bgColor"]
44123
44468
  },
44469
+ "progressBar-bgColor-accent": {
44470
+ "key": "{progressBar.bgColor.accent}",
44471
+ "$value": "#1f6feb",
44472
+ "$type": "color",
44473
+ "$extensions": {
44474
+ "org.primer.figma": {
44475
+ "collection": "mode",
44476
+ "group": "component",
44477
+ "scopes": ["bgColor"]
44478
+ }
44479
+ },
44480
+ "filePath": "src/tokens/component/progressBar.json5",
44481
+ "isSource": true,
44482
+ "original": {
44483
+ "$value": "{bgColor.accent.emphasis}",
44484
+ "$type": "color",
44485
+ "$extensions": {
44486
+ "org.primer.figma": {
44487
+ "collection": "mode",
44488
+ "group": "component",
44489
+ "scopes": ["bgColor"]
44490
+ }
44491
+ },
44492
+ "key": "{progressBar.bgColor.accent}"
44493
+ },
44494
+ "name": "progressBar-bgColor-accent",
44495
+ "attributes": {},
44496
+ "path": ["progressBar", "bgColor", "accent"]
44497
+ },
44498
+ "progressBar-bgColor-attention": {
44499
+ "key": "{progressBar.bgColor.attention}",
44500
+ "$value": "#9e6a03",
44501
+ "$type": "color",
44502
+ "$extensions": {
44503
+ "org.primer.figma": {
44504
+ "collection": "mode",
44505
+ "group": "component",
44506
+ "scopes": ["bgColor"]
44507
+ }
44508
+ },
44509
+ "filePath": "src/tokens/component/progressBar.json5",
44510
+ "isSource": true,
44511
+ "original": {
44512
+ "$value": "{bgColor.attention.emphasis}",
44513
+ "$type": "color",
44514
+ "$extensions": {
44515
+ "org.primer.figma": {
44516
+ "collection": "mode",
44517
+ "group": "component",
44518
+ "scopes": ["bgColor"]
44519
+ }
44520
+ },
44521
+ "key": "{progressBar.bgColor.attention}"
44522
+ },
44523
+ "name": "progressBar-bgColor-attention",
44524
+ "attributes": {},
44525
+ "path": ["progressBar", "bgColor", "attention"]
44526
+ },
44527
+ "progressBar-bgColor-danger": {
44528
+ "key": "{progressBar.bgColor.danger}",
44529
+ "$value": "#da3633",
44530
+ "$type": "color",
44531
+ "$extensions": {
44532
+ "org.primer.figma": {
44533
+ "collection": "mode",
44534
+ "group": "component",
44535
+ "scopes": ["bgColor"]
44536
+ }
44537
+ },
44538
+ "filePath": "src/tokens/component/progressBar.json5",
44539
+ "isSource": true,
44540
+ "original": {
44541
+ "$value": "{bgColor.danger.emphasis}",
44542
+ "$type": "color",
44543
+ "$extensions": {
44544
+ "org.primer.figma": {
44545
+ "collection": "mode",
44546
+ "group": "component",
44547
+ "scopes": ["bgColor"]
44548
+ }
44549
+ },
44550
+ "key": "{progressBar.bgColor.danger}"
44551
+ },
44552
+ "name": "progressBar-bgColor-danger",
44553
+ "attributes": {},
44554
+ "path": ["progressBar", "bgColor", "danger"]
44555
+ },
44556
+ "progressBar-bgColor-done": {
44557
+ "key": "{progressBar.bgColor.done}",
44558
+ "$value": "#8957e5",
44559
+ "$type": "color",
44560
+ "$extensions": {
44561
+ "org.primer.figma": {
44562
+ "collection": "mode",
44563
+ "group": "component",
44564
+ "scopes": ["bgColor"]
44565
+ }
44566
+ },
44567
+ "filePath": "src/tokens/component/progressBar.json5",
44568
+ "isSource": true,
44569
+ "original": {
44570
+ "$value": "{bgColor.done.emphasis}",
44571
+ "$type": "color",
44572
+ "$extensions": {
44573
+ "org.primer.figma": {
44574
+ "collection": "mode",
44575
+ "group": "component",
44576
+ "scopes": ["bgColor"]
44577
+ }
44578
+ },
44579
+ "key": "{progressBar.bgColor.done}"
44580
+ },
44581
+ "name": "progressBar-bgColor-done",
44582
+ "attributes": {},
44583
+ "path": ["progressBar", "bgColor", "done"]
44584
+ },
44585
+ "progressBar-bgColor-neutral": {
44586
+ "key": "{progressBar.bgColor.neutral}",
44587
+ "$value": "#656c76",
44588
+ "$type": "color",
44589
+ "$extensions": {
44590
+ "org.primer.figma": {
44591
+ "collection": "mode",
44592
+ "group": "component",
44593
+ "scopes": ["bgColor"]
44594
+ },
44595
+ "org.primer.overrides": {
44596
+ "dark-high-contrast": "#656c76",
44597
+ "dark-dimmed-high-contrast": "#656c76",
44598
+ "dark-protanopia-deuteranopia-high-contrast": "#656c76",
44599
+ "dark-tritanopia-high-contrast": "#656c76",
44600
+ "light-high-contrast": "#656c76",
44601
+ "light-protanopia-deuteranopia-high-contrast": "#656c76",
44602
+ "light-tritanopia-high-contrast": "#656c76"
44603
+ }
44604
+ },
44605
+ "filePath": "src/tokens/component/progressBar.json5",
44606
+ "isSource": true,
44607
+ "original": {
44608
+ "$value": "{bgColor.neutral.emphasis}",
44609
+ "$type": "color",
44610
+ "$extensions": {
44611
+ "org.primer.figma": {
44612
+ "collection": "mode",
44613
+ "group": "component",
44614
+ "scopes": ["bgColor"]
44615
+ },
44616
+ "org.primer.overrides": {
44617
+ "dark-high-contrast": "{base.color.neutral.8}",
44618
+ "dark-dimmed-high-contrast": "{base.color.neutral.8}",
44619
+ "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
44620
+ "dark-tritanopia-high-contrast": "{base.color.neutral.8}",
44621
+ "light-high-contrast": "{base.color.neutral.8}",
44622
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
44623
+ "light-tritanopia-high-contrast": "{base.color.neutral.8}"
44624
+ }
44625
+ },
44626
+ "key": "{progressBar.bgColor.neutral}"
44627
+ },
44628
+ "name": "progressBar-bgColor-neutral",
44629
+ "attributes": {},
44630
+ "path": ["progressBar", "bgColor", "neutral"]
44631
+ },
44632
+ "progressBar-bgColor-severe": {
44633
+ "key": "{progressBar.bgColor.severe}",
44634
+ "$value": "#bd561d",
44635
+ "$type": "color",
44636
+ "$extensions": {
44637
+ "org.primer.figma": {
44638
+ "collection": "mode",
44639
+ "group": "component",
44640
+ "scopes": ["bgColor"]
44641
+ }
44642
+ },
44643
+ "filePath": "src/tokens/component/progressBar.json5",
44644
+ "isSource": true,
44645
+ "original": {
44646
+ "$value": "{bgColor.severe.emphasis}",
44647
+ "$type": "color",
44648
+ "$extensions": {
44649
+ "org.primer.figma": {
44650
+ "collection": "mode",
44651
+ "group": "component",
44652
+ "scopes": ["bgColor"]
44653
+ }
44654
+ },
44655
+ "key": "{progressBar.bgColor.severe}"
44656
+ },
44657
+ "name": "progressBar-bgColor-severe",
44658
+ "attributes": {},
44659
+ "path": ["progressBar", "bgColor", "severe"]
44660
+ },
44661
+ "progressBar-bgColor-sponsors": {
44662
+ "key": "{progressBar.bgColor.sponsors}",
44663
+ "$value": "#bf4b8a",
44664
+ "$type": "color",
44665
+ "$extensions": {
44666
+ "org.primer.figma": {
44667
+ "collection": "mode",
44668
+ "group": "component",
44669
+ "scopes": ["bgColor"]
44670
+ }
44671
+ },
44672
+ "filePath": "src/tokens/component/progressBar.json5",
44673
+ "isSource": true,
44674
+ "original": {
44675
+ "$value": "{bgColor.sponsors.emphasis}",
44676
+ "$type": "color",
44677
+ "$extensions": {
44678
+ "org.primer.figma": {
44679
+ "collection": "mode",
44680
+ "group": "component",
44681
+ "scopes": ["bgColor"]
44682
+ }
44683
+ },
44684
+ "key": "{progressBar.bgColor.sponsors}"
44685
+ },
44686
+ "name": "progressBar-bgColor-sponsors",
44687
+ "attributes": {},
44688
+ "path": ["progressBar", "bgColor", "sponsors"]
44689
+ },
44690
+ "progressBar-bgColor-success": {
44691
+ "key": "{progressBar.bgColor.success}",
44692
+ "$value": "#238636",
44693
+ "$type": "color",
44694
+ "$extensions": {
44695
+ "org.primer.figma": {
44696
+ "collection": "mode",
44697
+ "group": "component",
44698
+ "scopes": ["bgColor"]
44699
+ }
44700
+ },
44701
+ "filePath": "src/tokens/component/progressBar.json5",
44702
+ "isSource": true,
44703
+ "original": {
44704
+ "$value": "{bgColor.success.emphasis}",
44705
+ "$type": "color",
44706
+ "$extensions": {
44707
+ "org.primer.figma": {
44708
+ "collection": "mode",
44709
+ "group": "component",
44710
+ "scopes": ["bgColor"]
44711
+ }
44712
+ },
44713
+ "key": "{progressBar.bgColor.success}"
44714
+ },
44715
+ "name": "progressBar-bgColor-success",
44716
+ "attributes": {},
44717
+ "path": ["progressBar", "bgColor", "success"]
44718
+ },
44719
+ "progressBar-track-bgColor": {
44720
+ "key": "{progressBar.track.bgColor}",
44721
+ "$value": "#3d444d",
44722
+ "$type": "color",
44723
+ "$extensions": {
44724
+ "org.primer.figma": {
44725
+ "collection": "mode",
44726
+ "group": "component",
44727
+ "scopes": ["bgColor"]
44728
+ },
44729
+ "org.primer.overrides": {
44730
+ "dark-high-contrast": "#ffffff",
44731
+ "dark-dimmed-high-contrast": "#ffffff",
44732
+ "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
44733
+ "dark-tritanopia-high-contrast": "#ffffff",
44734
+ "light-high-contrast": "#0d1117",
44735
+ "light-protanopia-deuteranopia-high-contrast": "#0d1117",
44736
+ "light-tritanopia-high-contrast": "#0d1117"
44737
+ }
44738
+ },
44739
+ "filePath": "src/tokens/component/progressBar.json5",
44740
+ "isSource": true,
44741
+ "original": {
44742
+ "$value": "{borderColor.default}",
44743
+ "$type": "color",
44744
+ "$extensions": {
44745
+ "org.primer.figma": {
44746
+ "collection": "mode",
44747
+ "group": "component",
44748
+ "scopes": ["bgColor"]
44749
+ },
44750
+ "org.primer.overrides": {
44751
+ "dark-high-contrast": "{bgColor.inverse}",
44752
+ "dark-dimmed-high-contrast": "{bgColor.inverse}",
44753
+ "dark-protanopia-deuteranopia-high-contrast": "{bgColor.inverse}",
44754
+ "dark-tritanopia-high-contrast": "{bgColor.inverse}",
44755
+ "light-high-contrast": "{bgColor.default}",
44756
+ "light-protanopia-deuteranopia-high-contrast": "{bgColor.default}",
44757
+ "light-tritanopia-high-contrast": "{bgColor.default}"
44758
+ }
44759
+ },
44760
+ "key": "{progressBar.track.bgColor}"
44761
+ },
44762
+ "name": "progressBar-track-bgColor",
44763
+ "attributes": {},
44764
+ "path": ["progressBar", "track", "bgColor"]
44765
+ },
44766
+ "progressBar-track-borderColor": {
44767
+ "key": "{progressBar.track.borderColor}",
44768
+ "$value": "#00000000",
44769
+ "$type": "color",
44770
+ "$extensions": {
44771
+ "org.primer.figma": {
44772
+ "collection": "mode",
44773
+ "group": "component",
44774
+ "scopes": ["borderColor"]
44775
+ },
44776
+ "org.primer.overrides": {
44777
+ "dark-high-contrast": "#3d444d",
44778
+ "dark-dimmed-high-contrast": "#3d444d",
44779
+ "dark-protanopia-deuteranopia-high-contrast": "#3d444d",
44780
+ "dark-tritanopia-high-contrast": "#3d444d",
44781
+ "light-high-contrast": "#d1d7e0",
44782
+ "light-protanopia-deuteranopia-high-contrast": "#d1d7e0",
44783
+ "light-tritanopia-high-contrast": "#d1d7e0"
44784
+ }
44785
+ },
44786
+ "filePath": "src/tokens/component/progressBar.json5",
44787
+ "isSource": true,
44788
+ "original": {
44789
+ "$value": "{base.color.transparent}",
44790
+ "$type": "color",
44791
+ "$extensions": {
44792
+ "org.primer.figma": {
44793
+ "collection": "mode",
44794
+ "group": "component",
44795
+ "scopes": ["borderColor"]
44796
+ },
44797
+ "org.primer.overrides": {
44798
+ "dark-high-contrast": "{progressBar.track.bgColor}",
44799
+ "dark-dimmed-high-contrast": "{progressBar.track.bgColor}",
44800
+ "dark-protanopia-deuteranopia-high-contrast": "{progressBar.track.bgColor}",
44801
+ "dark-tritanopia-high-contrast": "{progressBar.track.bgColor}",
44802
+ "light-high-contrast": "{base.color.neutral.11}",
44803
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}",
44804
+ "light-tritanopia-high-contrast": "{base.color.neutral.11}"
44805
+ }
44806
+ },
44807
+ "key": "{progressBar.track.borderColor}"
44808
+ },
44809
+ "name": "progressBar-track-borderColor",
44810
+ "attributes": {},
44811
+ "path": ["progressBar", "track", "borderColor"]
44812
+ },
44124
44813
  "reactionButton-selected-bgColor-hover": {
44125
44814
  "key": "{reactionButton.selected.bgColor.hover}",
44126
44815
  "$value": "#3a8cfd5c",