@primer/primitives 10.1.0 → 10.2.0-rc.356b5bb4

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 (60) hide show
  1. package/dist/build/primerStyleDictionary.js +2 -0
  2. package/dist/build/schemas/colorToken.d.ts +1 -6
  3. package/dist/build/schemas/colorToken.js +1 -1
  4. package/dist/build/transformers/colorAlphaToCss.d.ts +3 -0
  5. package/dist/build/transformers/colorAlphaToCss.js +23 -0
  6. package/dist/build/transformers/colorToHex.js +1 -2
  7. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  8. package/dist/css/functional/themes/dark-high-contrast.css +2 -2
  9. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  10. package/dist/css/functional/themes/dark.css +2 -2
  11. package/dist/css/functional/themes/light-colorblind.css +2 -2
  12. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  13. package/dist/css/functional/themes/light-tritanopia.css +2 -2
  14. package/dist/css/functional/themes/light.css +2 -2
  15. package/dist/docs/functional/themes/dark-colorblind.json +47 -59
  16. package/dist/docs/functional/themes/dark-dimmed.json +13 -5
  17. package/dist/docs/functional/themes/dark-high-contrast.json +39 -17
  18. package/dist/docs/functional/themes/dark-tritanopia.json +57 -85
  19. package/dist/docs/functional/themes/dark.json +41 -33
  20. package/dist/docs/functional/themes/light-colorblind.json +37 -33
  21. package/dist/docs/functional/themes/light-high-contrast.json +35 -13
  22. package/dist/docs/functional/themes/light-tritanopia.json +37 -33
  23. package/dist/docs/functional/themes/light.json +35 -27
  24. package/dist/figma/themes/dark-colorblind.json +25 -24
  25. package/dist/figma/themes/dark-dimmed.json +6 -4
  26. package/dist/figma/themes/dark-high-contrast.json +20 -2
  27. package/dist/figma/themes/dark-tritanopia.json +29 -27
  28. package/dist/figma/themes/dark.json +31 -28
  29. package/dist/figma/themes/light-colorblind.json +16 -16
  30. package/dist/figma/themes/light-high-contrast.json +16 -0
  31. package/dist/figma/themes/light-tritanopia.json +16 -16
  32. package/dist/figma/themes/light.json +16 -16
  33. package/dist/internalCss/dark-colorblind.css +2 -2
  34. package/dist/internalCss/dark-high-contrast.css +2 -2
  35. package/dist/internalCss/dark-tritanopia.css +2 -2
  36. package/dist/internalCss/dark.css +2 -2
  37. package/dist/internalCss/light-colorblind.css +2 -2
  38. package/dist/internalCss/light-high-contrast.css +2 -2
  39. package/dist/internalCss/light-tritanopia.css +2 -2
  40. package/dist/internalCss/light.css +2 -2
  41. package/dist/styleLint/functional/themes/dark-colorblind.json +47 -59
  42. package/dist/styleLint/functional/themes/dark-dimmed.json +13 -5
  43. package/dist/styleLint/functional/themes/dark-high-contrast.json +39 -17
  44. package/dist/styleLint/functional/themes/dark-tritanopia.json +57 -85
  45. package/dist/styleLint/functional/themes/dark.json +41 -33
  46. package/dist/styleLint/functional/themes/light-colorblind.json +37 -33
  47. package/dist/styleLint/functional/themes/light-high-contrast.json +35 -13
  48. package/dist/styleLint/functional/themes/light-tritanopia.json +37 -33
  49. package/dist/styleLint/functional/themes/light.json +35 -27
  50. package/package.json +1 -1
  51. package/src/tokens/component/topicTag.json5 +19 -0
  52. package/src/tokens/functional/color/dark/app-dark.json5 +0 -14
  53. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -6
  54. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -15
  55. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +9 -27
  56. package/src/tokens/functional/color/dark/primitives-dark.json5 +3 -3
  57. package/src/tokens/functional/color/light/app-light.json5 +0 -13
  58. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -6
  59. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +1 -3
  60. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +1 -3
