@primer/primitives 10.1.0-rc.f1589f93 → 10.1.0

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 (119) hide show
  1. package/README.md +0 -21
  2. package/dist/build/filters/index.d.ts +0 -1
  3. package/dist/build/filters/index.js +0 -1
  4. package/dist/build/formats/jsonFigma.js +1 -2
  5. package/dist/build/platforms/css.js +6 -7
  6. package/dist/build/platforms/docJson.js +0 -1
  7. package/dist/build/platforms/fallbacks.js +0 -1
  8. package/dist/build/platforms/javascript.js +0 -1
  9. package/dist/build/platforms/json.js +0 -1
  10. package/dist/build/platforms/styleLint.js +0 -1
  11. package/dist/build/platforms/typescript.js +0 -1
  12. package/dist/build/primerStyleDictionary.js +7 -3
  13. package/dist/build/schemas/colorToken.d.ts +0 -18
  14. package/dist/build/schemas/colorToken.js +0 -7
  15. package/dist/build/transformers/borderToCss.js +2 -2
  16. package/dist/build/transformers/colorToRgbaFloat.js +2 -12
  17. package/dist/build/transformers/index.d.ts +0 -1
  18. package/dist/build/transformers/index.js +0 -1
  19. package/dist/css/functional/size/border.css +7 -6
  20. package/dist/css/functional/themes/dark-colorblind.css +60 -6
  21. package/dist/css/functional/themes/dark-dimmed.css +60 -6
  22. package/dist/css/functional/themes/dark-high-contrast.css +60 -6
  23. package/dist/css/functional/themes/dark-tritanopia.css +60 -6
  24. package/dist/css/functional/themes/dark.css +60 -6
  25. package/dist/css/functional/themes/light-colorblind.css +60 -6
  26. package/dist/css/functional/themes/light-high-contrast.css +60 -6
  27. package/dist/css/functional/themes/light-tritanopia.css +60 -6
  28. package/dist/css/functional/themes/light.css +60 -6
  29. package/dist/css/primitives.css +7 -6
  30. package/dist/docs/base/size/size.json +19 -19
  31. package/dist/docs/base/typography/typography.json +4 -4
  32. package/dist/docs/functional/size/border.json +41 -28
  33. package/dist/docs/functional/size/breakpoints.json +6 -6
  34. package/dist/docs/functional/size/size-coarse.json +3 -3
  35. package/dist/docs/functional/size/size-fine.json +3 -3
  36. package/dist/docs/functional/size/size.json +66 -66
  37. package/dist/docs/functional/size/viewport.json +6 -6
  38. package/dist/docs/functional/themes/dark-colorblind.json +475 -128
  39. package/dist/docs/functional/themes/dark-dimmed.json +519 -444
  40. package/dist/docs/functional/themes/dark-high-contrast.json +490 -241
  41. package/dist/docs/functional/themes/dark-tritanopia.json +485 -200
  42. package/dist/docs/functional/themes/dark.json +469 -102
  43. package/dist/docs/functional/themes/light-colorblind.json +463 -94
  44. package/dist/docs/functional/themes/light-high-contrast.json +487 -274
  45. package/dist/docs/functional/themes/light-tritanopia.json +463 -102
  46. package/dist/docs/functional/themes/light.json +460 -105
  47. package/dist/docs/functional/typography/typography.json +46 -46
  48. package/dist/fallbacks/functional/size/border.json +7 -6
  49. package/dist/figma/themes/dark-colorblind.json +14 -54
  50. package/dist/figma/themes/dark-dimmed.json +15 -356
  51. package/dist/figma/themes/dark-high-contrast.json +10 -129
  52. package/dist/figma/themes/dark-tritanopia.json +14 -111
  53. package/dist/figma/themes/dark.json +14 -34
  54. package/dist/figma/themes/light-colorblind.json +10 -20
  55. package/dist/figma/themes/light-high-contrast.json +10 -177
  56. package/dist/figma/themes/light-tritanopia.json +10 -24
  57. package/dist/figma/themes/light.json +10 -32
  58. package/dist/internalCss/dark-colorblind.css +88 -6
  59. package/dist/internalCss/dark-dimmed.css +88 -6
  60. package/dist/internalCss/dark-high-contrast.css +88 -6
  61. package/dist/internalCss/dark-tritanopia.css +88 -6
  62. package/dist/internalCss/dark.css +88 -6
  63. package/dist/internalCss/light-colorblind.css +88 -6
  64. package/dist/internalCss/light-high-contrast.css +88 -6
  65. package/dist/internalCss/light-tritanopia.css +88 -6
  66. package/dist/internalCss/light.css +88 -6
  67. package/dist/styleLint/base/size/size.json +19 -19
  68. package/dist/styleLint/base/typography/typography.json +4 -4
  69. package/dist/styleLint/functional/size/border.json +41 -28
  70. package/dist/styleLint/functional/size/breakpoints.json +6 -6
  71. package/dist/styleLint/functional/size/size-coarse.json +3 -3
  72. package/dist/styleLint/functional/size/size-fine.json +3 -3
  73. package/dist/styleLint/functional/size/size.json +66 -66
  74. package/dist/styleLint/functional/size/viewport.json +6 -6
  75. package/dist/styleLint/functional/themes/dark-colorblind.json +475 -128
  76. package/dist/styleLint/functional/themes/dark-dimmed.json +519 -444
  77. package/dist/styleLint/functional/themes/dark-high-contrast.json +490 -241
  78. package/dist/styleLint/functional/themes/dark-tritanopia.json +485 -200
  79. package/dist/styleLint/functional/themes/dark.json +469 -102
  80. package/dist/styleLint/functional/themes/light-colorblind.json +463 -94
  81. package/dist/styleLint/functional/themes/light-high-contrast.json +487 -274
  82. package/dist/styleLint/functional/themes/light-tritanopia.json +463 -102
  83. package/dist/styleLint/functional/themes/light.json +460 -105
  84. package/dist/styleLint/functional/typography/typography.json +46 -46
  85. package/package.json +1 -1
  86. package/src/tokens/base/typography/typography.json5 +48 -0
  87. package/src/tokens/functional/border/border.json5 +236 -0
  88. package/src/tokens/functional/color/dark/app-dark.json5 +0 -2
  89. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +120 -6
  90. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +46 -29
  91. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +15 -20
  92. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +32 -18
  93. package/src/tokens/functional/color/dark/patterns-dark.json5 +13 -45
  94. package/src/tokens/functional/color/dark/primitives-dark.json5 +1 -6
  95. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +67 -20
  96. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +4 -21
  97. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -16
  98. package/src/tokens/functional/color/light/patterns-light.json5 +11 -47
  99. package/src/tokens/functional/color/light/primitives-light.json5 +2 -10
  100. package/src/tokens/functional/size/border.json5 +115 -0
  101. package/src/tokens/functional/typography/typography.json5 +527 -0
  102. package/dist/build/filters/isColorWithMix.d.ts +0 -7
  103. package/dist/build/filters/isColorWithMix.js +0 -24
  104. package/dist/build/transformers/colorToHexMix.d.ts +0 -8
  105. package/dist/build/transformers/colorToHexMix.js +0 -20
  106. package/dist/build/transformers/utilities/mix.d.ts +0 -5
  107. package/dist/build/transformers/utilities/mix.js +0 -38
  108. package/src/tokens/base/typography/typography.json +0 -48
  109. package/src/tokens/functional/border/dark.json5 +0 -12
  110. package/src/tokens/functional/border/light.json5 +0 -12
  111. package/src/tokens/functional/color/dark/patterns-dark.json +0 -3963
  112. package/src/tokens/functional/size/border.json +0 -111
  113. package/src/tokens/functional/typography/typography.json +0 -527
  114. /package/src/tokens/base/size/{size.json → size.json5} +0 -0
  115. /package/src/tokens/functional/size/{breakpoints.json → breakpoints.json5} +0 -0
  116. /package/src/tokens/functional/size/{size-coarse.json → size-coarse.json5} +0 -0
  117. /package/src/tokens/functional/size/{size-fine.json → size-fine.json5} +0 -0
  118. /package/src/tokens/functional/size/{size.json → size.json5} +0 -0
  119. /package/src/tokens/functional/size/{viewport.json → viewport.json5} +0 -0
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -259,10 +259,10 @@
259
259
  --button-invisible-bgColor-rest: #00000000;
