@primer/primitives 11.0.1-rc.84dc6db1 → 11.1.0-rc.27a415da

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 (73) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +20 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +22 -2
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +20 -0
  4. package/dist/css/functional/themes/dark-dimmed.css +22 -2
  5. package/dist/css/functional/themes/dark-high-contrast.css +20 -0
  6. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +20 -0
  7. package/dist/css/functional/themes/dark-tritanopia.css +22 -2
  8. package/dist/css/functional/themes/dark.css +22 -2
  9. package/dist/css/functional/themes/light-colorblind-high-contrast.css +20 -0
  10. package/dist/css/functional/themes/light-colorblind.css +22 -2
  11. package/dist/css/functional/themes/light-high-contrast.css +20 -0
  12. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +20 -0
  13. package/dist/css/functional/themes/light-tritanopia.css +22 -2
  14. package/dist/css/functional/themes/light.css +22 -2
  15. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +360 -2
  16. package/dist/docs/functional/themes/dark-colorblind.json +362 -4
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +360 -2
  18. package/dist/docs/functional/themes/dark-dimmed.json +362 -4
  19. package/dist/docs/functional/themes/dark-high-contrast.json +360 -2
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +360 -2
  21. package/dist/docs/functional/themes/dark-tritanopia.json +362 -4
  22. package/dist/docs/functional/themes/dark.json +362 -4
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +360 -2
  24. package/dist/docs/functional/themes/light-colorblind.json +362 -4
  25. package/dist/docs/functional/themes/light-high-contrast.json +360 -2
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +360 -2
  27. package/dist/docs/functional/themes/light-tritanopia.json +362 -4
  28. package/dist/docs/functional/themes/light.json +362 -4
  29. package/dist/figma/themes/dark-colorblind-high-contrast.json +160 -0
  30. package/dist/figma/themes/dark-colorblind.json +164 -4
  31. package/dist/figma/themes/dark-dimmed-high-contrast.json +160 -0
  32. package/dist/figma/themes/dark-dimmed.json +164 -4
  33. package/dist/figma/themes/dark-high-contrast.json +160 -0
  34. package/dist/figma/themes/dark-tritanopia-high-contrast.json +160 -0
  35. package/dist/figma/themes/dark-tritanopia.json +164 -4
  36. package/dist/figma/themes/dark.json +164 -4
  37. package/dist/figma/themes/light-colorblind-high-contrast.json +160 -0
  38. package/dist/figma/themes/light-colorblind.json +164 -4
  39. package/dist/figma/themes/light-high-contrast.json +160 -0
  40. package/dist/figma/themes/light-tritanopia-high-contrast.json +160 -0
  41. package/dist/figma/themes/light-tritanopia.json +164 -4
  42. package/dist/figma/themes/light.json +164 -4
  43. package/dist/internalCss/dark-colorblind-high-contrast.css +20 -0
  44. package/dist/internalCss/dark-colorblind.css +22 -2
  45. package/dist/internalCss/dark-dimmed-high-contrast.css +20 -0
  46. package/dist/internalCss/dark-dimmed.css +22 -2
  47. package/dist/internalCss/dark-high-contrast.css +20 -0
  48. package/dist/internalCss/dark-tritanopia-high-contrast.css +20 -0
  49. package/dist/internalCss/dark-tritanopia.css +22 -2
  50. package/dist/internalCss/dark.css +22 -2
  51. package/dist/internalCss/light-colorblind-high-contrast.css +20 -0
  52. package/dist/internalCss/light-colorblind.css +22 -2
  53. package/dist/internalCss/light-high-contrast.css +20 -0
  54. package/dist/internalCss/light-tritanopia-high-contrast.css +20 -0
  55. package/dist/internalCss/light-tritanopia.css +22 -2
  56. package/dist/internalCss/light.css +22 -2
  57. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +360 -2
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +362 -4
  59. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +360 -2
  60. package/dist/styleLint/functional/themes/dark-dimmed.json +362 -4
  61. package/dist/styleLint/functional/themes/dark-high-contrast.json +360 -2
  62. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +360 -2
  63. package/dist/styleLint/functional/themes/dark-tritanopia.json +362 -4
  64. package/dist/styleLint/functional/themes/dark.json +362 -4
  65. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +360 -2
  66. package/dist/styleLint/functional/themes/light-colorblind.json +362 -4
  67. package/dist/styleLint/functional/themes/light-high-contrast.json +360 -2
  68. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +360 -2
  69. package/dist/styleLint/functional/themes/light-tritanopia.json +362 -4
  70. package/dist/styleLint/functional/themes/light.json +362 -4
  71. package/package.json +1 -1
  72. package/src/tokens/component/progressBar.json5 +145 -0
  73. package/src/tokens/functional/color/control.json5 +9 -2