@@ -1,20 +1,4 @@
1
1
  [
2
- {
3
- "name": "topicTag/borderColor",
4
- "value": {
5
- "r": 1,
6
- "g": 1,
7
- "b": 1,
8
- "a": 0
9
- },
10
- "type": "COLOR",
11
- "refId": "mode/topicTag/borderColor",
12
- "reference": "base/color/light/base/color/transparent",
13
- "collection": "mode",
14
- "mode": "light colorblind",
15
- "group": "component",
16
- "scopes": ["STROKE_COLOR"]
17
- },
18
2
  {
19
3
  "name": "highlight/neutral/bgColor",
20
4
  "value": {
@@ -9421,5 +9405,21 @@
9421
9405
  "mode": "light colorblind",
9422
9406
  "collection": "mode",
9423
9407
  "group": "shadow"
9408
+ },
9409
+ {
9410
+ "name": "topicTag/borderColor",
9411
+ "value": {
9412
+ "r": 1,
9413
+ "g": 1,
9414
+ "b": 1,
9415
+ "a": 0
9416
+ },
9417
+ "type": "COLOR",
9418
+ "refId": "mode/topicTag/borderColor",
9419
+ "reference": "base/color/light/base/color/transparent",
9420
+ "collection": "mode",
9421
+ "mode": "light colorblind",
9422
+ "group": "component",
9423
+ "scopes": ["STROKE_COLOR"]
9424
9424
  }
9425
9425
  ]
@@ -7871,5 +7871,21 @@
7871
7871
  "mode": "light high contrast",
7872
7872
  "collection": "mode",
7873
7873
  "group": "shadow"
7874
+ },
7875
+ {
7876
+ "name": "topicTag/borderColor",
7877
+ "value": {
7878
+ "r": 1,
7879
+ "g": 1,
7880
+ "b": 1,
7881
+ "a": 0
7882
+ },
7883
+ "type": "COLOR",
7884
+ "refId": "mode/topicTag/borderColor",
7885
+ "reference": "base/color/light/base/color/transparent",
7886
+ "collection": "mode",
7887
+ "mode": "light high contrast",
7888
+ "group": "component",
7889
+ "scopes": ["STROKE_COLOR"]
7874
7890
  }
7875
7891
  ]