260
260
  --button-invisible-bgColor-hover: #151b23;
261
261
  --button-invisible-bgColor-active: #212830;
262
- --button-invisible-bgColor-disabled: #262c36;
262
+ --button-invisible-bgColor-disabled: #00000000;
263
263
  --button-invisible-borderColor-rest: #00000000;
264
264
  --button-invisible-borderColor-hover: #b7bdc8;
265
- --button-invisible-borderColor-disabled: #9198a11f;
265
+ --button-invisible-borderColor-disabled: #00000000;
266
266
  --button-outline-fgColor-rest: #5cacff;
267
267
  --button-outline-fgColor-hover: #71b7ff;
268
268
  --button-outline-fgColor-active: #ffffff;
@@ -311,6 +311,7 @@
311
311
  --reactionButton-selected-fgColor-rest: #74b9ff;
312
312
  --reactionButton-selected-fgColor-hover: #91cbff;
313
313
  --focus-outlineColor: #409eff;
314
+ --focus-outline: 2px solid #409eff;
314
315
  --menu-bgColor-active: #151b23;
315
316
  --overlay-bgColor: #151b23;
316
317
  --overlay-borderColor: #b7bdc8;
@@ -576,7 +577,33 @@
576
577
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
577
578
  --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
578
579
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
579
- --outline-focus: #409eff solid 2px;
580
+ --border-default: 0.0625rem solid #b7bdc8;
581
+ --border-muted: 0.0625rem solid #b7bdc8;
582
+ --border-emphasis: 0.0625rem solid #b7bdc8;
583
+ --border-disabled: 0.0625rem solid #9198a11f;
584
+ --border-transparent: 0.0625rem solid #00000000;
585
+ --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
586
+ --border-neutral-muted: 0.0625rem solid #b7bdc8;
587
+ --border-accent-emphasis: 0.0625rem solid #409eff;
588
+ --border-accent-muted: 0.0625rem solid #5cacff;
589
+ --border-success-emphasis: 0.0625rem solid #09b43a;
590
+ --border-success-muted: 0.0625rem solid #0ac740;
591
+ --border-open-emphasis: 0.0625rem solid #09b43a;
592
+ --border-open-muted: 0.0625rem solid #0ac740;
593
+ --border-danger-emphasis: 0.0625rem solid #ff6a69;
594
+ --border-danger-muted: 0.0625rem solid #ff8080;
595
+ --border-closed-emphasis: 0.0625rem solid #ff6a69;
596
+ --border-closed-muted: 0.0625rem solid #ff8080;
597
+ --border-attention-emphasis: 0.0625rem solid #e09b13;
598
+ --border-attention-muted: 0.0625rem solid #edaa27;
599
+ --border-severe-emphasis: 0.0625rem solid #e7811d;
600
+ --border-severe-muted: 0.0625rem solid #f48b25;
601
+ --border-done-emphasis: 0.0625rem solid #b87fff;
602
+ --border-done-muted: 0.0625rem solid #bf8fff;
603
+ --border-upsell-emphasis: 0.0625rem solid #b87fff;
604
+ --border-upsell-muted: 0.0625rem solid #bf8fff;
605
+ --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
606
+ --border-sponsors-muted: 0.0625rem solid #f87cbd;
580
607
  }