package/dist/internalCss/dark-tritanopia.css CHANGED
@@ -952,6 +952,7 @@
952
952
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
953
953
  --menu-bgColor-active: var(--base-color-neutral-2);
954
954
  --overlay-backdrop-bgColor: #21283066;
955
+ --progressBar-track-borderColor: var(--base-color-transparent);
955
956
  --reactionButton-selected-bgColor-rest: #388bfd33;
956
957
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
957
958
  --selectMenu-bgColor-active: var(--base-color-blue-8);
@@ -1087,6 +1088,15 @@
1087
1088
  --header-fgColor-default: #ffffffb3;
1088
1089
  --overlay-bgColor: var(--base-color-neutral-0);
1089
1090
  --page-header-bgColor: var(--bgColor-default);
1091
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1092
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1093
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1094
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1095
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1096
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1097
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1098
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1099
+ --progressBar-track-bgColor: var(--borderColor-default);
1090
1100
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1091
1101
  --selectMenu-borderColor: var(--borderColor-default);
1092
1102
  --selection-bgColor: #1f6febb3;
@@ -1129,7 +1139,7 @@
1129
1139
  --controlKnob-bgColor-rest: var(--bgColor-inset);
1130
1140
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1131
1141
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1132
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1142
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1133
1143
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1134
1144
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1135
1145
  --focus-outline: 2px solid #1f6feb;
@@ -2103,6 +2113,7 @@
2103
2113
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
2104
2114
  --menu-bgColor-active: var(--base-color-neutral-2);
2105
2115
  --overlay-backdrop-bgColor: #21283066;
2116
+ --progressBar-track-borderColor: var(--base-color-transparent);
2106
2117
  --reactionButton-selected-bgColor-rest: #388bfd33;
2107
2118
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
2108
2119
  --selectMenu-bgColor-active: var(--base-color-blue-8);
@@ -2238,6 +2249,15 @@
2238
2249
  --header-fgColor-default: #ffffffb3;
2239
2250
  --overlay-bgColor: var(--base-color-neutral-0);
2240
2251
  --page-header-bgColor: var(--bgColor-default);
2252
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
2253
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
2254
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
2255
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
2256
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
2257
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
2258
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
2259
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
2260
+ --progressBar-track-bgColor: var(--borderColor-default);
2241
2261
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2242
2262
  --selectMenu-borderColor: var(--borderColor-default);
2243
2263
  --selection-bgColor: #1f6febb3;
@@ -2280,7 +2300,7 @@
2280
2300
  --controlKnob-bgColor-rest: var(--bgColor-inset);
2281
2301
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
2282
2302
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
2283
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2303
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
2284
2304
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
2285
2305
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
2286
2306
  --focus-outline: 2px solid #1f6feb;
package/dist/internalCss/dark.css CHANGED
@@ -943,6 +943,7 @@
943
943
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
944
944
  --menu-bgColor-active: var(--base-color-neutral-2);
945
945
  --overlay-backdrop-bgColor: #21283066;
946
+ --progressBar-track-borderColor: var(--base-color-transparent);
946
947
  --reactionButton-selected-bgColor-rest: #388bfd33;
947
948
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
948
949
  --selectMenu-bgColor-active: var(--base-color-blue-8);
@@ -1086,6 +1087,15 @@
1086
1087
  --header-fgColor-default: #ffffffb3;
1087
1088
  --overlay-bgColor: var(--base-color-neutral-0);
1088
1089
  --page-header-bgColor: var(--bgColor-default);
1090
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1091
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1092
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1093
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1094
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1095
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1096
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1097
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1098
+ --progressBar-track-bgColor: var(--borderColor-default);
1089
1099
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1090
1100
  --selectMenu-borderColor: var(--borderColor-default);