@@ -1,20 +1,4 @@
1
1
  [
2
- {
3
- "name": "topicTag/borderColor",
4
- "value": {
5
- "r": 1,
6
- "g": 1,
7
- "b": 1,
8
- "a": 0
9
- },
10
- "type": "COLOR",
11
- "refId": "mode/topicTag/borderColor",
12
- "reference": "base/color/light/base/color/transparent",
13
- "collection": "mode",
14
- "mode": "light tritanopia",
15
- "group": "component",
16
- "scopes": ["STROKE_COLOR"]
17
- },
18
2
  {
19
3
  "name": "highlight/neutral/bgColor",
20
4
  "value": {
@@ -9547,5 +9531,21 @@
9547
9531
  "mode": "light tritanopia",
9548
9532
  "collection": "mode",
9549
9533
  "group": "shadow"
9534
+ },
9535
+ {
9536
+ "name": "topicTag/borderColor",
9537
+ "value": {
9538
+ "r": 1,
9539
+ "g": 1,
9540
+ "b": 1,
9541
+ "a": 0
9542
+ },
9543
+ "type": "COLOR",
9544
+ "refId": "mode/topicTag/borderColor",
9545
+ "reference": "base/color/light/base/color/transparent",
9546
+ "collection": "mode",
9547
+ "mode": "light tritanopia",
9548
+ "group": "component",
9549
+ "scopes": ["STROKE_COLOR"]
9550
9550
  }
9551
9551
  ]
@@ -1,20 +1,4 @@
1
1
  [
2
- {
3
- "name": "topicTag/borderColor",
4
- "value": {
5
- "r": 1,
6
- "g": 1,
7
- "b": 1,
8
- "a": 0
9
- },
10
- "type": "COLOR",
11
- "refId": "mode/topicTag/borderColor",
12
- "reference": "base/color/light/base/color/transparent",
13
- "collection": "mode",
14
- "mode": "light",
15
- "group": "component",
16
- "scopes": ["STROKE_COLOR"]
17
- },
18
2
  {
19
3
  "name": "highlight/neutral/bgColor",
20
4
  "value": {
@@ -10199,5 +10183,21 @@
10199
10183
  "mode": "light",
10200
10184
  "collection": "mode",
10201
10185
  "group": "shadow"
10186
+ },
10187
+ {
10188
+ "name": "topicTag/borderColor",
10189
+ "value": {
10190
+ "r": 1,
10191
+ "g": 1,
10192
+ "b": 1,
10193
+ "a": 0
10194
+ },
10195
+ "type": "COLOR",
10196
+ "refId": "mode/topicTag/borderColor",
10197
+ "reference": "base/color/light/base/color/transparent",
10198
+ "collection": "mode",
10199
+ "mode": "light",
10200
+ "group": "component",
10201
+ "scopes": ["STROKE_COLOR"]
10202
10202
  }
10203
10203
  ]
@@ -306,7 +306,6 @@
306
306
  --base-display-color-brown-9: #dbceb3;
307
307
  --base-display-color-black: #0d1117;
308
308
  --base-display-color-white: #ffffff;
309
- --topicTag-borderColor: #00000000;
310
309
  --highlight-neutral-bgColor: #d2992266;
311
310
  --page-header-bgColor: #0d1117;
312
311
  --diffBlob-additionLine-fgColor: #f0f6fc;
@@ -908,6 +907,7 @@
908
907
  --border-upsell-muted: 0.0625rem solid #ab7df866;
909
908
  --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
910
909
  --border-sponsors-muted: 0.0625rem solid #db61a266;
910
+ --topicTag-borderColor: #00000000;
911
911
  }
912
912
  @media (prefers-color-scheme: dark) {
913
913
  [data-color-mode="auto"][data-dark-theme="dark_colorblind"],
@@ -1216,7 +1216,6 @@
1216
1216
  --base-display-color-brown-9: #dbceb3;
1217
1217
  --base-display-color-black: #0d1117;
1218
1218
  --base-display-color-white: #ffffff;
1219
- --topicTag-borderColor: #00000000;
1220
1219
  --highlight-neutral-bgColor: #d2992266;
1221
1220
  --page-header-bgColor: #0d1117;
1222
1221
  --diffBlob-additionLine-fgColor: #f0f6fc;
@@ -1818,5 +1817,6 @@
1818
1817
  --border-upsell-muted: 0.0625rem solid #ab7df866;
1819
1818
  --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
1820
1819
  --border-sponsors-muted: 0.0625rem solid #db61a266;
1820
+ --topicTag-borderColor: #00000000;
1821
1821
  }
1822
1822
  }
@@ -306,7 +306,6 @@
306
306
  --base-display-color-brown-9: #dbceb3;
307
307
  --base-display-color-black: #0d1117;
308
308
  --base-display-color-white: #ffffff;
309
- --topicTag-borderColor: #409eff;
310
309
  --highlight-neutral-bgColor: #f0b72f66;
311
310
  --page-header-bgColor: #010409;
312
311
  --diffBlob-additionLine-fgColor: #ffffff;
@@ -908,6 +907,7 @@
908
907
  --border-upsell-muted: 0.0625rem solid #bf8fff;
909
908
  --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
910
909
  --border-sponsors-muted: 0.0625rem solid #f87cbd;
910
+ --topicTag-borderColor: #00000000;
911
911
  }
912
912
  @media (prefers-color-scheme: dark) {
913
913
  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
@@ -1216,7 +1216,6 @@
1216
1216
  --base-display-color-brown-9: #dbceb3;
1217
1217
  --base-display-color-black: #0d1117;
1218
1218
  --base-display-color-white: #ffffff;
1219
- --topicTag-borderColor: #409eff;
1220
1219
  --highlight-neutral-bgColor: #f0b72f66;
1221
1220
  --page-header-bgColor: #010409;
1222
1221
  --diffBlob-additionLine-fgColor: #ffffff;
@@ -1818,5 +1817,6 @@
1818
1817
  --border-upsell-muted: 0.0625rem solid #bf8fff;
1819
1818
  --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
1820
1819
  --border-sponsors-muted: 0.0625rem solid #f87cbd;
1820
+ --topicTag-borderColor: #00000000;
1821
1821
  }