581
608
  @media (prefers-color-scheme: dark) {
582
609
  [data-color-mode="auto"][data-dark-theme="dark_high_contrast"],
@@ -838,10 +865,10 @@
838
865
  --button-invisible-bgColor-rest: #00000000;
839
866
  --button-invisible-bgColor-hover: #151b23;
840
867
  --button-invisible-bgColor-active: #212830;
841
- --button-invisible-bgColor-disabled: #262c36;
868
+ --button-invisible-bgColor-disabled: #00000000;
842
869
  --button-invisible-borderColor-rest: #00000000;
843
870
  --button-invisible-borderColor-hover: #b7bdc8;
844
- --button-invisible-borderColor-disabled: #9198a11f;
871
+ --button-invisible-borderColor-disabled: #00000000;
845
872
  --button-outline-fgColor-rest: #5cacff;
846
873
  --button-outline-fgColor-hover: #71b7ff;
847
874
  --button-outline-fgColor-active: #ffffff;
@@ -890,6 +917,7 @@
890
917
  --reactionButton-selected-fgColor-rest: #74b9ff;
891
918
  --reactionButton-selected-fgColor-hover: #91cbff;
892
919
  --focus-outlineColor: #409eff;
920
+ --focus-outline: 2px solid #409eff;
893
921
  --menu-bgColor-active: #151b23;
894
922
  --overlay-bgColor: #151b23;
895
923
  --overlay-borderColor: #b7bdc8;
@@ -1155,6 +1183,32 @@
1155
1183
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1156
1184
  --shadow-floating-xlarge: 0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409;
1157
1185
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1158
- --outline-focus: #409eff solid 2px;
1186
+ --border-default: 0.0625rem solid #b7bdc8;
1187
+ --border-muted: 0.0625rem solid #b7bdc8;
1188
+ --border-emphasis: 0.0625rem solid #b7bdc8;
1189
+ --border-disabled: 0.0625rem solid #9198a11f;
1190
+ --border-transparent: 0.0625rem solid #00000000;
1191
+ --border-neutral-emphasis: 0.0625rem solid #b7bdc8;
1192
+ --border-neutral-muted: 0.0625rem solid #b7bdc8;
1193
+ --border-accent-emphasis: 0.0625rem solid #409eff;
1194
+ --border-accent-muted: 0.0625rem solid #5cacff;
1195
+ --border-success-emphasis: 0.0625rem solid #09b43a;
1196
+ --border-success-muted: 0.0625rem solid #0ac740;
1197
+ --border-open-emphasis: 0.0625rem solid #09b43a;
1198
+ --border-open-muted: 0.0625rem solid #0ac740;
1199
+ --border-danger-emphasis: 0.0625rem solid #ff6a69;
1200
+ --border-danger-muted: 0.0625rem solid #ff8080;
1201
+ --border-closed-emphasis: 0.0625rem solid #ff6a69;
1202
+ --border-closed-muted: 0.0625rem solid #ff8080;
1203
+ --border-attention-emphasis: 0.0625rem solid #e09b13;
1204
+ --border-attention-muted: 0.0625rem solid #edaa27;
1205
+ --border-severe-emphasis: 0.0625rem solid #e7811d;
1206
+ --border-severe-muted: 0.0625rem solid #f48b25;
1207
+ --border-done-emphasis: 0.0625rem solid #b87fff;
1208
+ --border-done-muted: 0.0625rem solid #bf8fff;
1209
+ --border-upsell-emphasis: 0.0625rem solid #b87fff;
1210
+ --border-upsell-muted: 0.0625rem solid #bf8fff;
1211
+ --border-sponsors-emphasis: 0.0625rem solid #ef6eb1;
1212
+ --border-sponsors-muted: 0.0625rem solid #f87cbd;
1159
1213
  }
1160
1214
  }
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -259,10 +259,10 @@
259
259
  --button-invisible-bgColor-rest: #00000000;
260
260
  --button-invisible-bgColor-hover: #656c7633;
261
261
  --button-invisible-bgColor-active: #656c7640;
262
- --button-invisible-bgColor-disabled: #212830;
262
+ --button-invisible-bgColor-disabled: #00000000;
263
263
  --button-invisible-borderColor-rest: #00000000;
264
264
  --button-invisible-borderColor-hover: #00000000;
265
- --button-invisible-borderColor-disabled: #656c761a;
265
+ --button-invisible-borderColor-disabled: #00000000;
266
266
  --button-outline-fgColor-rest: #388bfd;
267
267
  --button-outline-fgColor-hover: #58a6ff;
268
268
  --button-outline-fgColor-active: #ffffff;
@@ -311,6 +311,7 @@
311
311
  --reactionButton-selected-fgColor-rest: #4493f8;
312
312
  --reactionButton-selected-fgColor-hover: #79c0ff;
313
313
  --focus-outlineColor: #1f6feb;
314
+ --focus-outline: 2px solid #1f6feb;
314
315
  --menu-bgColor-active: #151b23;
315
316
  --overlay-bgColor: #151b23;
316
317
  --overlay-borderColor: #3d444db3;
@@ -576,7 +577,33 @@
576
577
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
577
578
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
578
579
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
579
- --outline-focus: #1f6feb solid 2px;
580
+ --border-default: 0.0625rem solid #3d444d;
581
+ --border-muted: 0.0625rem solid #3d444db3;
582
+ --border-emphasis: 0.0625rem solid #656c76;
583
+ --border-disabled: 0.0625rem solid #656c761a;
584
+ --border-transparent: 0.0625rem solid #00000000;
585
+ --border-neutral-emphasis: 0.0625rem solid #656c76;
586
+ --border-neutral-muted: 0.0625rem solid #3d444db3;
587
+ --border-accent-emphasis: 0.0625rem solid #1f6feb;
588
+ --border-accent-muted: 0.0625rem solid #388bfd66;
589
+ --border-success-emphasis: 0.0625rem solid #1f6feb;
590
+ --border-success-muted: 0.0625rem solid #388bfd66;
591
+ --border-open-emphasis: 0.0625rem solid #1f6feb;
592
+ --border-open-muted: 0.0625rem solid #388bfd66;
593
+ --border-danger-emphasis: 0.0625rem solid #da3633;
594
+ --border-danger-muted: 0.0625rem solid #f8514966;
595
+ --border-closed-emphasis: 0.0625rem solid #da3633;
596
+ --border-closed-muted: 0.0625rem solid #f8514966;
597
+ --border-attention-emphasis: 0.0625rem solid #9e6a03;
598
+ --border-attention-muted: 0.0625rem solid #bb800966;
599
+ --border-severe-emphasis: 0.0625rem solid #da3633;
600
+ --border-severe-muted: 0.0625rem solid #f8514966;
601
+ --border-done-emphasis: 0.0625rem solid #8957e5;
602
+ --border-done-muted: 0.0625rem solid #ab7df866;
603
+ --border-upsell-emphasis: 0.0625rem solid #8957e5;
604
+ --border-upsell-muted: 0.0625rem solid #ab7df866;
605
+ --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
606
+ --border-sponsors-muted: 0.0625rem solid #db61a266;
580
607
  }