1091
1101
  --selection-bgColor: #1f6febb3;
@@ -1129,7 +1139,7 @@
1129
1139
  --controlKnob-bgColor-rest: var(--bgColor-inset);
1130
1140
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1131
1141
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1132
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1142
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1133
1143
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1134
1144
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1135
1145
  --focus-outline: 2px solid #1f6feb;
@@ -2094,6 +2104,7 @@
2094
2104
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
2095
2105
  --menu-bgColor-active: var(--base-color-neutral-2);
2096
2106
  --overlay-backdrop-bgColor: #21283066;
2107
+ --progressBar-track-borderColor: var(--base-color-transparent);
2097
2108
  --reactionButton-selected-bgColor-rest: #388bfd33;
2098
2109
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-2);
2099
2110
  --selectMenu-bgColor-active: var(--base-color-blue-8);
@@ -2237,6 +2248,15 @@
2237
2248
  --header-fgColor-default: #ffffffb3;
2238
2249
  --overlay-bgColor: var(--base-color-neutral-0);
2239
2250
  --page-header-bgColor: var(--bgColor-default);
2251
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
2252
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
2253
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
2254
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
2255
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
2256
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
2257
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
2258
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
2259
+ --progressBar-track-bgColor: var(--borderColor-default);
2240
2260
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2241
2261
  --selectMenu-borderColor: var(--borderColor-default);
2242
2262
  --selection-bgColor: #1f6febb3;
@@ -2280,7 +2300,7 @@
2280
2300
  --controlKnob-bgColor-rest: var(--bgColor-inset);
2281
2301
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
2282
2302
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
2283
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2303
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
2284
2304
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
2285
2305
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
2286
2306
  --focus-outline: 2px solid #1f6feb;
package/dist/internalCss/light-colorblind-high-contrast.css CHANGED
@@ -915,6 +915,8 @@
915
915
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
916
916
  --menu-bgColor-active: var(--base-color-transparent);
917
917
  --overlay-backdrop-bgColor: #393f4666;
918
+ --progressBar-bgColor-neutral: var(--base-color-neutral-8);
919
+ --progressBar-track-borderColor: var(--base-color-neutral-11);
918
920
  --reactionButton-selected-bgColor-rest: var(--base-color-blue-0);
919
921
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
920
922
  --selectMenu-bgColor-active: var(--base-color-blue-1);
@@ -1076,6 +1078,13 @@
1076
1078
  --overlay-bgColor: var(--base-color-neutral-0);
1077
1079
  --overlay-borderColor: var(--borderColor-default);
1078
1080
  --page-header-bgColor: var(--bgColor-muted);
1081
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1082
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1083
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1084
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1085
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1086
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1087
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1079
1088
  --selection-bgColor: #0349b433;
1080
1089
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1081
1090
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -1139,6 +1148,7 @@
1139
1148
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
1140
1149
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1141
1150
  --focus-outline: 2px solid #0349b4;
1151
+ --progressBar-track-bgColor: var(--bgColor-default);
1142
1152
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1143
1153
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
1144
1154
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -2066,6 +2076,8 @@
2066
2076
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
2067
2077
  --menu-bgColor-active: var(--base-color-transparent);
2068
2078
  --overlay-backdrop-bgColor: #393f4666;
2079
+ --progressBar-bgColor-neutral: var(--base-color-neutral-8);
2080
+ --progressBar-track-borderColor: var(--base-color-neutral-11);
2069
2081
  --reactionButton-selected-bgColor-rest: var(--base-color-blue-0);
2070
2082
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
2071
2083
  --selectMenu-bgColor-active: var(--base-color-blue-1);
@@ -2227,6 +2239,13 @@
2227
2239
  --overlay-bgColor: var(--base-color-neutral-0);
2228
2240
  --overlay-borderColor: var(--borderColor-default);
2229
2241
  --page-header-bgColor: var(--bgColor-muted);
2242
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
2243
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
2244
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
2245
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
2246
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
2247
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
2248
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
2230
2249
  --selection-bgColor: #0349b433;
2231
2250
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
2232
2251
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -2290,6 +2309,7 @@
2290
2309
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
2291
2310
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
2292
2311
  --focus-outline: 2px solid #0349b4;