1822
1822
  }
@@ -306,7 +306,6 @@
306
306
  --base-display-color-brown-9: #dbceb3;
307
307
  --base-display-color-black: #0d1117;
308
308
  --base-display-color-white: #ffffff;
309
- --topicTag-borderColor: #00000000;
310
309
  --highlight-neutral-bgColor: #d2992266;
311
310
  --page-header-bgColor: #0d1117;
312
311
  --diffBlob-additionLine-fgColor: #f0f6fc;
@@ -908,6 +907,7 @@
908
907
  --border-upsell-muted: 0.0625rem solid #ab7df866;
909
908
  --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
910
909
  --border-sponsors-muted: 0.0625rem solid #db61a266;
910
+ --topicTag-borderColor: #00000000;
911
911
  }
912
912
  @media (prefers-color-scheme: dark) {
913
913
  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
@@ -1216,7 +1216,6 @@
1216
1216
  --base-display-color-brown-9: #dbceb3;
1217
1217
  --base-display-color-black: #0d1117;
1218
1218
  --base-display-color-white: #ffffff;
1219
- --topicTag-borderColor: #00000000;
1220
1219
  --highlight-neutral-bgColor: #d2992266;
1221
1220
  --page-header-bgColor: #0d1117;
1222
1221
  --diffBlob-additionLine-fgColor: #f0f6fc;
@@ -1818,5 +1817,6 @@
1818
1817
  --border-upsell-muted: 0.0625rem solid #ab7df866;
1819
1818
  --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
1820
1819
  --border-sponsors-muted: 0.0625rem solid #db61a266;
1820
+ --topicTag-borderColor: #00000000;
1821
1821
  }
1822
1822
  }
@@ -306,7 +306,6 @@
306
306
  --base-display-color-brown-9: #dbceb3;
307
307
  --base-display-color-black: #0d1117;
308
308
  --base-display-color-white: #ffffff;
309
- --topicTag-borderColor: #00000000;
310
309
  --highlight-neutral-bgColor: #d2992266;
311
310
  --page-header-bgColor: #0d1117;
312
311
  --diffBlob-additionLine-fgColor: #f0f6fc;
@@ -908,6 +907,7 @@
908
907
  --border-upsell-muted: 0.0625rem solid #ab7df866;
909
908
  --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
910
909
  --border-sponsors-muted: 0.0625rem solid #db61a266;
910
+ --topicTag-borderColor: #00000000;
911
911
  }
912
912
  @media (prefers-color-scheme: dark) {
913
913
  [data-color-mode="auto"][data-dark-theme="dark"],
@@ -1216,7 +1216,6 @@
1216
1216
  --base-display-color-brown-9: #dbceb3;
1217
1217
  --base-display-color-black: #0d1117;
1218
1218
  --base-display-color-white: #ffffff;
1219
- --topicTag-borderColor: #00000000;
1220
1219
  --highlight-neutral-bgColor: #d2992266;
1221
1220
  --page-header-bgColor: #0d1117;
1222
1221
  --diffBlob-additionLine-fgColor: #f0f6fc;
@@ -1818,5 +1817,6 @@
1818
1817
  --border-upsell-muted: 0.0625rem solid #ab7df866;
1819
1818
  --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
1820
1819
  --border-sponsors-muted: 0.0625rem solid #db61a266;
1820
+ --topicTag-borderColor: #00000000;
1821
1821
  }
1822
1822
  }
@@ -306,7 +306,6 @@
306
306
  --base-display-color-coral-9: #5d180e;
307
307
  --base-display-color-black: #0d1117;
308
308
  --base-display-color-white: #ffffff;
309
- --topicTag-borderColor: #ffffff00;
310
309
  --highlight-neutral-bgColor: #fff8c5;
311
310
  --page-header-bgColor: #f6f8fa;
312
311
  --diffBlob-additionLine-fgColor: #1f2328;
@@ -908,6 +907,7 @@
908
907
  --border-upsell-muted: 0.0625rem solid #c297ff66;
