@primer/primitives 7.11.8-rc.fa82fd1 → 7.11.8

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 (113) hide show
  1. package/package.json +2 -2
  2. package/tokens-next-private/css/functional/themes/dark-colorblind.css +6 -8
  3. package/tokens-next-private/css/functional/themes/dark-dimmed.css +6 -8
  4. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +8 -10
  5. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +6 -8
  6. package/tokens-next-private/css/functional/themes/dark.css +6 -8
  7. package/tokens-next-private/css/functional/themes/light-colorblind.css +8 -10
  8. package/tokens-next-private/css/functional/themes/light-high-contrast.css +12 -14
  9. package/tokens-next-private/css/functional/themes/light-tritanopia.css +8 -10
  10. package/tokens-next-private/css/functional/themes/light.css +8 -10
  11. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +37 -40
  12. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +37 -40
  13. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +41 -44
  14. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +37 -40
  15. package/tokens-next-private/docs/functional/themes/dark.json +37 -40
  16. package/tokens-next-private/docs/functional/themes/light-colorblind.json +41 -42
  17. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +49 -50
  18. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +41 -42
  19. package/tokens-next-private/docs/functional/themes/light.json +41 -42
  20. package/tokens-next-private/fallbacks/color-fallbacks.json +245 -0
  21. package/tokens-next-private/js/functional/themes/dark-colorblind.js +7 -6
  22. package/tokens-next-private/js/functional/themes/dark-dimmed.js +7 -6
  23. package/tokens-next-private/js/functional/themes/dark-high-contrast.js +8 -7
  24. package/tokens-next-private/js/functional/themes/dark-tritanopia.js +7 -6
  25. package/tokens-next-private/js/functional/themes/dark.js +7 -6
  26. package/tokens-next-private/js/functional/themes/light-colorblind.js +8 -7
  27. package/tokens-next-private/js/functional/themes/light-high-contrast.js +10 -9
  28. package/tokens-next-private/js/functional/themes/light-tritanopia.js +8 -7
  29. package/tokens-next-private/js/functional/themes/light.js +8 -7
  30. package/tokens-next-private/json/functional/themes/dark-colorblind.json +8 -7
  31. package/tokens-next-private/json/functional/themes/dark-dimmed.json +8 -7
  32. package/tokens-next-private/json/functional/themes/dark-high-contrast.json +9 -8
  33. package/tokens-next-private/json/functional/themes/dark-tritanopia.json +8 -7
  34. package/tokens-next-private/json/functional/themes/dark.json +8 -7
  35. package/tokens-next-private/json/functional/themes/light-colorblind.json +9 -8
  36. package/tokens-next-private/json/functional/themes/light-high-contrast.json +11 -10
  37. package/tokens-next-private/json/functional/themes/light-tritanopia.json +9 -8
  38. package/tokens-next-private/json/functional/themes/light.json +9 -8
  39. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +3 -4
  40. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +3 -4
  41. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +4 -5
  42. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +3 -4
  43. package/tokens-next-private/scss/functional/themes/dark.scss +3 -4
  44. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +4 -5
  45. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +6 -7
  46. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +4 -5
  47. package/tokens-next-private/scss/functional/themes/light.scss +4 -5
  48. package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +7 -6
  49. package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +7 -6
  50. package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +8 -7
  51. package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +7 -6
  52. package/tokens-next-private/ts/functional/themes/dark.ts +7 -6
  53. package/tokens-next-private/ts/functional/themes/light-colorblind.ts +8 -7
  54. package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +10 -9
  55. package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +8 -7
  56. package/tokens-next-private/ts/functional/themes/light.ts +8 -7
  57. package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +1 -1
  58. package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +1 -1
  59. package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +6 -5
  60. package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +1 -1
  61. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  62. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  63. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  64. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  65. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  66. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  67. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  68. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  69. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  70. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  71. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  72. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  73. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  74. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  75. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  76. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  77. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  78. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  79. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  80. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  81. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  82. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  83. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  84. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  85. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  86. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  87. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  88. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  89. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  90. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  91. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  92. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  93. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  94. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  95. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  96. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  97. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  98. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  99. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  105. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  106. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  107. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  108. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  110. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  111. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  112. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  113. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -181,8 +181,8 @@
181
181
  },