2312
+ --progressBar-track-bgColor: var(--bgColor-default);
2293
2313
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2294
2314
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
2295
2315
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
package/dist/internalCss/light-colorblind.css CHANGED
@@ -930,6 +930,7 @@
930
930
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
931
931
  --menu-bgColor-active: var(--base-color-transparent);
932
932
  --overlay-backdrop-bgColor: #c8d1da66;
933
+ --progressBar-track-borderColor: var(--base-color-transparent);
933
934
  --reactionButton-selected-bgColor-rest: var(--base-color-blue-0);
934
935
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
935
936
  --selectMenu-bgColor-active: var(--base-color-blue-1);
@@ -1076,6 +1077,15 @@
1076
1077
  --header-fgColor-logo: var(--base-color-neutral-0);
1077
1078
  --overlay-bgColor: var(--base-color-neutral-0);
1078
1079
  --page-header-bgColor: var(--bgColor-muted);
1080
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1081
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1082
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1083
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1084
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1085
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1086
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1087
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1088
+ --progressBar-track-bgColor: var(--borderColor-default);
1079
1089
  --selection-bgColor: #0969da33;
1080
1090
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1081
1091
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -1122,7 +1132,7 @@
1122
1132
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1123
1133
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1124
1134
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1125
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1135
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1126
1136
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1127
1137
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1128
1138
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -2081,6 +2091,7 @@
2081
2091
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
2082
2092
  --menu-bgColor-active: var(--base-color-transparent);
2083
2093
  --overlay-backdrop-bgColor: #c8d1da66;
2094
+ --progressBar-track-borderColor: var(--base-color-transparent);
2084
2095
  --reactionButton-selected-bgColor-rest: var(--base-color-blue-0);
2085
2096
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
2086
2097
  --selectMenu-bgColor-active: var(--base-color-blue-1);
@@ -2227,6 +2238,15 @@
2227
2238
  --header-fgColor-logo: var(--base-color-neutral-0);
2228
2239
  --overlay-bgColor: var(--base-color-neutral-0);
2229
2240
  --page-header-bgColor: var(--bgColor-muted);
2241
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
2242
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
2243
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
2244
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
2245
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
2246
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
2247
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
2248
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
2249
+ --progressBar-track-bgColor: var(--borderColor-default);
2230
2250
  --selection-bgColor: #0969da33;
2231
2251
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
2232
2252
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -2273,7 +2293,7 @@
2273
2293
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
2274
2294
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
2275
2295
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
2276
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2296
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
2277
2297
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
2278
2298
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
2279
2299
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
package/dist/internalCss/light-high-contrast.css CHANGED
@@ -908,6 +908,8 @@
908
908
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
909
909
  --menu-bgColor-active: var(--base-color-transparent);
910
910
  --overlay-backdrop-bgColor: #393f4666;
911
+ --progressBar-bgColor-neutral: var(--base-color-neutral-8);
912
+ --progressBar-track-borderColor: var(--base-color-neutral-11);
911
913
  --reactionButton-selected-bgColor-rest: var(--base-color-blue-0);
912
914
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
913
915
  --selectMenu-bgColor-active: var(--base-color-blue-1);
@@ -1077,6 +1079,13 @@
1077
1079
  --overlay-bgColor: var(--base-color-neutral-0);
1078
1080
  --overlay-borderColor: var(--borderColor-default);
1079
1081
  --page-header-bgColor: var(--bgColor-muted);
1082
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1083
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1084
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1085
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1086
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1087
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1088
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1080
1089
  --selection-bgColor: #0349b433;
1081
1090
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1082
1091
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -1139,6 +1148,7 @@
1139
1148
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1140
1149
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1141
1150
  --focus-outline: 2px solid #0349b4;
1151
+ --progressBar-track-bgColor: var(--bgColor-default);
1142
1152
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1143
1153
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
1144
1154
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -2059,6 +2069,8 @@
2059
2069
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
2060
2070
  --menu-bgColor-active: var(--base-color-transparent);
2061
2071
  --overlay-backdrop-bgColor: #393f4666;
2072
+ --progressBar-bgColor-neutral: var(--base-color-neutral-8);
2073
+ --progressBar-track-borderColor: var(--base-color-neutral-11);
2062
2074
  --reactionButton-selected-bgColor-rest: var(--base-color-blue-0);