909
908
  --border-sponsors-emphasis: 0.0625rem solid #bf3989;
910
909
  --border-sponsors-muted: 0.0625rem solid #ff80c866;
910
+ --topicTag-borderColor: #ffffff00;
911
911
  }
912
912
  @media (prefers-color-scheme: dark) {
913
913
  [data-color-mode="auto"][data-dark-theme="light_colorblind"],
@@ -1216,7 +1216,6 @@
1216
1216
  --base-display-color-coral-9: #5d180e;
1217
1217
  --base-display-color-black: #0d1117;
1218
1218
  --base-display-color-white: #ffffff;
1219
- --topicTag-borderColor: #ffffff00;
1220
1219
  --highlight-neutral-bgColor: #fff8c5;
1221
1220
  --page-header-bgColor: #f6f8fa;
1222
1221
  --diffBlob-additionLine-fgColor: #1f2328;
@@ -1818,5 +1817,6 @@
1818
1817
  --border-upsell-muted: 0.0625rem solid #c297ff66;
1819
1818
  --border-sponsors-emphasis: 0.0625rem solid #bf3989;
1820
1819
  --border-sponsors-muted: 0.0625rem solid #ff80c866;
1820
+ --topicTag-borderColor: #ffffff00;
1821
1821
  }
1822
1822
  }
@@ -306,7 +306,6 @@
306
306
  --base-display-color-coral-9: #5d180e;
307
307
  --base-display-color-black: #0d1117;
308
308
  --base-display-color-white: #ffffff;
309
- --topicTag-borderColor: #0349b4;
310
309
  --highlight-neutral-bgColor: #fcf7be;
311
310
  --page-header-bgColor: #e6eaef;
312
311
  --diffBlob-additionLine-fgColor: #010409;
@@ -908,6 +907,7 @@
908
907
  --border-upsell-muted: 0.0625rem solid #a371f7;
909
908
  --border-sponsors-emphasis: 0.0625rem solid #971368;
910
909
  --border-sponsors-muted: 0.0625rem solid #ed4baf;
910
+ --topicTag-borderColor: #ffffff00;
911
911
  }
912
912
  @media (prefers-color-scheme: dark) {
913
913
  [data-color-mode="auto"][data-dark-theme="light_high_contrast"],
@@ -1216,7 +1216,6 @@
1216
1216
  --base-display-color-coral-9: #5d180e;
1217
1217
  --base-display-color-black: #0d1117;
1218
1218
  --base-display-color-white: #ffffff;
1219
- --topicTag-borderColor: #0349b4;
1220
1219
  --highlight-neutral-bgColor: #fcf7be;
1221
1220
  --page-header-bgColor: #e6eaef;
1222
1221
  --diffBlob-additionLine-fgColor: #010409;
@@ -1818,5 +1817,6 @@
1818
1817
  --border-upsell-muted: 0.0625rem solid #a371f7;
1819
1818
  --border-sponsors-emphasis: 0.0625rem solid #971368;
1820
1819
  --border-sponsors-muted: 0.0625rem solid #ed4baf;
1820
+ --topicTag-borderColor: #ffffff00;
1821
1821
  }
1822
1822
  }
@@ -306,7 +306,6 @@
306
306
  --base-display-color-coral-9: #5d180e;
307
307
  --base-display-color-black: #0d1117;
308
308
  --base-display-color-white: #ffffff;
309
- --topicTag-borderColor: #ffffff00;
310
309
  --highlight-neutral-bgColor: #fff8c5;
311
310
  --page-header-bgColor: #f6f8fa;
312
311
  --diffBlob-additionLine-fgColor: #1f2328;
@@ -908,6 +907,7 @@
908
907
  --border-upsell-muted: 0.0625rem solid #c297ff66;
909
908
  --border-sponsors-emphasis: 0.0625rem solid #bf3989;
910
909
  --border-sponsors-muted: 0.0625rem solid #ff80c866;
910
+ --topicTag-borderColor: #ffffff00;
911
911
  }
