@primer/primitives 7.15.15 → 7.16.0-rc.06e521eb

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 (184) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +240 -186
  2. package/dist/css/functional/themes/dark-dimmed.css +240 -186
  3. package/dist/css/functional/themes/dark-high-contrast.css +240 -186
  4. package/dist/css/functional/themes/dark-tritanopia.css +240 -186
  5. package/dist/css/functional/themes/dark.css +240 -186
  6. package/dist/css/functional/themes/light-colorblind.css +240 -186
  7. package/dist/css/functional/themes/light-high-contrast.css +240 -186
  8. package/dist/css/functional/themes/light-tritanopia.css +240 -186
  9. package/dist/css/functional/themes/light.css +240 -186
  10. package/dist/css/functional/typography/typography.css +9 -9
  11. package/dist/docs/functional/themes/dark-colorblind.json +4411 -2292
  12. package/dist/docs/functional/themes/dark-dimmed.json +4411 -2292
  13. package/dist/docs/functional/themes/dark-high-contrast.json +4409 -2290
  14. package/dist/docs/functional/themes/dark-tritanopia.json +4427 -2308
  15. package/dist/docs/functional/themes/dark.json +4366 -2247
  16. package/dist/docs/functional/themes/light-colorblind.json +4409 -2292
  17. package/dist/docs/functional/themes/light-high-contrast.json +4358 -2241
  18. package/dist/docs/functional/themes/light-tritanopia.json +4363 -2246
  19. package/dist/docs/functional/themes/light.json +4373 -2256
  20. package/dist/fallbacks/color-fallbacks.json +260 -0
  21. package/dist/figma/figma.json +2 -2
  22. package/dist/figma/themes/dark-colorblind.json +2101 -164
  23. package/dist/figma/themes/dark-dimmed.json +2100 -163
  24. package/dist/figma/themes/dark-high-contrast.json +2101 -164
  25. package/dist/figma/themes/dark-tritanopia.json +2101 -164
  26. package/dist/figma/themes/dark.json +2101 -164
  27. package/dist/figma/themes/light-colorblind.json +2105 -169
  28. package/dist/figma/themes/light-high-contrast.json +2106 -170
  29. package/dist/figma/themes/light-tritanopia.json +2105 -169
  30. package/dist/figma/themes/light.json +2105 -169
  31. package/dist/internalCss/dark-colorblind.css +240 -186
  32. package/dist/internalCss/dark-dimmed.css +240 -186
  33. package/dist/internalCss/dark-high-contrast.css +240 -186
  34. package/dist/internalCss/dark-tritanopia.css +240 -186
  35. package/dist/internalCss/dark.css +240 -186
  36. package/dist/internalCss/light-colorblind.css +240 -186
  37. package/dist/internalCss/light-high-contrast.css +240 -186
  38. package/dist/internalCss/light-tritanopia.css +240 -186
  39. package/dist/internalCss/light.css +240 -186
  40. package/package.json +13 -12
  41. package/tokens-next-private/css/functional/themes/dark-colorblind.css +240 -186
  42. package/tokens-next-private/css/functional/themes/dark-dimmed.css +240 -186
  43. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +240 -186
  44. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +240 -186
  45. package/tokens-next-private/css/functional/themes/dark.css +240 -186
  46. package/tokens-next-private/css/functional/themes/light-colorblind.css +240 -186
  47. package/tokens-next-private/css/functional/themes/light-high-contrast.css +240 -186
  48. package/tokens-next-private/css/functional/themes/light-tritanopia.css +240 -186
  49. package/tokens-next-private/css/functional/themes/light.css +240 -186
  50. package/tokens-next-private/css/functional/typography/typography.css +9 -9
  51. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4411 -2292
  52. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4411 -2292
  53. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +4409 -2290
  54. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4427 -2308
  55. package/tokens-next-private/docs/functional/themes/dark.json +4366 -2247
  56. package/tokens-next-private/docs/functional/themes/light-colorblind.json +4409 -2292
  57. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +4358 -2241
  58. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +4363 -2246
  59. package/tokens-next-private/docs/functional/themes/light.json +4373 -2256
  60. package/tokens-next-private/internalCss/dark-colorblind.css +240 -186
  61. package/tokens-next-private/internalCss/dark-dimmed.css +240 -186
  62. package/tokens-next-private/internalCss/dark-high-contrast.css +240 -186
  63. package/tokens-next-private/internalCss/dark-tritanopia.css +240 -186
  64. package/tokens-next-private/internalCss/dark.css +240 -186
  65. package/tokens-next-private/internalCss/light-colorblind.css +240 -186
  66. package/tokens-next-private/internalCss/light-high-contrast.css +240 -186
  67. package/tokens-next-private/internalCss/light-tritanopia.css +240 -186
  68. package/tokens-next-private/internalCss/light.css +240 -186
  69. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  70. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  71. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  72. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  73. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  74. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  75. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  76. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  77. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  78. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  79. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  80. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  81. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  82. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  83. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  84. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  85. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  86. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  87. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  88. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  89. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  90. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  91. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  92. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  93. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  94. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  95. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  96. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  97. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  98. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  99. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  100. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  101. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  102. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  103. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  104. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  105. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  106. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  107. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  108. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  110. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  111. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  112. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  113. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  114. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  115. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  116. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  117. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  118. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  119. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  120. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  121. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  122. package/dist/scss/base/size/size.scss +0 -17
  123. package/dist/scss/base/typography/typography.scss +0 -4
  124. package/dist/scss/functional/motion/motion.scss +0 -3
  125. package/dist/scss/functional/size/border.scss +0 -12
  126. package/dist/scss/functional/size/breakpoints.scss +0 -6
  127. package/dist/scss/functional/size/size-coarse.scss +0 -3
  128. package/dist/scss/functional/size/size-fine.scss +0 -3
  129. package/dist/scss/functional/size/size.scss +0 -72
  130. package/dist/scss/functional/size/viewport.scss +0 -6
  131. package/dist/scss/functional/themes/dark-colorblind.scss +0 -507
  132. package/dist/scss/functional/themes/dark-dimmed.scss +0 -507
  133. package/dist/scss/functional/themes/dark-high-contrast.scss +0 -507
  134. package/dist/scss/functional/themes/dark-tritanopia.scss +0 -507
  135. package/dist/scss/functional/themes/dark.scss +0 -507
  136. package/dist/scss/functional/themes/light-colorblind.scss +0 -507
  137. package/dist/scss/functional/themes/light-high-contrast.scss +0 -507
  138. package/dist/scss/functional/themes/light-tritanopia.scss +0 -507
  139. package/dist/scss/functional/themes/light.scss +0 -507
  140. package/dist/scss/functional/typography/typography.scss +0 -45
  141. package/tokens-next-private/figma/dimension/dimension.json +0 -1068
  142. package/tokens-next-private/figma/figma.json +0 -116
  143. package/tokens-next-private/figma/scales/dark-dimmed.json +0 -1398
  144. package/tokens-next-private/figma/scales/dark-high-constrast.json +0 -1398
  145. package/tokens-next-private/figma/scales/dark.json +0 -1398
  146. package/tokens-next-private/figma/scales/light-high-constrast.json +0 -1398
  147. package/tokens-next-private/figma/scales/light.json +0 -1398
  148. package/tokens-next-private/figma/shadows/dark-colorblind.json +0 -1152
  149. package/tokens-next-private/figma/shadows/dark-dimmed.json +0 -1152
  150. package/tokens-next-private/figma/shadows/dark-high-contrast.json +0 -1152
  151. package/tokens-next-private/figma/shadows/dark-tritanopia.json +0 -1152
  152. package/tokens-next-private/figma/shadows/dark.json +0 -1152
  153. package/tokens-next-private/figma/shadows/light-colorblind.json +0 -1052
  154. package/tokens-next-private/figma/shadows/light-high-contrast.json +0 -1052
  155. package/tokens-next-private/figma/shadows/light-tritanopia.json +0 -1052
  156. package/tokens-next-private/figma/shadows/light.json +0 -1052
  157. package/tokens-next-private/figma/themes/dark-colorblind.json +0 -7759
  158. package/tokens-next-private/figma/themes/dark-dimmed.json +0 -7757
  159. package/tokens-next-private/figma/themes/dark-high-contrast.json +0 -7766
  160. package/tokens-next-private/figma/themes/dark-tritanopia.json +0 -7760
  161. package/tokens-next-private/figma/themes/dark.json +0 -7759
  162. package/tokens-next-private/figma/themes/light-colorblind.json +0 -7636
  163. package/tokens-next-private/figma/themes/light-high-contrast.json +0 -7634
  164. package/tokens-next-private/figma/themes/light-tritanopia.json +0 -7630
  165. package/tokens-next-private/figma/themes/light.json +0 -7629
  166. package/tokens-next-private/scss/base/size/size.scss +0 -17
  167. package/tokens-next-private/scss/base/typography/typography.scss +0 -4
  168. package/tokens-next-private/scss/functional/motion/motion.scss +0 -3
  169. package/tokens-next-private/scss/functional/size/border.scss +0 -12
  170. package/tokens-next-private/scss/functional/size/breakpoints.scss +0 -6
  171. package/tokens-next-private/scss/functional/size/size-coarse.scss +0 -3
  172. package/tokens-next-private/scss/functional/size/size-fine.scss +0 -3
  173. package/tokens-next-private/scss/functional/size/size.scss +0 -72
  174. package/tokens-next-private/scss/functional/size/viewport.scss +0 -6
  175. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +0 -507
  176. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +0 -507
  177. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +0 -507
  178. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +0 -507
  179. package/tokens-next-private/scss/functional/themes/dark.scss +0 -507
  180. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +0 -507
  181. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +0 -507
  182. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +0 -507
  183. package/tokens-next-private/scss/functional/themes/light.scss +0 -507
  184. package/tokens-next-private/scss/functional/typography/typography.scss +0 -45