182
182
  "borderColor": {
183
183
  "rest": "#409eff",
184
- "hover": "#00000000",
185
- "active": "#00000000",
184
+ "hover": "#4aa3ff",
185
+ "active": "#54a8ff",
186
186
  "disabled": "#7a828e"
187
187
  }
188
188
  }
@@ -333,6 +333,11 @@
333
333
  "rest": "#525964"
334
334
  }
335
335
  },
336
+ "invisible": {
337
+ "bgColor": {
338
+ "rest": "#525964"
339
+ }
340
+ },
336
341
  "primary": {
337
342
  "bgColor": {
338
343
  "rest": "#01040926"
@@ -413,11 +418,7 @@
413
418
  "onEmphasis": "#0a0c10",
414
419
  "disabled": "#7a828e",
415
420
  "link": {
416
- "rest": "#409eff",
417
- "inverse": {
418
- "rest": "#409eff"
419
- },
420
- "control": "#939ca8"
421
+ "rest": "#409eff"
421
422
  },
422
423
  "accent": "#409eff",
423
424
  "success": "#26cd4d",
@@ -481,7 +482,7 @@
481
482
  "emphasis": "#7a828e",
482
483
  "disabled": "#7a828e",
483
484
  "neutral": {
484
- "muted": "#9ea7b366",
485
+ "muted": "#9ea7b3",
485
486
  "emphasis": "#9ea7b3"
486
487
  },
487
488
  "accent": {
@@ -181,8 +181,8 @@
181
181
  },
182
182
  "borderColor": {
183
183
  "rest": "#1f6feb",
184
- "hover": "#00000000",
185
- "active": "#00000000",
184
+ "hover": "#2a7aef",
185
+ "active": "#3685f3",
186
186
  "disabled": "#484f58"
187
187
  }
188
188
  }
@@ -333,6 +333,11 @@
333
333
  "rest": "#30363d"
334
334
  }
335
335
  },
336
+ "invisible": {
337
+ "bgColor": {
338
+ "rest": "#30363d"
339
+ }
340
+ },
336
341
  "primary": {
337
342
  "bgColor": {
338
343
  "rest": "#04260f33"
@@ -413,11 +418,7 @@
413
418
  "onEmphasis": "#ffffff",
414
419
  "disabled": "#484f58",
415
420
  "link": {
416
- "rest": "#2f81f7",
417
- "inverse": {
418
- "rest": "#1f6feb"
419
- },
420
- "control": "#636a75"
421
+ "rest": "#2f81f7"
421
422
  },
422
423
  "accent": "#2f81f7",
423
424
  "success": "#58a6ff",
@@ -181,8 +181,8 @@
181
181
  },
182
182
  "borderColor": {
183
183
  "rest": "#1f6feb",
184
- "hover": "#00000000",
185
- "active": "#00000000",
184
+ "hover": "#2a7aef",
185
+ "active": "#3685f3",
186
186
  "disabled": "#484f58"
187
187
  }
188
188
  }
@@ -333,6 +333,11 @@
333
333
  "rest": "#30363d"
334
334
  }
335
335
  },
336
+ "invisible": {
337
+ "bgColor": {
338
+ "rest": "#30363d"
339
+ }
340
+ },
336
341
  "primary": {
337
342
  "bgColor": {
338
343
  "rest": "#04260f33"
@@ -413,11 +418,7 @@
413
418
  "onEmphasis": "#ffffff",
414
419
  "disabled": "#484f58",
415
420
  "link": {
416
- "rest": "#2f81f7",
417
- "inverse": {
418
- "rest": "#1f6feb"
419
- },
420
- "control": "#636a75"
421
+ "rest": "#2f81f7"
421
422
  },
422
423
  "accent": "#2f81f7",
423
424
  "success": "#3fb950",
@@ -181,8 +181,8 @@
181
181
  },
182
182
  "borderColor": {
183
183
  "rest": "#0969da",
184
- "hover": "#00000000",
185
- "active": "#00000000",
184
+ "hover": "#0860ca",
185
+ "active": "#0757ba",
186
186
  "disabled": "#8c959f"
187
187
  }
188
188
  }