2063
2075
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
2064
2076
  --selectMenu-bgColor-active: var(--base-color-blue-1);
@@ -2228,6 +2240,13 @@
2228
2240
  --overlay-bgColor: var(--base-color-neutral-0);
2229
2241
  --overlay-borderColor: var(--borderColor-default);
2230
2242
  --page-header-bgColor: var(--bgColor-muted);
2243
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
2244
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
2245
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
2246
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
2247
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
2248
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
2249
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
2231
2250
  --selection-bgColor: #0349b433;
2232
2251
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
2233
2252
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -2290,6 +2309,7 @@
2290
2309
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
2291
2310
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
2292
2311
  --focus-outline: 2px solid #0349b4;
2312
+ --progressBar-track-bgColor: var(--bgColor-default);
2293
2313
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2294
2314
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
2295
2315
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
package/dist/internalCss/light-tritanopia-high-contrast.css CHANGED
@@ -915,6 +915,8 @@
915
915
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
916
916
  --menu-bgColor-active: var(--base-color-transparent);
917
917
  --overlay-backdrop-bgColor: #393f4666;
918
+ --progressBar-bgColor-neutral: var(--base-color-neutral-8);
919
+ --progressBar-track-borderColor: var(--base-color-neutral-11);
918
920
  --reactionButton-selected-bgColor-rest: var(--base-color-blue-0);
919
921
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
920
922
  --selectMenu-bgColor-active: var(--base-color-blue-1);
@@ -1076,6 +1078,13 @@
1076
1078
  --overlay-bgColor: var(--base-color-neutral-0);
1077
1079
  --overlay-borderColor: var(--borderColor-default);
1078
1080
  --page-header-bgColor: var(--bgColor-muted);
1081
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1082
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1083
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1084
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1085
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1086
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1087
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1079
1088
  --selection-bgColor: #0349b433;
1080
1089
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1081
1090
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -1139,6 +1148,7 @@
1139
1148
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
1140
1149
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1141
1150
  --focus-outline: 2px solid #0349b4;
1151
+ --progressBar-track-bgColor: var(--bgColor-default);
1142
1152
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1143
1153
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
1144
1154
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -2066,6 +2076,8 @@
2066
2076
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
2067
2077
  --menu-bgColor-active: var(--base-color-transparent);
2068
2078
  --overlay-backdrop-bgColor: #393f4666;
2079
+ --progressBar-bgColor-neutral: var(--base-color-neutral-8);
2080
+ --progressBar-track-borderColor: var(--base-color-neutral-11);
2069
2081
  --reactionButton-selected-bgColor-rest: var(--base-color-blue-0);
2070
2082
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
2071
2083
  --selectMenu-bgColor-active: var(--base-color-blue-1);
@@ -2227,6 +2239,13 @@
2227
2239
  --overlay-bgColor: var(--base-color-neutral-0);
2228
2240
  --overlay-borderColor: var(--borderColor-default);
2229
2241
  --page-header-bgColor: var(--bgColor-muted);
2242
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
2243
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
2244
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
2245
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
2246
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
2247
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
2248
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
2230
2249
  --selection-bgColor: #0349b433;
2231
2250
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
2232
2251
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -2290,6 +2309,7 @@
2290
2309
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
2291
2310
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
2292
2311
  --focus-outline: 2px solid #0349b4;
2312
+ --progressBar-track-bgColor: var(--bgColor-default);
2293
2313
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
2294
2314
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
2295
2315
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
package/dist/internalCss/light-tritanopia.css CHANGED
@@ -935,6 +935,7 @@
935
935
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
936
936
  --menu-bgColor-active: var(--base-color-transparent);
937
937
  --overlay-backdrop-bgColor: #c8d1da66;
938
+ --progressBar-track-borderColor: var(--base-color-transparent);
938
939
  --reactionButton-selected-bgColor-rest: var(--base-color-blue-0);
939
940
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
940
941
  --selectMenu-bgColor-active: var(--base-color-blue-1);
@@ -1077,6 +1078,15 @@
1077
1078
  --header-fgColor-logo: var(--base-color-neutral-0);
1078
1079
  --overlay-bgColor: var(--base-color-neutral-0);
1079
1080
  --page-header-bgColor: var(--bgColor-muted);