581
608
  @media (prefers-color-scheme: dark) {
582
609
  [data-color-mode="auto"][data-dark-theme="dark_tritanopia"],
@@ -838,10 +865,10 @@
838
865
  --button-invisible-bgColor-rest: #00000000;
839
866
  --button-invisible-bgColor-hover: #656c7633;
840
867
  --button-invisible-bgColor-active: #656c7640;
841
- --button-invisible-bgColor-disabled: #212830;
868
+ --button-invisible-bgColor-disabled: #00000000;
842
869
  --button-invisible-borderColor-rest: #00000000;
843
870
  --button-invisible-borderColor-hover: #00000000;
844
- --button-invisible-borderColor-disabled: #656c761a;
871
+ --button-invisible-borderColor-disabled: #00000000;
845
872
  --button-outline-fgColor-rest: #388bfd;
846
873
  --button-outline-fgColor-hover: #58a6ff;
847
874
  --button-outline-fgColor-active: #ffffff;
@@ -890,6 +917,7 @@
890
917
  --reactionButton-selected-fgColor-rest: #4493f8;
891
918
  --reactionButton-selected-fgColor-hover: #79c0ff;
892
919
  --focus-outlineColor: #1f6feb;
920
+ --focus-outline: 2px solid #1f6feb;
893
921
  --menu-bgColor-active: #151b23;
894
922
  --overlay-bgColor: #151b23;
895
923
  --overlay-borderColor: #3d444db3;
@@ -1155,6 +1183,32 @@
1155
1183
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
1156
1184
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1157
1185
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1158
- --outline-focus: #1f6feb solid 2px;
1186
+ --border-default: 0.0625rem solid #3d444d;
1187
+ --border-muted: 0.0625rem solid #3d444db3;
1188
+ --border-emphasis: 0.0625rem solid #656c76;
1189
+ --border-disabled: 0.0625rem solid #656c761a;
1190
+ --border-transparent: 0.0625rem solid #00000000;
1191
+ --border-neutral-emphasis: 0.0625rem solid #656c76;
1192
+ --border-neutral-muted: 0.0625rem solid #3d444db3;
1193
+ --border-accent-emphasis: 0.0625rem solid #1f6feb;
1194
+ --border-accent-muted: 0.0625rem solid #388bfd66;
1195
+ --border-success-emphasis: 0.0625rem solid #1f6feb;
1196
+ --border-success-muted: 0.0625rem solid #388bfd66;
1197
+ --border-open-emphasis: 0.0625rem solid #1f6feb;
1198
+ --border-open-muted: 0.0625rem solid #388bfd66;
1199
+ --border-danger-emphasis: 0.0625rem solid #da3633;
1200
+ --border-danger-muted: 0.0625rem solid #f8514966;
1201
+ --border-closed-emphasis: 0.0625rem solid #da3633;
1202
+ --border-closed-muted: 0.0625rem solid #f8514966;
1203
+ --border-attention-emphasis: 0.0625rem solid #9e6a03;
1204
+ --border-attention-muted: 0.0625rem solid #bb800966;
1205
+ --border-severe-emphasis: 0.0625rem solid #da3633;
1206
+ --border-severe-muted: 0.0625rem solid #f8514966;
1207
+ --border-done-emphasis: 0.0625rem solid #8957e5;
1208
+ --border-done-muted: 0.0625rem solid #ab7df866;
1209
+ --border-upsell-emphasis: 0.0625rem solid #8957e5;
1210
+ --border-upsell-muted: 0.0625rem solid #ab7df866;
1211
+ --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
1212
+ --border-sponsors-muted: 0.0625rem solid #db61a266;
1159
1213
  }
1160
1214
  }
package/dist/css/functional/themes/dark.css CHANGED
@@ -259,10 +259,10 @@
259
259
  --button-invisible-bgColor-rest: #00000000;
260
260
  --button-invisible-bgColor-hover: #656c7633;
261
261
  --button-invisible-bgColor-active: #656c7640;
262
- --button-invisible-bgColor-disabled: #212830;
262
+ --button-invisible-bgColor-disabled: #00000000;
263
263
  --button-invisible-borderColor-rest: #00000000;
264
264
  --button-invisible-borderColor-hover: #00000000;
265
- --button-invisible-borderColor-disabled: #656c761a;
265
+ --button-invisible-borderColor-disabled: #00000000;
266
266
  --button-outline-fgColor-rest: #388bfd;
267
267
  --button-outline-fgColor-hover: #58a6ff;
268
268
  --button-outline-fgColor-active: #ffffff;
@@ -311,6 +311,7 @@
311
311
  --reactionButton-selected-fgColor-rest: #4493f8;
312
312
  --reactionButton-selected-fgColor-hover: #79c0ff;
313
313
  --focus-outlineColor: #1f6feb;
314
+ --focus-outline: 2px solid #1f6feb;
314
315
  --menu-bgColor-active: #151b23;
315
316
  --overlay-bgColor: #151b23;
316
317
  --overlay-borderColor: #3d444db3;
@@ -576,7 +577,33 @@
576
577
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
577
578
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
578
579
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
579
- --outline-focus: #1f6feb solid 2px;
580
+ --border-default: 0.0625rem solid #3d444d;
581
+ --border-muted: 0.0625rem solid #3d444db3;
582
+ --border-emphasis: 0.0625rem solid #656c76;
583
+ --border-disabled: 0.0625rem solid #656c761a;
584
+ --border-transparent: 0.0625rem solid #00000000;
585
+ --border-neutral-emphasis: 0.0625rem solid #656c76;
586
+ --border-neutral-muted: 0.0625rem solid #3d444db3;
587
+ --border-accent-emphasis: 0.0625rem solid #1f6feb;
588
+ --border-accent-muted: 0.0625rem solid #388bfd66;
589
+ --border-success-emphasis: 0.0625rem solid #238636;
590
+ --border-success-muted: 0.0625rem solid #2ea04366;
591
+ --border-open-emphasis: 0.0625rem solid #238636;
592
+ --border-open-muted: 0.0625rem solid #2ea04366;
593
+ --border-danger-emphasis: 0.0625rem solid #da3633;
594
+ --border-danger-muted: 0.0625rem solid #f8514966;
595
+ --border-closed-emphasis: 0.0625rem solid #da3633;
596
+ --border-closed-muted: 0.0625rem solid #f8514966;
597
+ --border-attention-emphasis: 0.0625rem solid #9e6a03;
598
+ --border-attention-muted: 0.0625rem solid #bb800966;
599
+ --border-severe-emphasis: 0.0625rem solid #bd561d;
600
+ --border-severe-muted: 0.0625rem solid #db6d2866;
601
+ --border-done-emphasis: 0.0625rem solid #8957e5;
602
+ --border-done-muted: 0.0625rem solid #ab7df866;
603
+ --border-upsell-emphasis: 0.0625rem solid #8957e5;
604
+ --border-upsell-muted: 0.0625rem solid #ab7df866;
605
+ --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
606
+ --border-sponsors-muted: 0.0625rem solid #db61a266;
580
607
  }