@@ -330,7 +330,12 @@
330
330
  "buttonCounter": {
331
331
  "default": {
332
332
  "bgColor": {
333
- "rest": "#eaeef280"
333
+ "rest": "#eaeef2"
334
+ }
335
+ },
336
+ "invisible": {
337
+ "bgColor": {
338
+ "rest": "#eaeef2"
334
339
  }
335
340
  },
336
341
  "primary": {
@@ -414,11 +419,7 @@
414
419
  "onEmphasis": "#ffffff",
415
420
  "disabled": "#8c959f",
416
421
  "link": {
417
- "rest": "#0969da",
418
- "inverse": {
419
- "rest": "#54aeff"
420
- },
421
- "control": "#868f99"
422
+ "rest": "#0969da"
422
423
  },
423
424
  "accent": "#0969da",
424
425
  "success": "#0969da",
@@ -181,8 +181,8 @@
181
181
  },
182
182
  "borderColor": {
183
183
  "rest": "#0349b4",
184
- "hover": "#00000000",
185
- "active": "#00000000",
184
+ "hover": "#0344a8",
185
+ "active": "#033f9d",
186
186
  "disabled": "#88929d"
187
187
  }
188
188
  }
@@ -330,7 +330,12 @@
330
330
  "buttonCounter": {
331
331
  "default": {
332
332
  "bgColor": {
333
- "rest": "#e7ecf0"
333
+ "rest": "#66707b33"
334
+ }
335
+ },
336
+ "invisible": {
337
+ "bgColor": {
338
+ "rest": "#66707b33"
334
339
  }
335
340
  },
336
341
  "primary": {
@@ -402,7 +407,7 @@
402
407
  "underlineNav": {
403
408
  "borderColor": {
404
409
  "active": "#cd3425",
405
- "hover": "#acb6c033"
410
+ "hover": "#88929d"
406
411
  },
407
412
  "iconColor": {
408
413
  "rest": "#0e1116"
@@ -414,11 +419,7 @@
414
419
  "onEmphasis": "#ffffff",
415
420
  "disabled": "#88929d",
416
421
  "link": {
417
- "rest": "#023b95",
418
- "inverse": {
419
- "rest": "#368cf9"
420
- },
421
- "control": "#818b96"
422
+ "rest": "#023b95"
422
423
  },
423
424
  "accent": "#023b95",
424
425
  "success": "#055d20",
@@ -482,7 +483,7 @@
482
483
  "emphasis": "#66707b",
483
484
  "disabled": "#20252c",
484
485
  "neutral": {
485
- "muted": "#acb6c033",
486
+ "muted": "#88929d",
486
487
  "emphasis": "#66707b"
487
488
  },
488
489
  "accent": {
@@ -181,8 +181,8 @@
181
181
  },
182
182
  "borderColor": {
183
183
  "rest": "#0969da",
184
- "hover": "#00000000",
185
- "active": "#00000000",
184
+ "hover": "#0860ca",
185
+ "active": "#0757ba",
186
186
  "disabled": "#8c959f"
187
187
  }
188
188
  }
@@ -330,7 +330,12 @@
330
330
  "buttonCounter": {
331
331
  "default": {
332
332
  "bgColor": {
333
- "rest": "#eaeef280"
333
+ "rest": "#eaeef2"
334
+ }
335
+ },
336
+ "invisible": {
337
+ "bgColor": {
338
+ "rest": "#eaeef2"
334
339
  }
335
340
  },
336
341
  "primary": {
@@ -414,11 +419,7 @@
414
419
  "onEmphasis": "#ffffff",
415
420
  "disabled": "#8c959f",
416
421
  "link": {
417
- "rest": "#0969da",
418
- "inverse": {
419
- "rest": "#54aeff"
420
- },
421
- "control": "#868f99"
422
+ "rest": "#0969da"
422
423
  },
423
424
  "accent": "#0969da",
424
425
  "success": "#0969da",
@@ -181,8 +181,8 @@
181
181
  },
182
182
  "borderColor": {
183
183
  "rest": "#0969da",
184
- "hover": "#00000000",
185
- "active": "#00000000",
184
+ "hover": "#0860ca",
185
+ "active": "#0757ba",
186
186
  "disabled": "#8c959f"
187
187
  }
188
188
  }
@@ -330,7 +330,12 @@
330
330
  "buttonCounter": {
331
331
  "default": {
332
332
  "bgColor": {
333
- "rest": "#eaeef280"
333
+ "rest": "#eaeef2"
334
+ }
335
+ },
336
+ "invisible": {
337
+ "bgColor": {
338
+ "rest": "#eaeef2"
334
339
  }
335
340
  },
336
341
  "primary": {
@@ -414,11 +419,7 @@
414
419
  "onEmphasis": "#ffffff",
415
420
  "disabled": "#8c959f",
416
421
  "link": {
417
- "rest": "#0969da",
418
- "inverse": {
419
- "rest": "#54aeff"
420
- },
421
- "control": "#868f99"
422
+ "rest": "#0969da"
422
423
  },
423
424
  "accent": "#0969da",
424
425
  "success": "#1a7f37",
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #010409;
83
83
  --control-checked-borderColor-rest: #1f6feb;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #2a7aef;
85
+ --control-checked-borderColor-active: #3685f3;
86
86
  --control-checked-borderColor-disabled: #484f58;
87
87
  --controlTrack-bgColor-rest: #21262d;
88
88
  --controlTrack-bgColor-hover: #292e36;
@@ -155,6 +155,7 @@
155
155
  --button-danger-borderColor-active: #b5531d;
156
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
157
157
  --buttonCounter-default-bgColor-rest: #30363d;
158
+ --buttonCounter-invisible-bgColor-rest: #30363d;
158
159
  --buttonCounter-primary-bgColor-rest: #04260f33;
159
160
  --buttonCounter-outline-bgColor-rest: #051d4d33;
160
161
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -185,8 +186,6 @@
185
186
  --fgColor-onEmphasis: #ffffff;
186
187
  --fgColor-disabled: #484f58;
187
188
  --fgColor-link-rest: #2f81f7;
188
- --fgColor-link-inverse-rest: #1f6feb;
189
- --fgColor-link-control: #636a75;
190
189
  --fgColor-accent: #2f81f7;
191
190
  --fgColor-success: #58a6ff;
192
191
  --fgColor-attention: #d29922;
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #cdd9e5;
82
82
  --control-checked-fgColor-disabled: #1c2128;
83
83
  --control-checked-borderColor-rest: #316dca;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #3876d3;
85
+ --control-checked-borderColor-active: #3f7fdb;
86
86
  --control-checked-borderColor-disabled: #545d68;
87
87
  --controlTrack-bgColor-rest: #373e47;
88
88
  --controlTrack-bgColor-hover: #3d444e;
@@ -155,6 +155,7 @@
155
155
  --button-danger-borderColor-active: #c33d38;
156
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
157
157
  --buttonCounter-default-bgColor-rest: #444c56;
158
+ --buttonCounter-invisible-bgColor-rest: #444c56;
158
159
  --buttonCounter-primary-bgColor-rest: #11341733;
159
160
  --buttonCounter-outline-bgColor-rest: #0f2d5c33;
160
161
  --buttonCounter-outline-bgColor-hover: #0f2d5c33;
@@ -185,8 +186,6 @@
185
186
  --fgColor-onEmphasis: #cdd9e5;
186
187
  --fgColor-disabled: #545d68;
187
188
  --fgColor-link-rest: #3b7cdb;
188
- --fgColor-link-inverse-rest: #316dca;
189
- --fgColor-link-control: #5e6975;
190
189
  --fgColor-accent: #3b7cdb;
191
190
  --fgColor-success: #57ab5a;
192
191
  --fgColor-attention: #c69026;
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #0a0c10;
82
82
  --control-checked-fgColor-disabled: #010409;
83
83
  --control-checked-borderColor-rest: #409eff;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #4aa3ff;
85
+ --control-checked-borderColor-active: #54a8ff;
86
86
  --control-checked-borderColor-disabled: #7a828e;
87
87
  --controlTrack-bgColor-rest: #272b33;
88
88
  --controlTrack-bgColor-hover: #383c45;
@@ -155,6 +155,7 @@
155
155
  --button-danger-borderColor-active: #ff5353;
156
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
157
157
  --buttonCounter-default-bgColor-rest: #525964;
158
+ --buttonCounter-invisible-bgColor-rest: #525964;
158
159
  --buttonCounter-primary-bgColor-rest: #01040926;
159
160
  --buttonCounter-outline-bgColor-rest: #194fb133;
160
161
  --buttonCounter-outline-bgColor-hover: #194fb133;
@@ -185,8 +186,6 @@
185
186
  --fgColor-onEmphasis: #0a0c10;
186
187
  --fgColor-disabled: #7a828e;
187
188
  --fgColor-link-rest: #409eff;
188
- --fgColor-link-inverse-rest: #409eff;
189
- --fgColor-link-control: #939ca8;
190
189
  --fgColor-accent: #409eff;
191
190
  --fgColor-success: #26cd4d;
192
191
  --fgColor-attention: #f0b72f;
@@ -224,7 +223,7 @@
224
223
  --borderColor-muted: #7a828e;
225
224
  --borderColor-emphasis: #7a828e;
226
225
  --borderColor-disabled: #7a828e;
227
- --borderColor-neutral-muted: #9ea7b366;
226
+ --borderColor-neutral-muted: #9ea7b3;
228
227
  --borderColor-neutral-emphasis: #9ea7b3;
229
228
  --borderColor-accent-muted: #409eff;
230
229
  --borderColor-accent-emphasis: #409eff;
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #010409;
83
83
  --control-checked-borderColor-rest: #1f6feb;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #2a7aef;
85
+ --control-checked-borderColor-active: #3685f3;
86
86
  --control-checked-borderColor-disabled: #484f58;
87
87
  --controlTrack-bgColor-rest: #21262d;
88
88
  --controlTrack-bgColor-hover: #292e36;
@@ -155,6 +155,7 @@
155
155
  --button-danger-borderColor-active: #d03533;
156
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
157
157
  --buttonCounter-default-bgColor-rest: #30363d;
158
+ --buttonCounter-invisible-bgColor-rest: #30363d;
158
159
  --buttonCounter-primary-bgColor-rest: #04260f33;
159
160
  --buttonCounter-outline-bgColor-rest: #051d4d33;
160
161
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -185,8 +186,6 @@
185
186
  --fgColor-onEmphasis: #ffffff;
186
187
  --fgColor-disabled: #484f58;
187
188
  --fgColor-link-rest: #2f81f7;
188
- --fgColor-link-inverse-rest: #1f6feb;
189
- --fgColor-link-control: #636a75;
190
189
  --fgColor-accent: #2f81f7;
191
190
  --fgColor-success: #58a6ff;
192
191
  --fgColor-attention: #d29922;
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #010409;
83
83
  --control-checked-borderColor-rest: #1f6feb;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #2a7aef;
85
+ --control-checked-borderColor-active: #3685f3;
86
86
  --control-checked-borderColor-disabled: #484f58;
87
87
  --controlTrack-bgColor-rest: #21262d;
88
88
  --controlTrack-bgColor-hover: #292e36;
@@ -155,6 +155,7 @@
155
155
  --button-danger-borderColor-active: #d03533;
156
156
  --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
157
157
  --buttonCounter-default-bgColor-rest: #30363d;
158
+ --buttonCounter-invisible-bgColor-rest: #30363d;
158
159
  --buttonCounter-primary-bgColor-rest: #04260f33;
159
160
  --buttonCounter-outline-bgColor-rest: #051d4d33;
160
161
  --buttonCounter-outline-bgColor-hover: #051d4d33;
@@ -185,8 +186,6 @@
185
186
  --fgColor-onEmphasis: #ffffff;
186
187
  --fgColor-disabled: #484f58;
187
188
  --fgColor-link-rest: #2f81f7;
188
- --fgColor-link-inverse-rest: #1f6feb;
189
- --fgColor-link-control: #636a75;
190
189
  --fgColor-accent: #2f81f7;
191
190
  --fgColor-success: #3fb950;
192
191
  --fgColor-attention: #d29922;
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #ffffff;
83
83
  --control-checked-borderColor-rest: #0969da;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #0860ca;
85
+ --control-checked-borderColor-active: #0757ba;
86
86
  --control-checked-borderColor-disabled: #8c959f;
87
87
  --controlTrack-bgColor-rest: #eaeef2;
88
88
  --controlTrack-bgColor-hover: #dee3e8;
@@ -154,7 +154,8 @@
154
154
  --button-danger-borderColor-hover: #d0d7de;
155
155
  --button-danger-borderColor-active: #d0d7de;
156
156
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
157
- --buttonCounter-default-bgColor-rest: #eaeef280;
157
+ --buttonCounter-default-bgColor-rest: #eaeef2;
158
+ --buttonCounter-invisible-bgColor-rest: #eaeef2;
158
159
  --buttonCounter-primary-bgColor-rest: #002d1133;
159
160
  --buttonCounter-outline-bgColor-rest: #0969da1a;
160
161
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -186,8 +187,6 @@
186
187
  --fgColor-onEmphasis: #ffffff;
187
188
  --fgColor-disabled: #8c959f;
188
189
  --fgColor-link-rest: #0969da;
189
- --fgColor-link-inverse-rest: #54aeff;
190
- --fgColor-link-control: #868f99;
191
190
  --fgColor-accent: #0969da;
192
191
  --fgColor-success: #0969da;
193
192
  --fgColor-attention: #9a6700;
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #ffffff;
83
83
  --control-checked-borderColor-rest: #0349b4;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #0344a8;
85
+ --control-checked-borderColor-active: #033f9d;
86
86
  --control-checked-borderColor-disabled: #88929d;
87
87
  --controlTrack-bgColor-rest: #acb6c0;
88
88
  --controlTrack-bgColor-hover: #9ea8b2;
@@ -154,7 +154,8 @@
154
154
  --button-danger-borderColor-hover: #20252c;
155
155
  --button-danger-borderColor-active: #20252c;
156
156
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
157
- --buttonCounter-default-bgColor-rest: #e7ecf0;
157
+ --buttonCounter-default-bgColor-rest: #66707b33;
158
+ --buttonCounter-invisible-bgColor-rest: #66707b33;
158
159
  --buttonCounter-primary-bgColor-rest: #00230b33;
159
160
  --buttonCounter-outline-bgColor-rest: #0349b41a;
160
161
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -179,15 +180,13 @@
179
180
  --timelineBadge-bgColor: #e7ecf0;
180
181
  --treeViewItem-leadingVisual-bgColor-rest: #368cf9;
181
182
  --underlineNav-borderColor-active: #cd3425;
182
- --underlineNav-borderColor-hover: #acb6c033;
183
+ --underlineNav-borderColor-hover: #88929d;
183
184
  --underlineNav-iconColor-rest: #0e1116;
184
185
  --fgColor-default: #010409;
185
186
  --fgColor-muted: #0e1116;
186
187
  --fgColor-onEmphasis: #ffffff;
187
188
  --fgColor-disabled: #88929d;
188
189
  --fgColor-link-rest: #023b95;
189
- --fgColor-link-inverse-rest: #368cf9;
190
- --fgColor-link-control: #818b96;
191
190
  --fgColor-accent: #023b95;
192
191
  --fgColor-success: #055d20;
193
192
  --fgColor-attention: #744500;
@@ -225,7 +224,7 @@
225
224
  --borderColor-muted: #88929d;
226
225
  --borderColor-emphasis: #66707b;
227
226
  --borderColor-disabled: #20252c;
228
- --borderColor-neutral-muted: #acb6c033;
227
+ --borderColor-neutral-muted: #88929d;
229
228
  --borderColor-neutral-emphasis: #66707b;
230
229
  --borderColor-accent-muted: #368cf9;
231
230
  --borderColor-accent-emphasis: #0349b4;
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #ffffff;
83
83
  --control-checked-borderColor-rest: #0969da;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #0860ca;
85
+ --control-checked-borderColor-active: #0757ba;
86
86
  --control-checked-borderColor-disabled: #8c959f;
87
87
  --controlTrack-bgColor-rest: #eaeef2;
88
88
  --controlTrack-bgColor-hover: #dee3e8;
@@ -154,7 +154,8 @@
154
154
  --button-danger-borderColor-hover: #d0d7de;
155
155
  --button-danger-borderColor-active: #d0d7de;
156
156
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
157
- --buttonCounter-default-bgColor-rest: #eaeef280;
157
+ --buttonCounter-default-bgColor-rest: #eaeef2;
158
+ --buttonCounter-invisible-bgColor-rest: #eaeef2;
158
159
  --buttonCounter-primary-bgColor-rest: #002d1133;
159
160
  --buttonCounter-outline-bgColor-rest: #0969da1a;
160
161
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -186,8 +187,6 @@
186
187
  --fgColor-onEmphasis: #ffffff;
187
188
  --fgColor-disabled: #8c959f;
188
189
  --fgColor-link-rest: #0969da;
189
- --fgColor-link-inverse-rest: #54aeff;
190
- --fgColor-link-control: #868f99;
191
190
  --fgColor-accent: #0969da;
192
191
  --fgColor-success: #0969da;
193
192
  --fgColor-attention: #9a6700;
@@ -81,8 +81,8 @@
81
81
  --control-checked-fgColor-rest: #ffffff;
82
82
  --control-checked-fgColor-disabled: #ffffff;
83
83
  --control-checked-borderColor-rest: #0969da;
84
- --control-checked-borderColor-hover: #00000000;
85
- --control-checked-borderColor-active: #00000000;
84
+ --control-checked-borderColor-hover: #0860ca;
85
+ --control-checked-borderColor-active: #0757ba;
86
86
  --control-checked-borderColor-disabled: #8c959f;
87
87
  --controlTrack-bgColor-rest: #eaeef2;
88
88
  --controlTrack-bgColor-hover: #dee3e8;
@@ -154,7 +154,8 @@
154
154
  --button-danger-borderColor-hover: #d0d7de;
155
155
  --button-danger-borderColor-active: #d0d7de;
156
156
  --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
157
- --buttonCounter-default-bgColor-rest: #eaeef280;
157
+ --buttonCounter-default-bgColor-rest: #eaeef2;
158
+ --buttonCounter-invisible-bgColor-rest: #eaeef2;
158
159
  --buttonCounter-primary-bgColor-rest: #002d1133;
159
160
  --buttonCounter-outline-bgColor-rest: #0969da1a;
160
161
  --buttonCounter-outline-bgColor-hover: #ffffff33;
@@ -186,8 +187,6 @@
186
187
  --fgColor-onEmphasis: #ffffff;
187
188
  --fgColor-disabled: #8c959f;
188
189
  --fgColor-link-rest: #0969da;
189
- --fgColor-link-inverse-rest: #54aeff;
190
- --fgColor-link-control: #868f99;
191
190
  --fgColor-accent: #0969da;
192
191
  --fgColor-success: #1a7f37;
193
192
  --fgColor-attention: #9a6700;
@@ -181,8 +181,8 @@ export default {
181
181
  },
182
182
  borderColor: {
183
183
  rest: "#1f6feb",
184
- hover: "#00000000",
185
- active: "#00000000",
184
+ hover: "#2a7aef",
185
+ active: "#3685f3",
186
186
  disabled: "#484f58",
187
187
  },
188
188
  },
@@ -333,6 +333,11 @@ export default {
333
333
  rest: "#30363d",
334
334
  },
335
335
  },
336
+ invisible: {
337
+ bgColor: {
338
+ rest: "#30363d",
339
+ },
340
+ },
336
341
  primary: {
337
342
  bgColor: {
338
343
  rest: "#04260f33",
@@ -414,10 +419,6 @@ export default {
414
419
  disabled: "#484f58",
415
420
  link: {
416
421
  rest: "#2f81f7",
417
- inverse: {
418
- rest: "#1f6feb",
419
- },
420
- control: "#636a75",
421
422
  },
422
423
  accent: "#2f81f7",
423
424
  success: "#58a6ff",
@@ -181,8 +181,8 @@ export default {
181
181
  },
182
182
  borderColor: {
183
183
  rest: "#316dca",
184
- hover: "#00000000",
185
- active: "#00000000",
184
+ hover: "#3876d3",
185
+ active: "#3f7fdb",
186
186
  disabled: "#545d68",
187
187
  },
188
188
  },
@@ -333,6 +333,11 @@ export default {
333
333
  rest: "#444c56",
334
334
  },
335
335
  },
336
+ invisible: {
337
+ bgColor: {
338
+ rest: "#444c56",
339
+ },
340
+ },
336
341
  primary: {
337
342
  bgColor: {
338
343
  rest: "#11341733",
@@ -414,10 +419,6 @@ export default {
414
419
  disabled: "#545d68",
415
420
  link: {
416
421
  rest: "#3b7cdb",
417
- inverse: {
418
- rest: "#316dca",
419
- },
420
- control: "#5e6975",
421
422
  },
422
423
  accent: "#3b7cdb",
423
424
  success: "#57ab5a",