1081
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1082
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1083
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1084
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1085
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1086
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1087
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1088
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1089
+ --progressBar-track-bgColor: var(--borderColor-default);
1080
1090
  --selection-bgColor: #0969da33;
1081
1091
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1082
1092
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -1122,7 +1132,7 @@
1122
1132
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1123
1133
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1124
1134
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1125
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1135
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1126
1136
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1127
1137
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1128
1138
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -2086,6 +2096,7 @@
2086
2096
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
2087
2097
  --menu-bgColor-active: var(--base-color-transparent);
2088
2098
  --overlay-backdrop-bgColor: #c8d1da66;
2099
+ --progressBar-track-borderColor: var(--base-color-transparent);
2089
2100
  --reactionButton-selected-bgColor-rest: var(--base-color-blue-0);
2090
2101
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
2091
2102
  --selectMenu-bgColor-active: var(--base-color-blue-1);
@@ -2228,6 +2239,15 @@
2228
2239
  --header-fgColor-logo: var(--base-color-neutral-0);
2229
2240
  --overlay-bgColor: var(--base-color-neutral-0);
2230
2241
  --page-header-bgColor: var(--bgColor-muted);
2242
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
2243
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
2244
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
2245
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
2246
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
2247
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
2248
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
2249
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
2250
+ --progressBar-track-bgColor: var(--borderColor-default);
2231
2251
  --selection-bgColor: #0969da33;
2232
2252
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
2233
2253
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -2273,7 +2293,7 @@
2273
2293
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
2274
2294
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
2275
2295
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
2276
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2296
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
2277
2297
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
2278
2298
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
2279
2299
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
package/dist/internalCss/light.css CHANGED
@@ -931,6 +931,8 @@
931
931
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
932
932
  --menu-bgColor-active: var(--base-color-transparent);
933
933
  --overlay-backdrop-bgColor: #c8d1da66;
934
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
935
+ --progressBar-track-borderColor: var(--base-color-transparent);
934
936
  --reactionButton-selected-bgColor-rest: var(--base-color-blue-0);
935
937
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
936
938
  --selectMenu-bgColor-active: var(--base-color-blue-1);
@@ -1077,6 +1079,14 @@
1077
1079
  --header-fgColor-logo: var(--base-color-neutral-0);
1078
1080
  --overlay-bgColor: var(--base-color-neutral-0);
1079
1081
  --page-header-bgColor: var(--bgColor-muted);
1082
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1083
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1084
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1085
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1086
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1087
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1088
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1089
+ --progressBar-track-bgColor: var(--borderColor-default);
1080
1090
  --selection-bgColor: #0969da33;
1081
1091
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1082
1092
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -1122,7 +1132,7 @@
1122
1132
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1123
1133
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1124
1134
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1125
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1135
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1126
1136
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1127
1137
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1128
1138
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -2082,6 +2092,8 @@
2082
2092
  --label-yellow-fgColor-rest: var(--base-display-color-yellow-6);
2083
2093
  --menu-bgColor-active: var(--base-color-transparent);
2084
2094
  --overlay-backdrop-bgColor: #c8d1da66;
2095
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
2096
+ --progressBar-track-borderColor: var(--base-color-transparent);
2085
2097
  --reactionButton-selected-bgColor-rest: var(--base-color-blue-0);
2086
2098
  --reactionButton-selected-fgColor-hover: var(--base-color-blue-6);
2087
2099
  --selectMenu-bgColor-active: var(--base-color-blue-1);
@@ -2228,6 +2240,14 @@
2228
2240
  --header-fgColor-logo: var(--base-color-neutral-0);
2229
2241
  --overlay-bgColor: var(--base-color-neutral-0);
2230
2242
  --page-header-bgColor: var(--bgColor-muted);
2243
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
2244
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
2245
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
2246
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
2247
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
2248
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
2249
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
2250
+ --progressBar-track-bgColor: var(--borderColor-default);
2231
2251
  --selection-bgColor: #0969da33;
2232
2252
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
2233
2253
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -2273,7 +2293,7 @@
2273
2293
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
2274
2294
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
2275
2295
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
2276
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
2296
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
2277
2297
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
2278
2298
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
2279
2299
  --diffBlob-additionNum-fgColor: var(--fgColor-default);