581
608
  @media (prefers-color-scheme: dark) {
582
609
  [data-color-mode="auto"][data-dark-theme="dark"],
@@ -838,10 +865,10 @@
838
865
  --button-invisible-bgColor-rest: #00000000;
839
866
  --button-invisible-bgColor-hover: #656c7633;
840
867
  --button-invisible-bgColor-active: #656c7640;
841
- --button-invisible-bgColor-disabled: #212830;
868
+ --button-invisible-bgColor-disabled: #00000000;
842
869
  --button-invisible-borderColor-rest: #00000000;
843
870
  --button-invisible-borderColor-hover: #00000000;
844
- --button-invisible-borderColor-disabled: #656c761a;
871
+ --button-invisible-borderColor-disabled: #00000000;
845
872
  --button-outline-fgColor-rest: #388bfd;
846
873
  --button-outline-fgColor-hover: #58a6ff;
847
874
  --button-outline-fgColor-active: #ffffff;
@@ -890,6 +917,7 @@
890
917
  --reactionButton-selected-fgColor-rest: #4493f8;
891
918
  --reactionButton-selected-fgColor-hover: #79c0ff;
892
919
  --focus-outlineColor: #1f6feb;
920
+ --focus-outline: 2px solid #1f6feb;
893
921
  --menu-bgColor-active: #151b23;
894
922
  --overlay-bgColor: #151b23;
895
923
  --overlay-borderColor: #3d444db3;
@@ -1155,6 +1183,32 @@
1155
1183
  --shadow-floating-large: 0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409;
1156
1184
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1157
1185
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1158
- --outline-focus: #1f6feb solid 2px;
1186
+ --border-default: 0.0625rem solid #3d444d;
1187
+ --border-muted: 0.0625rem solid #3d444db3;
1188
+ --border-emphasis: 0.0625rem solid #656c76;
1189
+ --border-disabled: 0.0625rem solid #656c761a;
1190
+ --border-transparent: 0.0625rem solid #00000000;
1191
+ --border-neutral-emphasis: 0.0625rem solid #656c76;
1192
+ --border-neutral-muted: 0.0625rem solid #3d444db3;
1193
+ --border-accent-emphasis: 0.0625rem solid #1f6feb;
1194
+ --border-accent-muted: 0.0625rem solid #388bfd66;
1195
+ --border-success-emphasis: 0.0625rem solid #238636;
1196
+ --border-success-muted: 0.0625rem solid #2ea04366;
1197
+ --border-open-emphasis: 0.0625rem solid #238636;
1198
+ --border-open-muted: 0.0625rem solid #2ea04366;
1199
+ --border-danger-emphasis: 0.0625rem solid #da3633;
1200
+ --border-danger-muted: 0.0625rem solid #f8514966;
1201
+ --border-closed-emphasis: 0.0625rem solid #da3633;
1202
+ --border-closed-muted: 0.0625rem solid #f8514966;
1203
+ --border-attention-emphasis: 0.0625rem solid #9e6a03;
1204
+ --border-attention-muted: 0.0625rem solid #bb800966;
1205
+ --border-severe-emphasis: 0.0625rem solid #bd561d;
1206
+ --border-severe-muted: 0.0625rem solid #db6d2866;
1207
+ --border-done-emphasis: 0.0625rem solid #8957e5;
1208
+ --border-done-muted: 0.0625rem solid #ab7df866;
1209
+ --border-upsell-emphasis: 0.0625rem solid #8957e5;
1210
+ --border-upsell-muted: 0.0625rem solid #ab7df866;
1211
+ --border-sponsors-emphasis: 0.0625rem solid #bf4b8a;
1212
+ --border-sponsors-muted: 0.0625rem solid #db61a266;
1159
1213
  }
1160
1214
  }
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -259,10 +259,10 @@
259
259
  --button-invisible-bgColor-rest: #ffffff00;
260
260
  --button-invisible-bgColor-hover: #818b981a;
261
261
  --button-invisible-bgColor-active: #818b9826;
262
- --button-invisible-bgColor-disabled: #eff2f5;
262
+ --button-invisible-bgColor-disabled: #ffffff00;
263
263
  --button-invisible-borderColor-rest: #ffffff00;
264
264
  --button-invisible-borderColor-hover: #ffffff00;
265
- --button-invisible-borderColor-disabled: #818b981a;
265
+ --button-invisible-borderColor-disabled: #ffffff00;
266
266
  --button-outline-fgColor-rest: #0969da;
267
267
  --button-outline-fgColor-hover: #ffffff;
268
268
  --button-outline-fgColor-active: #ffffff;
@@ -311,7 +311,7 @@
311
311
  --reactionButton-selected-fgColor-rest: #0969da;
312
312
  --reactionButton-selected-fgColor-hover: #0550ae;
313
313
  --focus-outlineColor: #0969da;
314
- --focus-outline: #0969da solid 2px;
314
+ --focus-outline: 2px solid #0969da;
315
315
  --menu-bgColor-active: #ffffff00;
316
316
  --overlay-bgColor: #ffffff;
317
317
  --overlay-borderColor: #d1d9e080;
@@ -577,6 +577,33 @@
577
577
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
578
578
  --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