912
912
  @media (prefers-color-scheme: dark) {
913
913
  [data-color-mode="auto"][data-dark-theme="light_tritanopia"],
@@ -1216,7 +1216,6 @@
1216
1216
  --base-display-color-coral-9: #5d180e;
1217
1217
  --base-display-color-black: #0d1117;
1218
1218
  --base-display-color-white: #ffffff;
1219
- --topicTag-borderColor: #ffffff00;
1220
1219
  --highlight-neutral-bgColor: #fff8c5;
1221
1220
  --page-header-bgColor: #f6f8fa;
1222
1221
  --diffBlob-additionLine-fgColor: #1f2328;
@@ -1818,5 +1817,6 @@
1818
1817
  --border-upsell-muted: 0.0625rem solid #c297ff66;
1819
1818
  --border-sponsors-emphasis: 0.0625rem solid #bf3989;
1820
1819
  --border-sponsors-muted: 0.0625rem solid #ff80c866;
1820
+ --topicTag-borderColor: #ffffff00;
1821
1821
  }
1822
1822
  }
@@ -306,7 +306,6 @@
306
306
  --base-display-color-coral-9: #5d180e;
307
307
  --base-display-color-black: #0d1117;
308
308
  --base-display-color-white: #ffffff;
309
- --topicTag-borderColor: #ffffff00;
310
309
  --highlight-neutral-bgColor: #fff8c5;
311
310
  --page-header-bgColor: #f6f8fa;
312
311
  --diffBlob-additionLine-fgColor: #1f2328;
@@ -908,6 +907,7 @@
908
907
  --border-upsell-muted: 0.0625rem solid #c297ff66;
909
908
  --border-sponsors-emphasis: 0.0625rem solid #bf3989;
910
909
  --border-sponsors-muted: 0.0625rem solid #ff80c866;
910
+ --topicTag-borderColor: #ffffff00;
911
911
  }
912
912
  @media (prefers-color-scheme: dark) {
913
913
  [data-color-mode="auto"][data-dark-theme="light"],
@@ -1216,7 +1216,6 @@
1216
1216
  --base-display-color-coral-9: #5d180e;
1217
1217
  --base-display-color-black: #0d1117;
1218
1218
  --base-display-color-white: #ffffff;
1219
- --topicTag-borderColor: #ffffff00;
1220
1219
  --highlight-neutral-bgColor: #fff8c5;
1221
1220
  --page-header-bgColor: #f6f8fa;
1222
1221
  --diffBlob-additionLine-fgColor: #1f2328;
@@ -1818,5 +1817,6 @@
1818
1817
  --border-upsell-muted: 0.0625rem solid #c297ff66;
1819
1818
  --border-sponsors-emphasis: 0.0625rem solid #bf3989;
1820
1819
  --border-sponsors-muted: 0.0625rem solid #ff80c866;
1820
+ --topicTag-borderColor: #ffffff00;
1821
1821
  }
1822
1822
  }