@@ -1,507 +0,0 @@
1
- $topicTag-borderColor: #ffffff00;
2
- $highlight-neutral-bgColor: #fff8c5;
3
- $page-header-bgColor: #f6f8fa;
4
- $diffBlob-addition-fgColor-text: #1f2328;
5
- $diffBlob-addition-fgColor-num: #1f2328;
6
- $diffBlob-addition-bgColor-num: #d1f8d9;
7
- $diffBlob-addition-bgColor-line: #dafbe1;
8
- $diffBlob-addition-bgColor-word: #aceebb;
9
- $diffBlob-deletion-fgColor-text: #1f2328;
10
- $diffBlob-deletion-fgColor-num: #1f2328;
11
- $diffBlob-deletion-bgColor-num: #ffcecb;
12
- $diffBlob-deletion-bgColor-line: #ffebe9;
13
- $diffBlob-deletion-bgColor-word: #ff818266;
14
- $diffBlob-hunk-bgColor-num: #54aeff66;
15
- $diffBlob-expander-iconColor: #636c76;
16
- $codeMirror-fgColor: #1f2328;
17
- $codeMirror-bgColor: #ffffff;
18
- $codeMirror-gutters-bgColor: #ffffff;
19
- $codeMirror-gutterMarker-fgColor-default: #ffffff;
20
- $codeMirror-gutterMarker-fgColor-muted: #636c76;
21
- $codeMirror-lineNumber-fgColor: #636c76;
22
- $codeMirror-cursor-fgColor: #1f2328;
23
- $codeMirror-selection-bgColor: #54aeff66;
24
- $codeMirror-activeline-bgColor: #afb8c133;
25
- $codeMirror-matchingBracket-fgColor: #1f2328;
26
- $codeMirror-lines-bgColor: #ffffff;
27
- $codeMirror-syntax-fgColor-comment: #24292f;
28
- $codeMirror-syntax-fgColor-constant: #0550ae;
29
- $codeMirror-syntax-fgColor-entity: #8250df;
30
- $codeMirror-syntax-fgColor-keyword: #cf222e;
31
- $codeMirror-syntax-fgColor-storage: #cf222e;
32
- $codeMirror-syntax-fgColor-string: #0a3069;
33
- $codeMirror-syntax-fgColor-support: #0550ae;
34
- $codeMirror-syntax-fgColor-variable: #953800;
35
- $header-fgColor-default: #ffffffb3;
36
- $header-fgColor-logo: #ffffff;
37
- $header-bgColor: #24292f;
38
- $header-borderColor-divider: #57606a;
39
- $headerSearch-bgColor: #24292f;
40
- $headerSearch-borderColor: #57606a;
41
- $data-blue-color: #006edb;
42
- $data-auburn-color: #9d615c;
43
- $data-orange-color: #eb670f;
44
- $data-yellow-color: #b88700;
45
- $data-green-color: #30a147;
46
- $data-teal-color: #179b9b;
47
- $data-purple-color: #894ceb;
48
- $data-pink-color: #ce2c85;
49
- $data-red-color: #df0c24;
50
- $data-gray-color: #808fa3;
51
- $display-blue-bgColor-muted: #d1f0ff;
52
- $display-blue-bgColor-emphasis: #006edb;
53
- $display-blue-fgColor: #005fcc;
54
- $display-blue-borderColor-muted: #ade1ff;
55
- $display-blue-borderColor-emphasis: #006edb;
56
- $display-green-bgColor-muted: #caf7ca;
57
- $display-green-bgColor-emphasis: #2c8141;
58
- $display-green-fgColor: #2b6e3f;
59
- $display-green-borderColor-muted: #9ceda0;
60
- $display-green-borderColor-emphasis: #2c8141;
61
- $display-orange-bgColor-muted: #ffe7d1;
62
- $display-orange-bgColor-emphasis: #b8500f;
63
- $display-orange-fgColor: #a24610;
64
- $display-orange-borderColor-muted: #fecfaa;
65
- $display-orange-borderColor-emphasis: #b8500f;
66
- $display-purple-bgColor-muted: #f1e5ff;
67
- $display-purple-bgColor-emphasis: #894ceb;
68
- $display-purple-fgColor: #783ae4;
69
- $display-purple-borderColor-muted: #e6d2fe;
70
- $display-purple-borderColor-emphasis: #894ceb;
71
- $display-red-bgColor-muted: #ffe2e0;
72
- $display-red-bgColor-emphasis: #df0c24;
73
- $display-red-fgColor: #c50d28;
74
- $display-red-borderColor-muted: #fecdcd;
75
- $display-red-borderColor-emphasis: #df0c24;
76
- $display-yellow-bgColor-muted: #ffec9e;
77
- $display-yellow-bgColor-emphasis: #946a00;
78
- $display-yellow-fgColor: #805900;
79
- $display-yellow-borderColor-muted: #ffd642;
80
- $display-yellow-borderColor-emphasis: #946a00;
81
- $display-gray-bgColor-muted: #e8ecf2;
82
- $display-gray-bgColor-emphasis: #647182;
83
- $display-gray-fgColor: #5c6570;
84
- $display-gray-borderColor-muted: #d2dae4;
85
- $display-gray-borderColor-emphasis: #647182;
86
- $display-auburn-bgColor-muted: #f2e9e9;
87
- $display-auburn-bgColor-emphasis: #9d615c;
88
- $display-auburn-fgColor: #8a5551;
89
- $display-auburn-borderColor-muted: #e6d6d5;
90
- $display-auburn-borderColor-emphasis: #9d615c;
91
- $display-brown-bgColor-muted: #eeeae2;
92
- $display-brown-bgColor-emphasis: #856d4c;
93
- $display-brown-fgColor: #755f43;
94
- $display-brown-borderColor-muted: #dfd7c8;
95
- $display-brown-borderColor-emphasis: #856d4c;
96
- $display-lemon-bgColor-muted: #f7eea1;
97
- $display-lemon-bgColor-emphasis: #866e04;
98
- $display-lemon-fgColor: #786002;
99
- $display-lemon-borderColor-muted: #f0db3d;
100
- $display-lemon-borderColor-emphasis: #866e04;
101
- $display-olive-bgColor-muted: #f0f0ad;
102
- $display-olive-bgColor-emphasis: #64762d;
103
- $display-olive-fgColor: #56682c;
104
- $display-olive-borderColor-muted: #dbe170;
105
- $display-olive-borderColor-emphasis: #64762d;
106
- $display-lime-bgColor-muted: #e3f2b5;
107
- $display-lime-bgColor-emphasis: #527a29;
108
- $display-lime-fgColor: #476c28;
109
- $display-lime-borderColor-muted: #c7e580;
110
- $display-lime-borderColor-emphasis: #527a29;
111
- $display-pine-bgColor-muted: #bff8db;
112
- $display-pine-bgColor-emphasis: #167e53;
113
- $display-pine-fgColor: #156f4b;
114
- $display-pine-borderColor-muted: #80efb9;
115
- $display-pine-borderColor-emphasis: #167e53;
116
- $display-teal-bgColor-muted: #c7f5ef;
117
- $display-teal-bgColor-emphasis: #127e81;
118
- $display-teal-fgColor: #106e75;
119
- $display-teal-borderColor-muted: #89ebe1;
120
- $display-teal-borderColor-emphasis: #127e81;
121
- $display-cyan-bgColor-muted: #bdf4ff;
122
- $display-cyan-bgColor-emphasis: #007b94;
123
- $display-cyan-fgColor: #006a80;
124
- $display-cyan-borderColor-muted: #7ae9ff;
125
- $display-cyan-borderColor-emphasis: #007b94;
126
- $display-indigo-bgColor-muted: #e5e9ff;
127
- $display-indigo-bgColor-emphasis: #5a61e7;
128
- $display-indigo-fgColor: #494edf;
129
- $display-indigo-borderColor-muted: #d2d7fe;
130
- $display-indigo-borderColor-emphasis: #5a61e7;
131
- $avatar-bgColor: #ffffff;
132
- $avatar-borderColor: #1f232826;
133
- $avatar-shadow: 0px 0px 0px 2px #ffffffcc;
134
- $avatarStack-fade-bgColor-default: #afb8c1;
135
- $avatarStack-fade-bgColor-muted: #d0d7de;
136
- $control-bgColor-rest: #f6f8fa;
137
- $control-bgColor-hover: #eef1f4;
138
- $control-bgColor-active: #e7ebef;
139
- $control-bgColor-disabled: #eaeef2b3;
140
- $control-bgColor-selected: #f6f8fa;
141
- $control-fgColor-rest: #24292f;
142
- $control-fgColor-placeholder: #6e7781;
143
- $control-fgColor-disabled: #8c959f;
144
- $control-borderColor-rest: #d0d7de;
145
- $control-borderColor-emphasis: #868f99;
146
- $control-borderColor-disabled: #eaeef2b3;
147
- $control-borderColor-selected: #f6f8fa;
148
- $control-borderColor-success: #1a7f37;
149
- $control-borderColor-danger: #cf222e;
150
- $control-borderColor-warning: #bf8700;
151
- $control-iconColor-rest: #636c76;
152
- $control-transparent-bgColor-rest: #ffffff00;
153
- $control-transparent-bgColor-hover: #d0d7de33;
154
- $control-transparent-bgColor-active: #d0d7de66;
155
- $control-transparent-bgColor-disabled: #eaeef2b3;
156
- $control-transparent-bgColor-selected: #d0d7de33;
157
- $control-transparent-borderColor-rest: #ffffff00;
158
- $control-transparent-borderColor-hover: #ffffff00;
159
- $control-transparent-borderColor-active: #ffffff00;
160
- $control-danger-fgColor-rest: #d1242f;
161
- $control-danger-fgColor-hover: #d1242f;
162
- $control-danger-bgColor-hover: #ffebe9;
163
- $control-danger-bgColor-active: #ffebe966;
164
- $control-checked-bgColor-rest: #0969da;
165
- $control-checked-bgColor-hover: #0860ca;
166
- $control-checked-bgColor-active: #0757ba;
167
- $control-checked-bgColor-disabled: #8c959f;
168
- $control-checked-fgColor-rest: #ffffff;
169
- $control-checked-fgColor-disabled: #ffffff;
170
- $control-checked-borderColor-rest: #0969da;
171
- $control-checked-borderColor-hover: #0860ca;
172
- $control-checked-borderColor-active: #0757ba;
173
- $control-checked-borderColor-disabled: #8c959f;
174
- $controlTrack-bgColor-rest: #eaeef2;
175
- $controlTrack-bgColor-hover: #dee3e8;
176
- $controlTrack-bgColor-active: #d2d8de;
177
- $controlTrack-bgColor-disabled: #8c959f;
178
- $controlTrack-fgColor-rest: #636c76;
179
- $controlTrack-fgColor-disabled: #ffffff;
180
- $controlTrack-borderColor-rest: #ffffff00;
181
- $controlTrack-borderColor-disabled: #8c959f;
182
- $controlKnob-bgColor-rest: #ffffff;
183
- $controlKnob-bgColor-disabled: #eaeef2b3;
184
- $controlKnob-bgColor-checked: #ffffff;
185
- $controlKnob-borderColor-rest: #868f99;
186
- $controlKnob-borderColor-disabled: #eaeef2b3;
187
- $controlKnob-borderColor-checked: #0969da;
188
- $counter-borderColor: #ffffff00;
189
- $button-default-fgColor-rest: #24292f;
190
- $button-default-bgColor-rest: #f6f8fa;
191
- $button-default-bgColor-hover: #eef1f4;
192
- $button-default-bgColor-active: #e7ebef;
193
- $button-default-bgColor-selected: #e7ebef;
194
- $button-default-bgColor-disabled: #eaeef2b3;
195
- $button-default-borderColor-rest: #d0d7de;
196
- $button-default-borderColor-hover: #d0d7de;
197
- $button-default-borderColor-active: #d0d7de;
198
- $button-default-borderColor-disabled: #eaeef2b3;
199
- $button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
200
- $button-primary-fgColor-rest: #ffffff;
201
- $button-primary-fgColor-disabled: #ffffffcc;
202
- $button-primary-iconColor-rest: #ffffffcc;
203
- $button-primary-bgColor-rest: #1f883d;
204
- $button-primary-bgColor-hover: #1c8139;
205
- $button-primary-bgColor-active: #197935;
206
- $button-primary-bgColor-disabled: #95d8a6;
207
- $button-primary-borderColor-rest: #1f232826;
208
- $button-primary-borderColor-hover: #1f232826;
209
- $button-primary-borderColor-active: #1f232826;
210
- $button-primary-borderColor-disabled: #95d8a6;
211
- $button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
212
- $button-invisible-fgColor-rest: #0969da;
213
- $button-invisible-fgColor-hover: #0969da;
214
- $button-invisible-fgColor-disabled: #8c959f;
215
- $button-invisible-iconColor-rest: #636c76;
216
- $button-invisible-iconColor-hover: #636c76;
217
- $button-invisible-iconColor-disabled: #8c959f;
218
- $button-invisible-bgColor-rest: #ffffff00;
219
- $button-invisible-bgColor-hover: #d0d7de33;
220
- $button-invisible-bgColor-active: #d0d7de66;
221
- $button-invisible-bgColor-disabled: #eaeef2b3;
222
- $button-invisible-borderColor-rest: #ffffff00;
223
- $button-invisible-borderColor-hover: #ffffff00;
224
- $button-invisible-borderColor-disabled: #eaeef2b3;
225
- $button-outline-fgColor-rest: #0969da;
226
- $button-outline-fgColor-hover: #ffffff;
227
- $button-outline-fgColor-active: #ffffff;
228
- $button-outline-fgColor-disabled: #0969da80;
229
- $button-outline-bgColor-rest: #f6f8fa;
230
- $button-outline-bgColor-hover: #0969da;
231
- $button-outline-bgColor-active: #0757ba;
232
- $button-outline-bgColor-disabled: #f6f8fa;
233
- $button-outline-borderColor-hover: #1f232826;
234
- $button-outline-borderColor-active: #1f232826;
235
- $button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
236
- $button-danger-fgColor-rest: #d1242f;
237
- $button-danger-fgColor-hover: #ffffff;
238
- $button-danger-fgColor-active: #ffffff;
239
- $button-danger-fgColor-disabled: #d1242f80;
240
- $button-danger-iconColor-rest: #d1242f;
241
- $button-danger-iconColor-hover: #ffffff;
242
- $button-danger-bgColor-rest: #f6f8fa;
243
- $button-danger-bgColor-hover: #a40e26;
244
- $button-danger-bgColor-active: #8b0820;
245
- $button-danger-bgColor-disabled: #eaeef2b3;
246
- $button-danger-borderColor-rest: #d0d7de;
247
- $button-danger-borderColor-hover: #1f232826;
248
- $button-danger-borderColor-active: #1f232826;
249
- $button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
250
- $button-inactive-fgColor: #57606a;
251
- $button-inactive-bgColor: #eaeef2;
252
- $button-star-iconColor: #eac54f;
253
- $buttonCounter-default-bgColor-rest: #afb8c133;
254
- $buttonCounter-invisible-bgColor-rest: #afb8c133;
255
- $buttonCounter-primary-bgColor-rest: #002d1133;
256
- $buttonCounter-outline-bgColor-rest: #0969da1a;
257
- $buttonCounter-outline-bgColor-hover: #ffffff33;
258
- $buttonCounter-outline-bgColor-disabled: #0969da0d;
259
- $buttonCounter-outline-fgColor-rest: #0550ae;
260
- $buttonCounter-outline-fgColor-hover: #ffffff;
261
- $buttonCounter-outline-fgColor-disabled: #0969da80;
262
- $buttonCounter-danger-bgColor-hover: #ffffff33;
263
- $buttonCounter-danger-bgColor-disabled: #cf222e0d;
264
- $buttonCounter-danger-bgColor-rest: #cf222e1a;
265
- $buttonCounter-danger-fgColor-rest: #c21c2c;
266
- $buttonCounter-danger-fgColor-hover: #ffffff;
267
- $buttonCounter-danger-fgColor-disabled: #d1242f80;
268
- $reactionButton-selected-bgColor-rest: #ddf4ff;
269
- $reactionButton-selected-bgColor-hover: #caecff;
270
- $reactionButton-selected-fgColor-rest: #0969da;
271
- $reactionButton-selected-fgColor-hover: #0550ae;
272
- $focus-outlineColor: #0969da;
273
- $focus-outline: #0969da solid 2px;
274
- $menu-bgColor-active: #ffffff00;
275
- $overlay-bgColor: #ffffff;
276
- $overlay-borderColor: #d0d7de80;
277
- $overlay-backdrop-bgColor: #8c959f33;
278
- $selectMenu-borderColor: #ffffff00;
279
- $selectMenu-bgColor-active: #b6e3ff;
280
- $sideNav-bgColor-selected: #ffffff;
281
- $skeletonLoader-bgColor: #f6f8fa;
282
- $timelineBadge-bgColor: #eaeef2;
283
- $treeViewItem-leadingVisual-iconColor-rest: #54aeff;
284
- $underlineNav-borderColor-active: #fd8c73;
285
- $underlineNav-borderColor-hover: #afb8c133;
286
- $underlineNav-iconColor-rest: #636c76;
287
- $selection-bgColor: #0969da33;
288
- $fgColor-default: #1f2328;
289
- $fgColor-muted: #636c76;
290
- $fgColor-onEmphasis: #ffffff;
291
- $fgColor-white: #ffffff;
292
- $fgColor-black: #1f2328;
293
- $fgColor-disabled: #8c959f;
294
- $fgColor-link: #0969da;
295
- $fgColor-neutral: #6e7781;
296
- $fgColor-accent: #0969da;
297
- $fgColor-success: #1a7f37;
298
- $fgColor-attention: #9a6700;
299
- $fgColor-severe: #bc4c00;
300
- $fgColor-danger: #d1242f;
301
- $fgColor-open: #1a7f37;
302
- $fgColor-closed: #d1242f;
303
- $fgColor-done: #8250df;
304
- $fgColor-sponsors: #bf3989;
305
- $bgColor-default: #ffffff;
306
- $bgColor-muted: #f6f8fa;
307
- $bgColor-inset: #f6f8fa;
308
- $bgColor-emphasis: #24292f;
309
- $bgColor-inverse: #24292f;
310
- $bgColor-white: #ffffff;
311
- $bgColor-black: #1f2328;
312
- $bgColor-disabled: #eaeef2b3;
313
- $bgColor-transparent: #ffffff00;
314
- $bgColor-neutral-muted: #afb8c133;
315
- $bgColor-neutral-emphasis: #6e7781;
316
- $bgColor-accent-muted: #ddf4ff;
317
- $bgColor-accent-emphasis: #0969da;
318
- $bgColor-success-muted: #dafbe1;
319
- $bgColor-success-emphasis: #1f883d;
320
- $bgColor-attention-muted: #fff8c5;
321
- $bgColor-attention-emphasis: #9a6700;
322
- $bgColor-severe-muted: #fff1e5;
323
- $bgColor-severe-emphasis: #bc4c00;
324
- $bgColor-danger-muted: #ffebe9;
325
- $bgColor-danger-emphasis: #cf222e;
326
- $bgColor-open-muted: #dafbe1;
327
- $bgColor-open-emphasis: #1f883d;
328
- $bgColor-closed-muted: #ffebe9;
329
- $bgColor-closed-emphasis: #cf222e;
330
- $bgColor-done-muted: #fbefff;
331
- $bgColor-done-emphasis: #8250df;
332
- $bgColor-sponsors-muted: #ffeff7;
333
- $bgColor-sponsors-emphasis: #bf3989;
334
- $borderColor-default: #d0d7de;
335
- $borderColor-muted: #d0d7deb3;
336
- $borderColor-emphasis: #6e7781;
337
- $borderColor-disabled: #eaeef2b3;
338
- $borderColor-transparent: #ffffff00;
339
- $borderColor-neutral-muted: #afb8c133;
340
- $borderColor-neutral-emphasis: #6e7781;
341
- $borderColor-accent-muted: #54aeff66;
342
- $borderColor-accent-emphasis: #0969da;
343
- $borderColor-success-muted: #4ac26b66;
344
- $borderColor-success-emphasis: #1a7f37;
345
- $borderColor-attention-muted: #d4a72c66;
346
- $borderColor-attention-emphasis: #bf8700;
347
- $borderColor-severe-muted: #fb8f4466;
348
- $borderColor-severe-emphasis: #bc4c00;
349
- $borderColor-danger-muted: #ff818266;
350
- $borderColor-danger-emphasis: #cf222e;
351
- $borderColor-open-muted: #4ac26b66;
352
- $borderColor-open-emphasis: #1a7f37;
353
- $borderColor-closed-muted: #ff818266;
354
- $borderColor-closed-emphasis: #cf222e;
355
- $borderColor-done-muted: #c297ff66;
356
- $borderColor-done-emphasis: #8250df;
357
- $borderColor-sponsors-muted: #ff80c866;
358
- $borderColor-sponsors-emphasis: #bf3989;
359
- $color-ansi-black: #24292f;
360
- $color-ansi-black-bright: #57606a;
361
- $color-ansi-white: #6e7781;
362
- $color-ansi-white-bright: #8c959f;
363
- $color-ansi-gray: #6e7781;
364
- $color-ansi-red: #cf222e;
365
- $color-ansi-red-bright: #a40e26;
366
- $color-ansi-green: #116329;
367
- $color-ansi-green-bright: #1a7f37;
368
- $color-ansi-yellow: #4d2d00;
369
- $color-ansi-yellow-bright: #633c01;
370
- $color-ansi-blue: #0969da;
371
- $color-ansi-blue-bright: #218bff;
372
- $color-ansi-magenta: #8250df;
373
- $color-ansi-magenta-bright: #a475f9;
374
- $color-ansi-cyan: #1b7c83;
375
- $color-ansi-cyan-bright: #3192aa;
376
- $color-prettylights-syntax-comment: #57606a;
377
- $color-prettylights-syntax-constant: #0550ae;
378
- $color-prettylights-syntax-constant-other-reference-link: #0a3069;
379
- $color-prettylights-syntax-entity: #6639ba;
380
- $color-prettylights-syntax-storage-modifier-import: #24292f;
381
- $color-prettylights-syntax-entity-tag: #0550ae;
382
- $color-prettylights-syntax-keyword: #cf222e;
383
- $color-prettylights-syntax-string: #0a3069;
384
- $color-prettylights-syntax-variable: #953800;
385
- $color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
386
- $color-prettylights-syntax-brackethighlighter-angle: #57606a;
387
- $color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
388
- $color-prettylights-syntax-invalid-illegal-bg: #82071e;
389
- $color-prettylights-syntax-carriage-return-text: #f6f8fa;
390
- $color-prettylights-syntax-carriage-return-bg: #cf222e;
391
- $color-prettylights-syntax-string-regexp: #116329;
392
- $color-prettylights-syntax-markup-list: #3b2300;
393
- $color-prettylights-syntax-markup-heading: #0550ae;
394
- $color-prettylights-syntax-markup-italic: #24292f;
395
- $color-prettylights-syntax-markup-bold: #24292f;
396
- $color-prettylights-syntax-markup-deleted-text: #82071e;
397
- $color-prettylights-syntax-markup-deleted-bg: #ffebe9;
398
- $color-prettylights-syntax-markup-inserted-text: #116329;
399
- $color-prettylights-syntax-markup-inserted-bg: #dafbe1;
400
- $color-prettylights-syntax-markup-changed-text: #953800;
401
- $color-prettylights-syntax-markup-changed-bg: #ffd8b5;
402
- $color-prettylights-syntax-markup-ignored-text: #eaeef2;
403
- $color-prettylights-syntax-markup-ignored-bg: #0550ae;
404
- $color-prettylights-syntax-meta-diff-range: #8250df;
405
- $color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
406
- $color-scale-black: #1f2328; // Avoid using scales, use other functional tokens instead
407
- $color-scale-transparent: #ffffff00; // Avoid using scales, use other functional tokens instead
408
- $color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead
409
- $color-scale-gray-0: #f6f8fa; // Avoid using scales, use other functional tokens instead
410
- $color-scale-gray-1: #eaeef2; // Avoid using scales, use other functional tokens instead
411
- $color-scale-gray-2: #d0d7de; // Avoid using scales, use other functional tokens instead
412
- $color-scale-gray-3: #afb8c1; // Avoid using scales, use other functional tokens instead
413
- $color-scale-gray-4: #8c959f; // Avoid using scales, use other functional tokens instead
414
- $color-scale-gray-5: #6e7781; // Avoid using scales, use other functional tokens instead
415
- $color-scale-gray-6: #57606a; // Avoid using scales, use other functional tokens instead
416
- $color-scale-gray-7: #424a53; // Avoid using scales, use other functional tokens instead
417
- $color-scale-gray-8: #32383f; // Avoid using scales, use other functional tokens instead
418
- $color-scale-gray-9: #24292f; // Avoid using scales, use other functional tokens instead
419
- $color-scale-blue-0: #ddf4ff; // Avoid using scales, use other functional tokens instead
420
- $color-scale-blue-1: #b6e3ff; // Avoid using scales, use other functional tokens instead
421
- $color-scale-blue-2: #80ccff; // Avoid using scales, use other functional tokens instead
422
- $color-scale-blue-3: #54aeff; // Avoid using scales, use other functional tokens instead
423
- $color-scale-blue-4: #218bff; // Avoid using scales, use other functional tokens instead
424
- $color-scale-blue-5: #0969da; // Avoid using scales, use other functional tokens instead
425
- $color-scale-blue-6: #0550ae; // Avoid using scales, use other functional tokens instead
426
- $color-scale-blue-7: #033d8b; // Avoid using scales, use other functional tokens instead
427
- $color-scale-blue-8: #0a3069; // Avoid using scales, use other functional tokens instead
428
- $color-scale-blue-9: #002155; // Avoid using scales, use other functional tokens instead
429
- $color-scale-green-0: #dafbe1; // Avoid using scales, use other functional tokens instead
430
- $color-scale-green-1: #aceebb; // Avoid using scales, use other functional tokens instead
431
- $color-scale-green-2: #6fdd8b; // Avoid using scales, use other functional tokens instead
432
- $color-scale-green-3: #4ac26b; // Avoid using scales, use other functional tokens instead
433
- $color-scale-green-4: #2da44e; // Avoid using scales, use other functional tokens instead
434
- $color-scale-green-5: #1a7f37; // Avoid using scales, use other functional tokens instead
435
- $color-scale-green-6: #116329; // Avoid using scales, use other functional tokens instead
436
- $color-scale-green-7: #044f1e; // Avoid using scales, use other functional tokens instead
437
- $color-scale-green-8: #003d16; // Avoid using scales, use other functional tokens instead
438
- $color-scale-green-9: #002d11; // Avoid using scales, use other functional tokens instead
439
- $color-scale-yellow-0: #fff8c5; // Avoid using scales, use other functional tokens instead
440
- $color-scale-yellow-1: #fae17d; // Avoid using scales, use other functional tokens instead
441
- $color-scale-yellow-2: #eac54f; // Avoid using scales, use other functional tokens instead
442
- $color-scale-yellow-3: #d4a72c; // Avoid using scales, use other functional tokens instead
443
- $color-scale-yellow-4: #bf8700; // Avoid using scales, use other functional tokens instead
444
- $color-scale-yellow-5: #9a6700; // Avoid using scales, use other functional tokens instead
445
- $color-scale-yellow-6: #7d4e00; // Avoid using scales, use other functional tokens instead
446
- $color-scale-yellow-7: #633c01; // Avoid using scales, use other functional tokens instead
447
- $color-scale-yellow-8: #4d2d00; // Avoid using scales, use other functional tokens instead
448
- $color-scale-yellow-9: #3b2300; // Avoid using scales, use other functional tokens instead
449
- $color-scale-orange-0: #fff1e5; // Avoid using scales, use other functional tokens instead
450
- $color-scale-orange-1: #ffd8b5; // Avoid using scales, use other functional tokens instead
451
- $color-scale-orange-2: #ffb77c; // Avoid using scales, use other functional tokens instead
452
- $color-scale-orange-3: #fb8f44; // Avoid using scales, use other functional tokens instead
453
- $color-scale-orange-4: #e16f24; // Avoid using scales, use other functional tokens instead
454
- $color-scale-orange-5: #bc4c00; // Avoid using scales, use other functional tokens instead
455
- $color-scale-orange-6: #953800; // Avoid using scales, use other functional tokens instead
456
- $color-scale-orange-7: #762c00; // Avoid using scales, use other functional tokens instead
457
- $color-scale-orange-8: #5c2200; // Avoid using scales, use other functional tokens instead
458
- $color-scale-orange-9: #471700; // Avoid using scales, use other functional tokens instead
459
- $color-scale-red-0: #ffebe9; // Avoid using scales, use other functional tokens instead
460
- $color-scale-red-1: #ffcecb; // Avoid using scales, use other functional tokens instead
461
- $color-scale-red-2: #ffaba8; // Avoid using scales, use other functional tokens instead
462
- $color-scale-red-3: #ff8182; // Avoid using scales, use other functional tokens instead
463
- $color-scale-red-4: #fa4549; // Avoid using scales, use other functional tokens instead
464
- $color-scale-red-5: #cf222e; // Avoid using scales, use other functional tokens instead
465
- $color-scale-red-6: #a40e26; // Avoid using scales, use other functional tokens instead
466
- $color-scale-red-7: #82071e; // Avoid using scales, use other functional tokens instead
467
- $color-scale-red-8: #660018; // Avoid using scales, use other functional tokens instead
468
- $color-scale-red-9: #4c0014; // Avoid using scales, use other functional tokens instead
469
- $color-scale-purple-0: #fbefff; // Avoid using scales, use other functional tokens instead
470
- $color-scale-purple-1: #ecd8ff; // Avoid using scales, use other functional tokens instead
471
- $color-scale-purple-2: #d8b9ff; // Avoid using scales, use other functional tokens instead
472
- $color-scale-purple-3: #c297ff; // Avoid using scales, use other functional tokens instead
473
- $color-scale-purple-4: #a475f9; // Avoid using scales, use other functional tokens instead
474
- $color-scale-purple-5: #8250df; // Avoid using scales, use other functional tokens instead
475
- $color-scale-purple-6: #6639ba; // Avoid using scales, use other functional tokens instead
476
- $color-scale-purple-7: #512a97; // Avoid using scales, use other functional tokens instead
477
- $color-scale-purple-8: #3e1f79; // Avoid using scales, use other functional tokens instead
478
- $color-scale-purple-9: #2e1461; // Avoid using scales, use other functional tokens instead
479
- $color-scale-pink-0: #ffeff7; // Avoid using scales, use other functional tokens instead
480
- $color-scale-pink-1: #ffd3eb; // Avoid using scales, use other functional tokens instead
481
- $color-scale-pink-2: #ffadda; // Avoid using scales, use other functional tokens instead
482
- $color-scale-pink-3: #ff80c8; // Avoid using scales, use other functional tokens instead
483
- $color-scale-pink-4: #e85aad; // Avoid using scales, use other functional tokens instead
484
- $color-scale-pink-5: #bf3989; // Avoid using scales, use other functional tokens instead
485
- $color-scale-pink-6: #99286e; // Avoid using scales, use other functional tokens instead
486
- $color-scale-pink-7: #772057; // Avoid using scales, use other functional tokens instead
487
- $color-scale-pink-8: #611347; // Avoid using scales, use other functional tokens instead
488
- $color-scale-pink-9: #4d0336; // Avoid using scales, use other functional tokens instead
489
- $color-scale-coral-0: #fff0eb; // Avoid using scales, use other functional tokens instead
490
- $color-scale-coral-1: #ffd6cc; // Avoid using scales, use other functional tokens instead
491
- $color-scale-coral-2: #ffb4a1; // Avoid using scales, use other functional tokens instead
492
- $color-scale-coral-3: #fd8c73; // Avoid using scales, use other functional tokens instead
493
- $color-scale-coral-4: #ec6547; // Avoid using scales, use other functional tokens instead
494
- $color-scale-coral-5: #c4432b; // Avoid using scales, use other functional tokens instead
495
- $color-scale-coral-6: #9e2f1c; // Avoid using scales, use other functional tokens instead
496
- $color-scale-coral-7: #801f0f; // Avoid using scales, use other functional tokens instead
497
- $color-scale-coral-8: #691105; // Avoid using scales, use other functional tokens instead
498
- $color-scale-coral-9: #510901; // Avoid using scales, use other functional tokens instead
499
- $shadow-inset: inset 0px 1px 0px 0px #1f23280a;
500
- $shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
501
- $shadow-resting-small: 0px 1px 0px 0px #1f23280a;
502
- $shadow-resting-medium: 0px 3px 6px 0px #424a531f;
503
- $shadow-floating-small: 0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
504
- $shadow-floating-medium: 0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314;
505
- $shadow-floating-large: 0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d;
506
- $shadow-floating-xlarge: 0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352;
507
- $shadow-floating-legacy: 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f;
@@ -1,45 +0,0 @@
1
- $fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
2
- $fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
3
- $fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
4
- $text-display-lineBoxHeight: 3.5rem;
5
- $text-display-size: 2.5rem;
6
- $text-display-lineHeight: 1.4;
7
- $text-display-weight: 500;
8
- $text-display-shorthand: 500 2.5rem/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Hero-style text for brand to product transition pages. Utilize Title (large) styles on narrow viewports.
9
- $text-title-size-large: 2rem;
10
- $text-title-size-medium: 1.25rem;
11
- $text-title-size-small: 1rem;
12
- $text-title-lineHeight-large: 1.5;
13
- $text-title-lineHeight-medium: 1.6;
14
- $text-title-lineHeight-small: 1.5;
15
- $text-title-weight-large: 600;
16
- $text-title-weight-medium: 600;
17
- $text-title-weight-small: 600;
18
- $text-title-shorthand-large: 600 2rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Page headings for user-created objects, such as issues or pull requests. Utilize title (medium) styles on narrow viewports.
19
- $text-title-shorthand-medium: 600 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Default page title. The 32px-equivalent line-height matches with button and other medium control heights. Great for page header composition.
20
- $text-title-shorthand-small: 600 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Uses the same size as body (large) with a heavier weight of semibold (600).
21
- $text-subtitle-size: 1.25rem;
22
- $text-subtitle-lineHeight: 1.6;
23
- $text-subtitle-weight: 400;
24
- $text-subtitle-shorthand: 400 1.25rem/1.6 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Page sections/sub headings, or less important object names in page titles (automated action titles, for example). Same line-height as title (medium).
25
- $text-body-size-large: 1rem;
26
- $text-body-size-medium: 0.875rem;
27
- $text-body-size-small: 0.75rem;
28
- $text-body-lineHeight-large: 1.5;
29
- $text-body-lineHeight-medium: 1.4285;
30
- $text-body-lineHeight-small: 1.6666;
31
- $text-body-weight: 400;
32
- $text-body-shorthand-large: 400 1rem/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // User-generated content, markdown rendering.
33
- $text-body-shorthand-medium: 400 0.875rem/1.4285 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Default UI font. Most commonly used for body text.
34
- $text-body-shorthand-small: 400 0.75rem/1.6666 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Small body text for discrete UI applications, such as helper, footnote text. Should be used sparingly across pages. Line-height matches Body (medium) at 20px.
35
- $text-caption-size: 0.75rem;
36
- $text-caption-lineHeight: 1.3333;
37
- $text-caption-weight: 400;
38
- $text-caption-shorthand: 400 0.75rem/1.3333 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'; // Compact small font with a smaller line height of 16px. Use it for single-line scenarios, as the small sizing doesn’t pass accessibility requirements.
39
- $text-codeBlock-size: 0.8125rem;
40
- $text-codeBlock-lineHeight: 1.5385;
41
- $text-codeBlock-weight: 400;
42
- $text-codeBlock-shorthand: 400 0.8125rem/1.5385 ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; // Default style for rendering code blocks.
43
- $text-codeInline-size: 0.9285em;
44
- $text-codeInline-weight: 400;
45
- $text-codeInline-shorthand: 400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; // Inline code blocks using em units to inherit size from its parent.