579
579
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
580
+ --border-default: 0.0625rem solid #d1d9e0;
581
+ --border-muted: 0.0625rem solid #d1d9e0b3;
582
+ --border-emphasis: 0.0625rem solid #818b98;
583
+ --border-disabled: 0.0625rem solid #818b981a;
584
+ --border-transparent: 0.0625rem solid #ffffff00;
585
+ --border-neutral-emphasis: 0.0625rem solid #59636e;
586
+ --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
587
+ --border-accent-emphasis: 0.0625rem solid #0969da;
588
+ --border-accent-muted: 0.0625rem solid #54aeff66;
589
+ --border-success-emphasis: 0.0625rem solid #0969da;
590
+ --border-success-muted: 0.0625rem solid #54aeff66;
591
+ --border-open-emphasis: 0.0625rem solid #0969da;
592
+ --border-open-muted: 0.0625rem solid #54aeff66;
593
+ --border-danger-emphasis: 0.0625rem solid #bc4c00;
594
+ --border-danger-muted: 0.0625rem solid #fb8f4466;
595
+ --border-closed-emphasis: 0.0625rem solid #bc4c00;
596
+ --border-closed-muted: 0.0625rem solid #fb8f4466;
597
+ --border-attention-emphasis: 0.0625rem solid #9a6700;
598
+ --border-attention-muted: 0.0625rem solid #d4a72c66;
599
+ --border-severe-emphasis: 0.0625rem solid #bc4c00;
600
+ --border-severe-muted: 0.0625rem solid #fb8f4466;
601
+ --border-done-emphasis: 0.0625rem solid #8250df;
602
+ --border-done-muted: 0.0625rem solid #c297ff66;
603
+ --border-upsell-emphasis: 0.0625rem solid #8250df;
604
+ --border-upsell-muted: 0.0625rem solid #c297ff66;
605
+ --border-sponsors-emphasis: 0.0625rem solid #bf3989;
606
+ --border-sponsors-muted: 0.0625rem solid #ff80c866;
580
607
  }
581
608
  @media (prefers-color-scheme: dark) {
582
609
  [data-color-mode="auto"][data-dark-theme="light_colorblind"],
@@ -838,10 +865,10 @@
838
865
  --button-invisible-bgColor-rest: #ffffff00;
839
866
  --button-invisible-bgColor-hover: #818b981a;
840
867
  --button-invisible-bgColor-active: #818b9826;
841
- --button-invisible-bgColor-disabled: #eff2f5;
868
+ --button-invisible-bgColor-disabled: #ffffff00;
842
869
  --button-invisible-borderColor-rest: #ffffff00;
843
870
  --button-invisible-borderColor-hover: #ffffff00;
844
- --button-invisible-borderColor-disabled: #818b981a;
871
+ --button-invisible-borderColor-disabled: #ffffff00;
845
872
  --button-outline-fgColor-rest: #0969da;
846
873
  --button-outline-fgColor-hover: #ffffff;
847
874
  --button-outline-fgColor-active: #ffffff;
@@ -890,7 +917,7 @@
890
917
  --reactionButton-selected-fgColor-rest: #0969da;
891
918
  --reactionButton-selected-fgColor-hover: #0550ae;
892
919
  --focus-outlineColor: #0969da;
893
- --focus-outline: #0969da solid 2px;
920
+ --focus-outline: 2px solid #0969da;
894
921
  --menu-bgColor-active: #ffffff00;
895
922
  --overlay-bgColor: #ffffff;
896
923
  --overlay-borderColor: #d1d9e080;
@@ -1156,5 +1183,32 @@
1156
1183
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1157
1184
  --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
1158
1185
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1186
+ --border-default: 0.0625rem solid #d1d9e0;
1187
+ --border-muted: 0.0625rem solid #d1d9e0b3;
1188
+ --border-emphasis: 0.0625rem solid #818b98;
1189
+ --border-disabled: 0.0625rem solid #818b981a;
1190
+ --border-transparent: 0.0625rem solid #ffffff00;
1191
+ --border-neutral-emphasis: 0.0625rem solid #59636e;
1192
+ --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1193
+ --border-accent-emphasis: 0.0625rem solid #0969da;
1194
+ --border-accent-muted: 0.0625rem solid #54aeff66;
1195
+ --border-success-emphasis: 0.0625rem solid #0969da;
1196
+ --border-success-muted: 0.0625rem solid #54aeff66;
1197
+ --border-open-emphasis: 0.0625rem solid #0969da;
1198
+ --border-open-muted: 0.0625rem solid #54aeff66;
1199
+ --border-danger-emphasis: 0.0625rem solid #bc4c00;
1200
+ --border-danger-muted: 0.0625rem solid #fb8f4466;
1201
+ --border-closed-emphasis: 0.0625rem solid #bc4c00;
1202
+ --border-closed-muted: 0.0625rem solid #fb8f4466;
1203
+ --border-attention-emphasis: 0.0625rem solid #9a6700;
1204
+ --border-attention-muted: 0.0625rem solid #d4a72c66;
1205
+ --border-severe-emphasis: 0.0625rem solid #bc4c00;
1206
+ --border-severe-muted: 0.0625rem solid #fb8f4466;
1207
+ --border-done-emphasis: 0.0625rem solid #8250df;
1208
+ --border-done-muted: 0.0625rem solid #c297ff66;
1209
+ --border-upsell-emphasis: 0.0625rem solid #8250df;
1210
+ --border-upsell-muted: 0.0625rem solid #c297ff66;
1211
+ --border-sponsors-emphasis: 0.0625rem solid #bf3989;
1212
+ --border-sponsors-muted: 0.0625rem solid #ff80c866;
1159
1213
  }
1160
1214
  }
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -259,10 +259,10 @@
259
259
  --button-invisible-bgColor-rest: #ffffff00;
260
260
  --button-invisible-bgColor-hover: #dae0e7;
261
261
  --button-invisible-bgColor-active: #d1d9e0;
262
- --button-invisible-bgColor-disabled: #e0e6eb;
262
+ --button-invisible-bgColor-disabled: #ffffff00;
263
263
  --button-invisible-borderColor-rest: #ffffff00;
264
264
  --button-invisible-borderColor-hover: #454c54;
265
- --button-invisible-borderColor-disabled: #59636e1f;
265
+ --button-invisible-borderColor-disabled: #ffffff00;
266
266
  --button-outline-fgColor-rest: #023b95;
267
267
  --button-outline-fgColor-hover: #ffffff;
268
268
  --button-outline-fgColor-active: #ffffff;
@@ -311,7 +311,7 @@
311
311
  --reactionButton-selected-fgColor-rest: #023b95;
312
312
  --reactionButton-selected-fgColor-hover: #023b95;
313
313
  --focus-outlineColor: #0349b4;
314
- --focus-outline: #0349b4 solid 2px;
314
+ --focus-outline: 2px solid #0349b4;
315
315
  --menu-bgColor-active: #ffffff00;
316
316
  --overlay-bgColor: #ffffff;
317
317
  --overlay-borderColor: #454c54;
@@ -577,6 +577,33 @@
577
577
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
578
578
  --shadow-floating-xlarge: 0px 0px 0px 1px #454c54, 0px 56px 112px 0px #25292e52;