@@ -1,31 +1,4 @@
1
1
  {
2
- "topicTag-borderColor": {
3
- "$value": "#00000000",
4
- "$type": "color",
5
- "$extensions": {
6
- "org.primer.figma": {
7
- "collection": "mode",
8
- "group": "component",
9
- "scopes": ["borderColor"]
10
- }
11
- },
12
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
13
- "isSource": true,
14
- "original": {
15
- "$value": "{base.color.transparent}",
16
- "$type": "color",
17
- "$extensions": {
18
- "org.primer.figma": {
19
- "collection": "mode",
20
- "group": "component",
21
- "scopes": ["borderColor"]
22
- }
23
- }
24
- },
25
- "name": "topicTag-borderColor",
26
- "attributes": {},
27
- "path": ["topicTag", "borderColor"]
28
- },
29
2
  "highlight-neutral-bgColor": {
30
3
  "$value": "#d2992266",
31
4
  "$type": "color",
@@ -378,17 +351,13 @@
378
351
  "diffBlob-hunkLine-bgColor": {
379
352
  "$value": "#212830",
380
353
  "$type": "color",
381
- "$extensions": {
382
- "alpha": 1
383
- },
354
+ "alpha": 1,
384
355
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
385
356
  "isSource": true,
386
357
  "original": {
387
358
  "$value": "{base.color.neutral.3}",
388
359
  "$type": "color",
389
- "$extensions": {
390
- "alpha": 1
391
- }
360
+ "alpha": 1
392
361
  },
393
362
  "name": "diffBlob-hunkLine-bgColor",
394
363
  "attributes": {},
@@ -451,17 +420,13 @@
451
420
  "diffBlob-hunkNum-bgColor-rest": {
452
421
  "$value": "#2f3742",
453
422
  "$type": "color",
454
- "$extensions": {
455
- "alpha": 1
456
- },
423
+ "alpha": 1,
457
424
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
458
425
  "isSource": true,
459
426
  "original": {
460
427
  "$value": "{base.color.neutral.6}",
461
428
  "$type": "color",
462
- "$extensions": {
463
- "alpha": 1
464
- }
429
+ "alpha": 1
465
430
  },
466
431
  "name": "diffBlob-hunkNum-bgColor-rest",
467
432
  "attributes": {},
@@ -470,17 +435,13 @@
470
435
  "diffBlob-hunkNum-bgColor-hover": {
471
436
  "$value": "#656c76",
472
437
  "$type": "color",
473
- "$extensions": {
474
- "alpha": 1
475
- },
438
+ "alpha": 1,
476
439
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
477
440
  "isSource": true,
478
441
  "original": {
479
442
  "$value": "{base.color.neutral.8}",
480
443
  "$type": "color",
481
- "$extensions": {
482
- "alpha": 1
483
- }
444
+ "alpha": 1
484
445
  },
485
446
  "name": "diffBlob-hunkNum-bgColor-hover",
486
447
  "attributes": {},
@@ -11932,8 +11893,8 @@
11932
11893
  "fgColor-disabled": {
11933
11894
  "$value": "#656c7699",
11934
11895
  "$type": "color",
11896
+ "alpha": 0.6,
11935
11897
  "$extensions": {
11936
- "alpha": 0.6,
11937
11898
  "org.primer.figma": {
11938
11899
  "collection": "mode",
11939
11900
  "group": "semantic",
@@ -11945,8 +11906,8 @@
11945
11906
  "original": {
11946
11907
  "$value": "{base.color.neutral.8}",
11947
11908
  "$type": "color",
11909
+ "alpha": 0.6,
11948
11910
  "$extensions": {
11949
- "alpha": 0.6,
11950
11911
  "org.primer.figma": {
11951
11912
  "collection": "mode",
11952
11913
  "group": "semantic",
@@ -12888,17 +12849,13 @@
12888
12849
  "bgColor-closed-muted": {
12889
12850
  "$value": "#656c761a",
12890
12851
  "$type": "color",
12891
- "$extensions": {
12892
- "alpha": 0.1
12893
- },
12852
+ "alpha": 0.1,
12894
12853
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
12895
12854
  "isSource": true,
12896
12855
  "original": {
12897
12856
  "$value": "{bgColor.neutral.muted}",
12898
12857
  "$type": "color",
12899
- "$extensions": {
12900
- "alpha": 0.1
12901
- }
12858
+ "alpha": 0.1
12902
12859
  },
12903
12860
  "name": "bgColor-closed-muted",
12904
12861
  "attributes": {},
@@ -13646,17 +13603,13 @@
13646
13603
  "borderColor-closed-muted": {
13647
13604
  "$value": "#3d444d66",
13648
13605
  "$type": "color",
13649
- "$extensions": {
13650
- "alpha": 0.4
13651
- },
13606
+ "alpha": 0.4,
13652
13607
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
13653
13608
  "isSource": true,
13654
13609
  "original": {
13655
13610
  "$value": "{borderColor.muted}",
13656
13611
  "$type": "color",
13657
- "$extensions": {
13658
- "alpha": 0.4
13659
- }
13612
+ "alpha": 0.4
13660
13613
  },
13661
13614
  "name": "borderColor-closed-muted",
13662
13615
  "attributes": {},
@@ -15705,5 +15658,40 @@
15705
15658
  "name": "border-sponsors-muted",
15706
15659
  "attributes": {},
15707
15660
  "path": ["border", "sponsors", "muted"]
15661
+ },
15662
+ "topicTag-borderColor": {
15663
+ "$value": "#00000000",
15664
+ "$type": "color",
15665
+ "$extensions": {
15666
+ "org.primer.figma": {
15667
+ "collection": "mode",
15668
+ "group": "component",
15669
+ "scopes": ["borderColor"]
15670
+ },
15671
+ "org.primer.overrides": {
15672
+ "light-high-contrast": "#1f6feb",
15673
+ "dark-high-contrast": "#1f6feb"
15674
+ }
15675
+ },
15676
+ "filePath": "src/tokens/component/topicTag.json5",
15677
+ "isSource": true,
15678
+ "original": {
15679
+ "$value": "{base.color.transparent}",
15680
+ "$type": "color",
15681
+ "$extensions": {
15682
+ "org.primer.figma": {
15683
+ "collection": "mode",
15684
+ "group": "component",
15685
+ "scopes": ["borderColor"]
15686
+ },
15687
+ "org.primer.overrides": {
15688
+ "light-high-contrast": "{borderColor.accent.emphasis}",
15689
+ "dark-high-contrast": "{borderColor.accent.emphasis}"
15690
+ }
15691
+ }
15692
+ },
15693
+ "name": "topicTag-borderColor",
15694
+ "attributes": {},
15695
+ "path": ["topicTag", "borderColor"]
15708
15696
  }
15709
15697
  }
@@ -7,9 +7,13 @@
7
7
  "collection": "mode",
8
8
  "group": "component",
9
9
  "scopes": ["borderColor"]
10
+ },
11
+ "org.primer.overrides": {
12
+ "light-high-contrast": "#316dca",
13
+ "dark-high-contrast": "#316dca"
10
14
  }
11
15
  },
12
- "filePath": "src/tokens/functional/color/dark/app-dark.json5",
16
+ "filePath": "src/tokens/component/topicTag.json5",
13
17
  "isSource": true,
14
18
  "original": {
15
19
  "$value": "{base.color.transparent}",
@@ -19,6 +23,10 @@
19
23
  "collection": "mode",
20
24
  "group": "component",
21
25
  "scopes": ["borderColor"]
26
+ },
27
+ "org.primer.overrides": {
28
+ "light-high-contrast": "{borderColor.accent.emphasis}",
29
+ "dark-high-contrast": "{borderColor.accent.emphasis}"
22
30
  }
23
31
  }
24
32
  },
@@ -12618,8 +12626,8 @@
12618
12626
  "bgColor-danger-muted": {
12619
12627
  "$value": "#e5534b1a",
12620
12628
  "$type": "color",
12629
+ "alpha": 0.1,
12621
12630
  "$extensions": {
12622
- "alpha": 0.1,
12623
12631
  "org.primer.figma": {
12624
12632
  "collection": "mode",
12625
12633
  "group": "semantic",
@@ -12634,8 +12642,8 @@
12634
12642
  "original": {
12635
12643
  "$value": "{base.color.red.4}",
12636
12644
  "$type": "color",
12645
+ "alpha": 0.1,
12637
12646
  "$extensions": {
12638
- "alpha": 0.1,
12639
12647
  "org.primer.figma": {
12640
12648
  "collection": "mode",
12641
12649
  "group": "semantic",
@@ -12686,8 +12694,8 @@
12686
12694
  "bgColor-closed-muted": {
12687
12695
  "$value": "#e5534b1a",
12688
12696
  "$type": "color",
12697
+ "alpha": 0.1,
12689
12698
  "$extensions": {
12690
- "alpha": 0.1,
12691
12699
  "org.primer.figma": {
12692
12700
  "collection": "mode",
12693
12701
  "group": "semantic",
@@ -12702,8 +12710,8 @@
12702
12710
  "original": {
12703
12711
  "$value": "{bgColor.danger.muted}",
12704
12712
  "$type": "color",
12713
+ "alpha": 0.1,
12705
12714
  "$extensions": {
12706
- "alpha": 0.1,
12707
12715
  "org.primer.figma": {
12708
12716
  "collection": "mode",
12709
12717
  "group": "semantic",