579
579
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
580
+ --border-default: 0.0625rem solid #454c54;
581
+ --border-muted: 0.0625rem solid #454c54;
582
+ --border-emphasis: 0.0625rem solid #454c54;
583
+ --border-disabled: 0.0625rem solid #59636e1f;
584
+ --border-transparent: 0.0625rem solid #ffffff00;
585
+ --border-neutral-emphasis: 0.0625rem solid #59636e;
586
+ --border-neutral-muted: 0.0625rem solid #454c54;
587
+ --border-accent-emphasis: 0.0625rem solid #0349b4;
588
+ --border-accent-muted: 0.0625rem solid #368cf9;
589
+ --border-success-emphasis: 0.0625rem solid #055d20;
590
+ --border-success-muted: 0.0625rem solid #26a148;
591
+ --border-open-emphasis: 0.0625rem solid #055d20;
592
+ --border-open-muted: 0.0625rem solid #26a148;
593
+ --border-danger-emphasis: 0.0625rem solid #a0111f;
594
+ --border-danger-muted: 0.0625rem solid #ee5a5d;
595
+ --border-closed-emphasis: 0.0625rem solid #a0111f;
596
+ --border-closed-muted: 0.0625rem solid #ee5a5d;
597
+ --border-attention-emphasis: 0.0625rem solid #744500;
598
+ --border-attention-muted: 0.0625rem solid #b58407;
599
+ --border-severe-emphasis: 0.0625rem solid #873800;
600
+ --border-severe-muted: 0.0625rem solid #dc6d1a;
601
+ --border-done-emphasis: 0.0625rem solid #622cbc;
602
+ --border-done-muted: 0.0625rem solid #a371f7;
603
+ --border-upsell-emphasis: 0.0625rem solid #622cbc;
604
+ --border-upsell-muted: 0.0625rem solid #a371f7;
605
+ --border-sponsors-emphasis: 0.0625rem solid #971368;
606
+ --border-sponsors-muted: 0.0625rem solid #ed4baf;
580
607
  }
581
608
  @media (prefers-color-scheme: dark) {
582
609
  [data-color-mode="auto"][data-dark-theme="light_high_contrast"],
@@ -838,10 +865,10 @@
838
865
  --button-invisible-bgColor-rest: #ffffff00;
839
866
  --button-invisible-bgColor-hover: #dae0e7;
840
867
  --button-invisible-bgColor-active: #d1d9e0;
841
- --button-invisible-bgColor-disabled: #e0e6eb;
868
+ --button-invisible-bgColor-disabled: #ffffff00;
842
869
  --button-invisible-borderColor-rest: #ffffff00;
843
870
  --button-invisible-borderColor-hover: #454c54;
844
- --button-invisible-borderColor-disabled: #59636e1f;
871
+ --button-invisible-borderColor-disabled: #ffffff00;
845
872
  --button-outline-fgColor-rest: #023b95;
846
873
  --button-outline-fgColor-hover: #ffffff;
847
874
  --button-outline-fgColor-active: #ffffff;
@@ -890,7 +917,7 @@
890
917
  --reactionButton-selected-fgColor-rest: #023b95;
891
918
  --reactionButton-selected-fgColor-hover: #023b95;
892
919
  --focus-outlineColor: #0349b4;
893
- --focus-outline: #0349b4 solid 2px;
920
+ --focus-outline: 2px solid #0349b4;
894
921
  --menu-bgColor-active: #ffffff00;
895
922
  --overlay-bgColor: #ffffff;
896
923
  --overlay-borderColor: #454c54;
@@ -1156,5 +1183,32 @@
1156
1183
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
1157
1184
  --shadow-floating-xlarge: 0px 0px 0px 1px #454c54, 0px 56px 112px 0px #25292e52;
1158
1185
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1186
+ --border-default: 0.0625rem solid #454c54;
1187
+ --border-muted: 0.0625rem solid #454c54;
1188
+ --border-emphasis: 0.0625rem solid #454c54;
1189
+ --border-disabled: 0.0625rem solid #59636e1f;
1190
+ --border-transparent: 0.0625rem solid #ffffff00;
1191
+ --border-neutral-emphasis: 0.0625rem solid #59636e;
1192
+ --border-neutral-muted: 0.0625rem solid #454c54;
1193
+ --border-accent-emphasis: 0.0625rem solid #0349b4;
1194
+ --border-accent-muted: 0.0625rem solid #368cf9;
1195
+ --border-success-emphasis: 0.0625rem solid #055d20;
1196
+ --border-success-muted: 0.0625rem solid #26a148;
1197
+ --border-open-emphasis: 0.0625rem solid #055d20;
1198
+ --border-open-muted: 0.0625rem solid #26a148;
1199
+ --border-danger-emphasis: 0.0625rem solid #a0111f;
1200
+ --border-danger-muted: 0.0625rem solid #ee5a5d;
1201
+ --border-closed-emphasis: 0.0625rem solid #a0111f;
1202
+ --border-closed-muted: 0.0625rem solid #ee5a5d;
1203
+ --border-attention-emphasis: 0.0625rem solid #744500;
1204
+ --border-attention-muted: 0.0625rem solid #b58407;
1205
+ --border-severe-emphasis: 0.0625rem solid #873800;
1206
+ --border-severe-muted: 0.0625rem solid #dc6d1a;
1207
+ --border-done-emphasis: 0.0625rem solid #622cbc;
1208
+ --border-done-muted: 0.0625rem solid #a371f7;
1209
+ --border-upsell-emphasis: 0.0625rem solid #622cbc;
1210
+ --border-upsell-muted: 0.0625rem solid #a371f7;
1211
+ --border-sponsors-emphasis: 0.0625rem solid #971368;
1212
+ --border-sponsors-muted: 0.0625rem solid #ed4baf;
1159
1213
  }
1160
1214
  }
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -259,10 +259,10 @@
259
259
  --button-invisible-bgColor-rest: #ffffff00;
260
260
  --button-invisible-bgColor-hover: #818b981a;
261
261
  --button-invisible-bgColor-active: #818b9826;
262
- --button-invisible-bgColor-disabled: #eff2f5;
262
+ --button-invisible-bgColor-disabled: #ffffff00;
263
263
  --button-invisible-borderColor-rest: #ffffff00;
264
264
  --button-invisible-borderColor-hover: #ffffff00;
265
- --button-invisible-borderColor-disabled: #818b981a;
265
+ --button-invisible-borderColor-disabled: #ffffff00;
266
266
  --button-outline-fgColor-rest: #0969da;
267
267
  --button-outline-fgColor-hover: #ffffff;
268
268
  --button-outline-fgColor-active: #ffffff;
@@ -311,7 +311,7 @@
311
311
  --reactionButton-selected-fgColor-rest: #0969da;
312
312
  --reactionButton-selected-fgColor-hover: #0550ae;
313
313
  --focus-outlineColor: #0969da;
314
- --focus-outline: #0969da solid 2px;
314
+ --focus-outline: 2px solid #0969da;
315
315
  --menu-bgColor-active: #ffffff00;
316
316
  --overlay-bgColor: #ffffff;
317
317
  --overlay-borderColor: #d1d9e080;
@@ -577,6 +577,33 @@
577
577
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
578
578
  --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
579
579
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
580
+ --border-default: 0.0625rem solid #d1d9e0;
581
+ --border-muted: 0.0625rem solid #d1d9e0b3;
582
+ --border-emphasis: 0.0625rem solid #818b98;
583
+ --border-disabled: 0.0625rem solid #818b981a;
584
+ --border-transparent: 0.0625rem solid #ffffff00;
585
+ --border-neutral-emphasis: 0.0625rem solid #59636e;
586
+ --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
587
+ --border-accent-emphasis: 0.0625rem solid #0969da;
588
+ --border-accent-muted: 0.0625rem solid #54aeff66;
589
+ --border-success-emphasis: 0.0625rem solid #0969da;
590
+ --border-success-muted: 0.0625rem solid #54aeff66;
591
+ --border-open-emphasis: 0.0625rem solid #0969da;
592
+ --border-open-muted: 0.0625rem solid #54aeff66;
593
+ --border-danger-emphasis: 0.0625rem solid #cf222e;
594
+ --border-danger-muted: 0.0625rem solid #ff818266;
595
+ --border-closed-emphasis: 0.0625rem solid #cf222e;
596
+ --border-closed-muted: 0.0625rem solid #ff818266;
597
+ --border-attention-emphasis: 0.0625rem solid #9a6700;
598
+ --border-attention-muted: 0.0625rem solid #d4a72c66;
599
+ --border-severe-emphasis: 0.0625rem solid #cf222e;
600
+ --border-severe-muted: 0.0625rem solid #ff818266;
601
+ --border-done-emphasis: 0.0625rem solid #8250df;
602
+ --border-done-muted: 0.0625rem solid #c297ff66;
603
+ --border-upsell-emphasis: 0.0625rem solid #8250df;
604
+ --border-upsell-muted: 0.0625rem solid #c297ff66;
605
+ --border-sponsors-emphasis: 0.0625rem solid #bf3989;
606
+ --border-sponsors-muted: 0.0625rem solid #ff80c866;
580
607
  }
581
608
  @media (prefers-color-scheme: dark) {
582
609
  [data-color-mode="auto"][data-dark-theme="light_tritanopia"],
@@ -838,10 +865,10 @@
838
865
  --button-invisible-bgColor-rest: #ffffff00;
839
866
  --button-invisible-bgColor-hover: #818b981a;
840
867
  --button-invisible-bgColor-active: #818b9826;
841
- --button-invisible-bgColor-disabled: #eff2f5;
868
+ --button-invisible-bgColor-disabled: #ffffff00;
842
869
  --button-invisible-borderColor-rest: #ffffff00;
843
870
  --button-invisible-borderColor-hover: #ffffff00;
844
- --button-invisible-borderColor-disabled: #818b981a;
871
+ --button-invisible-borderColor-disabled: #ffffff00;
845
872
  --button-outline-fgColor-rest: #0969da;
846
873
  --button-outline-fgColor-hover: #ffffff;
847
874
  --button-outline-fgColor-active: #ffffff;
@@ -890,7 +917,7 @@
890
917
  --reactionButton-selected-fgColor-rest: #0969da;
891
918
  --reactionButton-selected-fgColor-hover: #0550ae;
892
919
  --focus-outlineColor: #0969da;
893
- --focus-outline: #0969da solid 2px;
920
+ --focus-outline: 2px solid #0969da;
894
921
  --menu-bgColor-active: #ffffff00;
895
922
  --overlay-bgColor: #ffffff;
896
923
  --overlay-borderColor: #d1d9e080;
@@ -1156,5 +1183,32 @@
1156
1183
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1157
1184
  --shadow-floating-xlarge: 0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52;
1158
1185
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1186
+ --border-default: 0.0625rem solid #d1d9e0;
1187
+ --border-muted: 0.0625rem solid #d1d9e0b3;
1188
+ --border-emphasis: 0.0625rem solid #818b98;
1189
+ --border-disabled: 0.0625rem solid #818b981a;
1190
+ --border-transparent: 0.0625rem solid #ffffff00;
1191
+ --border-neutral-emphasis: 0.0625rem solid #59636e;
1192
+ --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1193
+ --border-accent-emphasis: 0.0625rem solid #0969da;
1194
+ --border-accent-muted: 0.0625rem solid #54aeff66;
1195
+ --border-success-emphasis: 0.0625rem solid #0969da;
1196
+ --border-success-muted: 0.0625rem solid #54aeff66;
1197
+ --border-open-emphasis: 0.0625rem solid #0969da;
1198
+ --border-open-muted: 0.0625rem solid #54aeff66;
1199
+ --border-danger-emphasis: 0.0625rem solid #cf222e;
1200
+ --border-danger-muted: 0.0625rem solid #ff818266;
1201
+ --border-closed-emphasis: 0.0625rem solid #cf222e;
1202
+ --border-closed-muted: 0.0625rem solid #ff818266;
1203
+ --border-attention-emphasis: 0.0625rem solid #9a6700;
1204
+ --border-attention-muted: 0.0625rem solid #d4a72c66;
1205
+ --border-severe-emphasis: 0.0625rem solid #cf222e;
1206
+ --border-severe-muted: 0.0625rem solid #ff818266;
1207
+ --border-done-emphasis: 0.0625rem solid #8250df;
1208
+ --border-done-muted: 0.0625rem solid #c297ff66;
1209
+ --border-upsell-emphasis: 0.0625rem solid #8250df;
1210
+ --border-upsell-muted: 0.0625rem solid #c297ff66;
1211
+ --border-sponsors-emphasis: 0.0625rem solid #bf3989;
1212
+ --border-sponsors-muted: 0.0625rem solid #ff80c866;
1159
1213
  }
1160
1214
  }