jekyll-v4-theme-primer 0.9.0 → 0.10.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (98) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +21 -6
  3. data/_sass/@primer/css/forms/form-validation.scss +0 -104
  4. data/_sass/@primer/css/labels/states.scss +1 -1
  5. data/_sass/@primer/css/links/link.scss +1 -60
  6. data/_sass/@primer/css/markdown/code.scss +1 -0
  7. data/_sass/@primer/css/markdown/tables.scss +7 -1
  8. data/_sass/@primer/css/marketing/buttons/button.scss +1 -0
  9. data/_sass/@primer/css/subhead/subhead.scss +1 -1
  10. data/_sass/@primer/css/timeline/timeline-item.scss +1 -1
  11. data/_sass/@primer/primitives/dist/scss/colors/_dark.scss +61 -61
  12. data/_sass/@primer/primitives/dist/scss/colors/_dark_colorblind.scss +28 -28
  13. data/_sass/@primer/primitives/dist/scss/colors/_dark_dimmed.scss +29 -29
  14. data/_sass/@primer/primitives/dist/scss/colors/_dark_high_contrast.scss +29 -29
  15. data/_sass/@primer/primitives/dist/scss/colors/_dark_tritanopia.scss +28 -28
  16. data/_sass/@primer/primitives/dist/scss/colors/_light.scss +69 -69
  17. data/_sass/@primer/primitives/dist/scss/colors/_light_colorblind.scss +27 -27
  18. data/_sass/@primer/primitives/dist/scss/colors/_light_high_contrast.scss +28 -28
  19. data/_sass/@primer/primitives/dist/scss/colors/_light_tritanopia.scss +27 -27
  20. data/_sass/@primer/primitives/tokens-next-private/scss/base/size/size.scss +21 -0
  21. data/_sass/@primer/primitives/tokens-next-private/scss/base/typography/typography.scss +8 -0
  22. data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/border.scss +16 -0
  23. data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/breakpoints.scss +10 -0
  24. data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size-coarse.scss +7 -0
  25. data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size-fine.scss +7 -0
  26. data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size.scss +51 -0
  27. data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/viewport.scss +19 -0
  28. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-colorblind.scss +391 -0
  29. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-dimmed.scss +391 -0
  30. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +391 -0
  31. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +391 -0
  32. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark.scss +391 -0
  33. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-colorblind.scss +366 -0
  34. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-high-contrast.scss +366 -0
  35. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-tritanopia.scss +366 -0
  36. data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light.scss +366 -0
  37. data/_sass/@primer/primitives/tokens-next-private/scss/functional/typography/typography.scss +49 -0
  38. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  39. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  40. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  41. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  42. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  43. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  44. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  45. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  46. data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/typography/typography.scss +3 -3
  47. data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js +1 -1
  48. data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js.map +1 -1
  49. data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css +2 -2
  50. data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css.map +1 -1
  51. data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css +1 -1
  52. data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css.json +1 -1
  53. data/_sass/@primer/view-components/app/components/primer/alpha/menu.css +1 -1
  54. data/_sass/@primer/view-components/app/components/primer/alpha/menu.css.json +1 -1
  55. data/_sass/@primer/view-components/app/components/primer/alpha/modal_dialog.js +26 -12
  56. data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css +1 -1
  57. data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css.json +1 -1
  58. data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css +1 -1
  59. data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css.json +1 -1
  60. data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css +1 -1
  61. data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css.json +1 -1
  62. data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css +1 -1
  63. data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css.json +1 -1
  64. data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.js +23 -11
  65. data/_sass/@primer/view-components/app/components/primer/alpha/tool_tip.js +3 -10
  66. data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css +1 -1
  67. data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css.json +1 -1
  68. data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css +1 -1
  69. data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css.json +1 -1
  70. data/_sass/@primer/view-components/app/components/primer/beta/button.css +1 -1
  71. data/_sass/@primer/view-components/app/components/primer/beta/button.css.json +1 -1
  72. data/_sass/@primer/view-components/app/components/primer/beta/state.css.json +1 -0
  73. data/_sass/@primer/view-components/app/components/primer/beta/subhead.css.json +1 -0
  74. data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css.json +1 -0
  75. data/_sass/@primer/view-components/app/components/primer/beta/truncate.css +1 -1
  76. data/_sass/@primer/view-components/app/components/primer/beta/truncate.css.json +1 -1
  77. data/_sass/@primer/view-components/app/components/primer/primer.d.ts +2 -1
  78. data/_sass/@primer/view-components/app/components/primer/primer.js +2 -1
  79. data/_sass/@primer/view-components/lib/primer/forms/toggle_switch_input.d.ts +5 -0
  80. data/_sass/@primer/view-components/lib/primer/forms/toggle_switch_input.js +29 -0
  81. data/_sass/@primer/view-components/package.json +4 -2
  82. data/_sass/@primer/view-components/static/arguments.json +190 -216
  83. data/_sass/@primer/view-components/static/audited_at.json +6 -3
  84. data/_sass/@primer/view-components/static/constants.json +78 -76
  85. data/_sass/@primer/view-components/static/statuses.json +12 -9
  86. data/_sass/jekyll-theme-primer.scss +22 -1
  87. data/_sass/rouge-dark.scss +112 -0
  88. data/_sass/rouge-light.scss +112 -0
  89. metadata +35 -14
  90. data/_sass/@primer/view-components/app/components/primer/state_component.css.json +0 -1
  91. data/_sass/@primer/view-components/app/components/primer/subhead_component.css.json +0 -1
  92. data/_sass/@primer/view-components/app/components/primer/timeline_item_component.css.json +0 -1
  93. data/_sass/rouge.scss +0 -213
  94. /data/_sass/@primer/view-components/app/components/primer/{tab_container_component.d.ts → alpha/tab_container.d.ts} +0 -0
  95. /data/_sass/@primer/view-components/app/components/primer/{tab_container_component.js → alpha/tab_container.js} +0 -0
  96. /data/_sass/@primer/view-components/app/components/primer/{state_component.css → beta/state.css} +0 -0
  97. /data/_sass/@primer/view-components/app/components/primer/{subhead_component.css → beta/subhead.css} +0 -0
  98. /data/_sass/@primer/view-components/app/components/primer/{timeline_item_component.css → beta/timeline_item.css} +0 -0
@@ -0,0 +1,366 @@
1
+ @mixin primer-colors-light {
2
+ & {
3
+ --topicTag-borderColor: #ffffff00;
4
+ --highlight-neutral-bgColor: #fff8c5;
5
+ --page-header-bgColor: #f6f8fa;
6
+ --diffBlob-addition-fgColor-text: #1f2328;
7
+ --diffBlob-addition-fgColor-num: #1f2328;
8
+ --diffBlob-addition-bgColor-num: #d1f8d9;
9
+ --diffBlob-addition-bgColor-line: #dafbe1;
10
+ --diffBlob-addition-bgColor-word: #aceebb;
11
+ --diffBlob-deletion-fgColor-text: #1f2328;
12
+ --diffBlob-deletion-fgColor-num: #1f2328;
13
+ --diffBlob-deletion-bgColor-num: #ffcecb;
14
+ --diffBlob-deletion-bgColor-line: #ffebe9;
15
+ --diffBlob-deletion-bgColor-word: #ff818266;
16
+ --diffBlob-hunk-bgColor-num: #54aeff66;
17
+ --diffBlob-expander-iconColor: #636c76;
18
+ --diffStat-addition-bgColor: #1f883d;
19
+ --codeMirror-fgColor: #1f2328;
20
+ --codeMirror-bgColor: #ffffff;
21
+ --codeMirror-gutters-bgColor: #ffffff;
22
+ --codeMirror-gutterMarker-fgColor-default: #ffffff;
23
+ --codeMirror-gutterMarker-fgColor-muted: #636c76;
24
+ --codeMirror-lineNumber-fgColor: #636c76;
25
+ --codeMirror-cursor-fgColor: #1f2328;
26
+ --codeMirror-selection-bgColor: #54aeff66;
27
+ --codeMirror-activeline-bgColor: #eaeef280;
28
+ --codeMirror-matchingBracket-fgColor: #1f2328;
29
+ --codeMirror-lines-bgColor: #ffffff;
30
+ --codeMirror-syntax-fgColor-comment: #24292f;
31
+ --codeMirror-syntax-fgColor-constant: #0550ae;
32
+ --codeMirror-syntax-fgColor-entity: #8250df;
33
+ --codeMirror-syntax-fgColor-keyword: #cf222e;
34
+ --codeMirror-syntax-fgColor-storage: #cf222e;
35
+ --codeMirror-syntax-fgColor-string: #0a3069;
36
+ --codeMirror-syntax-fgColor-support: #0550ae;
37
+ --codeMirror-syntax-fgColor-variable: #953800;
38
+ --header-fgColor-default: #ffffffb3;
39
+ --header-fgColor-logo: #ffffff;
40
+ --header-bgColor: #24292f;
41
+ --header-borderColor-divider: #57606a;
42
+ --headerSearch-bgColor: #24292f;
43
+ --headerSearch-borderColor: #57606a;
44
+ --avatar-bgColor: #ffffff;
45
+ --avatar-borderColor: #d0d7de;
46
+ --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
47
+ --avatarStack-fade-bgColor-default: #afb8c1;
48
+ --avatarStack-fade-bgColor-muted: #d0d7de;
49
+ --control-bgColor-rest: #f6f8fa;
50
+ --control-bgColor-hover: #eef1f4;
51
+ --control-bgColor-active: #e7ebef;
52
+ --control-bgColor-disabled: #f6f8fa;
53
+ --control-bgColor-selected: #f6f8fa;
54
+ --control-fgColor-rest: #24292f;
55
+ --control-fgColor-placeholder: #6e7781;
56
+ --control-fgColor-disabled: #8c959f;
57
+ --control-borderColor-rest: #d0d7de;
58
+ --control-borderColor-emphasis: #868f99;
59
+ --control-borderColor-disabled: #d0d7de;
60
+ --control-borderColor-selected: #f6f8fa;
61
+ --control-borderColor-success: #2da44e;
62
+ --control-borderColor-danger: #cf222e;
63
+ --control-borderColor-warning: #bf8700;
64
+ --control-iconColor-rest: #636c76;
65
+ --control-transparent-bgColor-rest: #00000000;
66
+ --control-transparent-bgColor-hover: #d0d7de33;
67
+ --control-transparent-bgColor-active: #d0d7de66;
68
+ --control-transparent-bgColor-disabled: #f6f8fa;
69
+ --control-transparent-bgColor-selected: #f6f8fa;
70
+ --control-transparent-borderColor-rest: #00000000;
71
+ --control-transparent-borderColor-hover: #00000000;
72
+ --control-transparent-borderColor-active: #00000000;
73
+ --control-danger-fgColor-rest: #d1242f;
74
+ --control-danger-fgColor-hover: #d1242f;
75
+ --control-danger-bgColor-hover: #ffebe9;
76
+ --control-danger-bgColor-active: #ffebe966;
77
+ --control-checked-bgColor-rest: #0969da;
78
+ --control-checked-bgColor-hover: #0860ca;
79
+ --control-checked-bgColor-active: #0757ba;
80
+ --control-checked-bgColor-disabled: #8c959f;
81
+ --control-checked-fgColor-rest: #ffffff;
82
+ --control-checked-fgColor-disabled: #ffffff;
83
+ --control-checked-borderColor-rest: #0969da;
84
+ --control-checked-borderColor-hover: #00000000;
85
+ --control-checked-borderColor-active: #00000000;
86
+ --control-checked-borderColor-disabled: #8c959f;
87
+ --controlTrack-bgColor-rest: #eaeef2;
88
+ --controlTrack-bgColor-hover: #dee3e8;
89
+ --controlTrack-bgColor-active: #d2d8de;
90
+ --controlTrack-bgColor-disabled: #8c959f;
91
+ --controlTrack-fgColor-rest: #636c76;
92
+ --controlTrack-fgColor-disabled: #ffffff;
93
+ --controlTrack-borderColor-rest: #00000000;
94
+ --controlTrack-borderColor-disabled: #8c959f;
95
+ --controlKnob-bgColor-rest: #ffffff;
96
+ --controlKnob-bgColor-disabled: #f6f8fa;
97
+ --controlKnob-bgColor-checked: #ffffff;
98
+ --controlKnob-borderColor-rest: #868f99;
99
+ --controlKnob-borderColor-disabled: #f6f8fa;
100
+ --controlKnob-borderColor-checked: #0969da;
101
+ --counter-borderColor: #ffffff00;
102
+ --button-default-fgColor-rest: #24292f;
103
+ --button-default-bgColor-rest: #f6f8fa;
104
+ --button-default-bgColor-hover: #eef1f4;
105
+ --button-default-bgColor-active: #e7ebef;
106
+ --button-default-bgColor-selected: #e7ebef;
107
+ --button-default-borderColor-rest: #d0d7de;
108
+ --button-default-borderColor-hover: #d0d7de;
109
+ --button-default-borderColor-active: #d0d7de;
110
+ --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
111
+ --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
112
+ --button-primary-fgColor-rest: #ffffff;
113
+ --button-primary-fgColor-disabled: #ffffffcc;
114
+ --button-primary-iconColor-rest: #ffffffcc;
115
+ --button-primary-bgColor-rest: #1f883d;
116
+ --button-primary-bgColor-hover: #1c8139;
117
+ --button-primary-bgColor-active: #197935;
118
+ --button-primary-bgColor-disabled: #95d8a6;
119
+ --button-primary-borderColor-rest: #d0d7decc;
120
+ --button-primary-borderColor-hover: #d0d7decc;
121
+ --button-primary-borderColor-disabled: #d0d7decc;
122
+ --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
123
+ --button-invisible-fgColor-rest: #0969da;
124
+ --button-invisible-fgColor-disabled: #8c959f;
125
+ --button-invisible-bgColor-rest: #00000000;
126
+ --button-invisible-bgColor-hover: #d0d7de33;
127
+ --button-invisible-bgColor-active: #d0d7de66;
128
+ --button-invisible-bgColor-disabled: #f6f8fa;
129
+ --button-invisible-borderColor-rest: #00000000;
130
+ --button-invisible-borderColor-hover: #00000000;
131
+ --button-outline-fgColor-rest: #0969da;
132
+ --button-outline-fgColor-hover: #ffffff;
133
+ --button-outline-fgColor-active: #ffffff;
134
+ --button-outline-fgColor-disabled: #0969da80;
135
+ --button-outline-bgColor-rest: #f6f8fa;
136
+ --button-outline-bgColor-hover: #0969da;
137
+ --button-outline-bgColor-active: #0757ba;
138
+ --button-outline-bgColor-disabled: #f6f8fa;
139
+ --button-outline-borderColor-hover: #d0d7de;
140
+ --button-outline-borderColor-active: #d0d7de;
141
+ --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
142
+ --button-danger-fgColor-rest: #d1242f;
143
+ --button-danger-fgColor-hover: #ffffff;
144
+ --button-danger-fgColor-active: #ffffff;
145
+ --button-danger-fgColor-disabled: #d1242f80;
146
+ --button-danger-iconColor-rest: #d1242f;
147
+ --button-danger-iconColor-hover: #ffffff;
148
+ --button-danger-bgColor-rest: #f6f8fa;
149
+ --button-danger-bgColor-hover: #a40e26;
150
+ --button-danger-bgColor-active: #8b0820;
151
+ --button-danger-bgColor-disabled: #f6f8fa;
152
+ --button-danger-borderColor-rest: #d0d7de;
153
+ --button-danger-borderColor-hover: #d0d7de;
154
+ --button-danger-borderColor-active: #d0d7de;
155
+ --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
156
+ --buttonCounter-default-bgColor-rest: #eaeef280;
157
+ --buttonCounter-primary-bgColor-rest: #ffffff33;
158
+ --buttonCounter-outline-bgColor-rest: #0969da1a;
159
+ --buttonCounter-outline-bgColor-hover: #ffffff33;
160
+ --buttonCounter-outline-bgColor-disabled: #0969da0d;
161
+ --buttonCounter-danger-bgColor-hover: #ffffff33;
162
+ --buttonCounter-danger-bgColor-disabled: #cf222e0d;
163
+ --buttonCounter-danger-bgColor-rest: #cf222e1a;
164
+ --focus-outlineColor: #0969da;
165
+ --focus-outline: #0969da solid 2px;
166
+ --menu-bgColor-active: #ffffff00;
167
+ --overlay-bgColor: #ffffff;
168
+ --overlay-backdrop-bgColor: #8c959f33;
169
+ --selectMenu-borderColor: #ffffff00;
170
+ --selectMenu-bgColor-active: #b6e3ff;
171
+ --sideNav-bgColor-selected: #ffffff;
172
+ --timelineBadge-bgColor: #eaeef2;
173
+ --treeViewItem-leadingVisual-bgColor-rest: #54aeff;
174
+ --underlineNav-borderColor-active: #fd8c73;
175
+ --underlineNav-borderColor-hover: #afb8c133;
176
+ --underlineNav-iconColor-rest: #636c76;
177
+ --fgColor-default: #1f2328;
178
+ --fgColor-muted: #636c76;
179
+ --fgColor-onEmphasis: #ffffff;
180
+ --fgColor-disabled: #8c959f;
181
+ --fgColor-link-rest: #0969da;
182
+ --fgColor-link-inverse-rest: #54aeff;
183
+ --fgColor-link-control: #868f99;
184
+ --fgColor-accent: #0969da;
185
+ --fgColor-success: #1a7f37;
186
+ --fgColor-attention: #9a6700;
187
+ --fgColor-severe: #bc4c00;
188
+ --fgColor-danger: #d1242f;
189
+ --fgColor-open: #1a7f37;
190
+ --fgColor-closed: #d1242f;
191
+ --fgColor-done: #8250df;
192
+ --fgColor-sponsors: #bf3989;
193
+ --bgColor-default: #ffffff;
194
+ --bgColor-muted: #f6f8fa;
195
+ --bgColor-emphasis: #24292f;
196
+ --bgColor-disabled: #f6f8fa;
197
+ --bgColor-neutral-muted: #eaeef280;
198
+ --bgColor-neutral-emphasis: #6e7781;
199
+ --bgColor-accent-muted: #ddf4ff;
200
+ --bgColor-accent-emphasis: #0969da;
201
+ --bgColor-success-muted: #dafbe1;
202
+ --bgColor-success-emphasis: #1f883d;
203
+ --bgColor-attention-muted: #fff8c5;
204
+ --bgColor-attention-emphasis: #9a6700;
205
+ --bgColor-severe-muted: #fff1e5;
206
+ --bgColor-severe-emphasis: #bc4c00;
207
+ --bgColor-danger-muted: #ffebe9;
208
+ --bgColor-danger-emphasis: #cf222e;
209
+ --bgColor-open-muted: #dafbe1;
210
+ --bgColor-open-emphasis: #1f883d;
211
+ --bgColor-closed-muted: #ffebe9;
212
+ --bgColor-closed-emphasis: #cf222e;
213
+ --bgColor-done-muted: #fbefff;
214
+ --bgColor-done-emphasis: #8250df;
215
+ --bgColor-sponsors-muted: #ffeff7;
216
+ --bgColor-sponsors-emphasis: #bf3989;
217
+ --borderColor-default: #d0d7de;
218
+ --borderColor-muted: #d0d7de66;
219
+ --borderColor-emphasis: #6e7781;
220
+ --borderColor-disabled: #d0d7de;
221
+ --borderColor-neutral-muted: #afb8c133;
222
+ --borderColor-neutral-emphasis: #6e7781;
223
+ --borderColor-accent-muted: #54aeff66;
224
+ --borderColor-accent-emphasis: #0969da;
225
+ --borderColor-success-muted: #4ac26b66;
226
+ --borderColor-success-emphasis: #2da44e;
227
+ --borderColor-attention-muted: #d4a72c66;
228
+ --borderColor-attention-emphasis: #bf8700;
229
+ --borderColor-severe-muted: #fb8f4466;
230
+ --borderColor-severe-emphasis: #bc4c00;
231
+ --borderColor-danger-muted: #ff818266;
232
+ --borderColor-danger-emphasis: #cf222e;
233
+ --borderColor-open-muted: #4ac26b66;
234
+ --borderColor-open-emphasis: #2da44e;
235
+ --borderColor-closed-muted: #ff818266;
236
+ --borderColor-closed-emphasis: #cf222e;
237
+ --borderColor-done-muted: #c297ff66;
238
+ --borderColor-done-emphasis: #8250df;
239
+ --borderColor-sponsors-muted: #ff80c866;
240
+ --borderColor-sponsors-emphasis: #bf3989;
241
+ --color-ansi-black-bright: #57606a;
242
+ --color-ansi-white-bright: #8c959f;
243
+ --color-ansi-gray: #6e7781;
244
+ --color-ansi-red-bright: #a40e26;
245
+ --color-ansi-green-bright: #1a7f37;
246
+ --color-ansi-yellow-bright: #633c01;
247
+ --color-ansi-blue-bright: #218bff;
248
+ --color-ansi-magenta-bright: #a475f9;
249
+ --color-ansi-cyan-bright: #3192aa;
250
+ --color-prettylights-syntax-comment: #6e7781;
251
+ --color-prettylights-syntax-constant-other-reference-link: #0a3069;
252
+ --color-prettylights-syntax-entity-tag: #0550ae;
253
+ --color-prettylights-syntax-storage-modifier-import: #24292f;
254
+ --color-prettylights-syntax-keyword: #cf222e;
255
+ --color-prettylights-syntax-string-regexp: #116329;
256
+ --color-prettylights-syntax-variable: #953800;
257
+ --color-prettylights-syntax-brackethighlighter-angle: #57606a;
258
+ --color-prettylights-syntax-invalid-illegal-bg: #82071e;
259
+ --color-prettylights-syntax-carriage-return-bg: #cf222e;
260
+ --color-prettylights-syntax-markup-ignored-bg: #0550ae;
261
+ --color-prettylights-syntax-meta-diff-range: #8250df;
262
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
263
+ --color-scale-black: #1f2328; /* Avoid using scales, use other functional tokens instead */
264
+ --color-scale-transparent: #ffffff00; /* Avoid using scales, use other functional tokens instead */
265
+ --color-scale-white: #ffffff; /* Avoid using scales, use other functional tokens instead */
266
+ --color-scale-gray-0: #f6f8fa; /* Avoid using scales, use other functional tokens instead */
267
+ --color-scale-gray-1: #eaeef2; /* Avoid using scales, use other functional tokens instead */
268
+ --color-scale-gray-2: #d0d7de; /* Avoid using scales, use other functional tokens instead */
269
+ --color-scale-gray-3: #afb8c1; /* Avoid using scales, use other functional tokens instead */
270
+ --color-scale-gray-4: #8c959f; /* Avoid using scales, use other functional tokens instead */
271
+ --color-scale-gray-5: #6e7781; /* Avoid using scales, use other functional tokens instead */
272
+ --color-scale-gray-6: #57606a; /* Avoid using scales, use other functional tokens instead */
273
+ --color-scale-gray-7: #424a53; /* Avoid using scales, use other functional tokens instead */
274
+ --color-scale-gray-8: #32383f; /* Avoid using scales, use other functional tokens instead */
275
+ --color-scale-gray-9: #24292f; /* Avoid using scales, use other functional tokens instead */
276
+ --color-scale-blue-0: #ddf4ff; /* Avoid using scales, use other functional tokens instead */
277
+ --color-scale-blue-1: #b6e3ff; /* Avoid using scales, use other functional tokens instead */
278
+ --color-scale-blue-2: #80ccff; /* Avoid using scales, use other functional tokens instead */
279
+ --color-scale-blue-3: #54aeff; /* Avoid using scales, use other functional tokens instead */
280
+ --color-scale-blue-4: #218bff; /* Avoid using scales, use other functional tokens instead */
281
+ --color-scale-blue-5: #0969da; /* Avoid using scales, use other functional tokens instead */
282
+ --color-scale-blue-6: #0550ae; /* Avoid using scales, use other functional tokens instead */
283
+ --color-scale-blue-7: #033d8b; /* Avoid using scales, use other functional tokens instead */
284
+ --color-scale-blue-8: #0a3069; /* Avoid using scales, use other functional tokens instead */
285
+ --color-scale-blue-9: #002155; /* Avoid using scales, use other functional tokens instead */
286
+ --color-scale-green-0: #dafbe1; /* Avoid using scales, use other functional tokens instead */
287
+ --color-scale-green-1: #aceebb; /* Avoid using scales, use other functional tokens instead */
288
+ --color-scale-green-2: #6fdd8b; /* Avoid using scales, use other functional tokens instead */
289
+ --color-scale-green-3: #4ac26b; /* Avoid using scales, use other functional tokens instead */
290
+ --color-scale-green-4: #2da44e; /* Avoid using scales, use other functional tokens instead */
291
+ --color-scale-green-5: #1a7f37; /* Avoid using scales, use other functional tokens instead */
292
+ --color-scale-green-6: #116329; /* Avoid using scales, use other functional tokens instead */
293
+ --color-scale-green-7: #044f1e; /* Avoid using scales, use other functional tokens instead */
294
+ --color-scale-green-8: #003d16; /* Avoid using scales, use other functional tokens instead */
295
+ --color-scale-green-9: #002d11; /* Avoid using scales, use other functional tokens instead */
296
+ --color-scale-yellow-0: #fff8c5; /* Avoid using scales, use other functional tokens instead */
297
+ --color-scale-yellow-1: #fae17d; /* Avoid using scales, use other functional tokens instead */
298
+ --color-scale-yellow-2: #eac54f; /* Avoid using scales, use other functional tokens instead */
299
+ --color-scale-yellow-3: #d4a72c; /* Avoid using scales, use other functional tokens instead */
300
+ --color-scale-yellow-4: #bf8700; /* Avoid using scales, use other functional tokens instead */
301
+ --color-scale-yellow-5: #9a6700; /* Avoid using scales, use other functional tokens instead */
302
+ --color-scale-yellow-6: #7d4e00; /* Avoid using scales, use other functional tokens instead */
303
+ --color-scale-yellow-7: #633c01; /* Avoid using scales, use other functional tokens instead */
304
+ --color-scale-yellow-8: #4d2d00; /* Avoid using scales, use other functional tokens instead */
305
+ --color-scale-yellow-9: #3b2300; /* Avoid using scales, use other functional tokens instead */
306
+ --color-scale-orange-0: #fff1e5; /* Avoid using scales, use other functional tokens instead */
307
+ --color-scale-orange-1: #ffd8b5; /* Avoid using scales, use other functional tokens instead */
308
+ --color-scale-orange-2: #ffb77c; /* Avoid using scales, use other functional tokens instead */
309
+ --color-scale-orange-3: #fb8f44; /* Avoid using scales, use other functional tokens instead */
310
+ --color-scale-orange-4: #e16f24; /* Avoid using scales, use other functional tokens instead */
311
+ --color-scale-orange-5: #bc4c00; /* Avoid using scales, use other functional tokens instead */
312
+ --color-scale-orange-6: #953800; /* Avoid using scales, use other functional tokens instead */
313
+ --color-scale-orange-7: #762c00; /* Avoid using scales, use other functional tokens instead */
314
+ --color-scale-orange-8: #5c2200; /* Avoid using scales, use other functional tokens instead */
315
+ --color-scale-orange-9: #471700; /* Avoid using scales, use other functional tokens instead */
316
+ --color-scale-red-0: #ffebe9; /* Avoid using scales, use other functional tokens instead */
317
+ --color-scale-red-1: #ffcecb; /* Avoid using scales, use other functional tokens instead */
318
+ --color-scale-red-2: #ffaba8; /* Avoid using scales, use other functional tokens instead */
319
+ --color-scale-red-3: #ff8182; /* Avoid using scales, use other functional tokens instead */
320
+ --color-scale-red-4: #fa4549; /* Avoid using scales, use other functional tokens instead */
321
+ --color-scale-red-5: #cf222e; /* Avoid using scales, use other functional tokens instead */
322
+ --color-scale-red-6: #a40e26; /* Avoid using scales, use other functional tokens instead */
323
+ --color-scale-red-7: #82071e; /* Avoid using scales, use other functional tokens instead */
324
+ --color-scale-red-8: #660018; /* Avoid using scales, use other functional tokens instead */
325
+ --color-scale-red-9: #4c0014; /* Avoid using scales, use other functional tokens instead */
326
+ --color-scale-purple-0: #fbefff; /* Avoid using scales, use other functional tokens instead */
327
+ --color-scale-purple-1: #ecd8ff; /* Avoid using scales, use other functional tokens instead */
328
+ --color-scale-purple-2: #d8b9ff; /* Avoid using scales, use other functional tokens instead */
329
+ --color-scale-purple-3: #c297ff; /* Avoid using scales, use other functional tokens instead */
330
+ --color-scale-purple-4: #a475f9; /* Avoid using scales, use other functional tokens instead */
331
+ --color-scale-purple-5: #8250df; /* Avoid using scales, use other functional tokens instead */
332
+ --color-scale-purple-6: #6639ba; /* Avoid using scales, use other functional tokens instead */
333
+ --color-scale-purple-7: #512a97; /* Avoid using scales, use other functional tokens instead */
334
+ --color-scale-purple-8: #3e1f79; /* Avoid using scales, use other functional tokens instead */
335
+ --color-scale-purple-9: #2e1461; /* Avoid using scales, use other functional tokens instead */
336
+ --color-scale-pink-0: #ffeff7; /* Avoid using scales, use other functional tokens instead */
337
+ --color-scale-pink-1: #ffd3eb; /* Avoid using scales, use other functional tokens instead */
338
+ --color-scale-pink-2: #ffadda; /* Avoid using scales, use other functional tokens instead */
339
+ --color-scale-pink-3: #ff80c8; /* Avoid using scales, use other functional tokens instead */
340
+ --color-scale-pink-4: #e85aad; /* Avoid using scales, use other functional tokens instead */
341
+ --color-scale-pink-5: #bf3989; /* Avoid using scales, use other functional tokens instead */
342
+ --color-scale-pink-6: #99286e; /* Avoid using scales, use other functional tokens instead */
343
+ --color-scale-pink-7: #772057; /* Avoid using scales, use other functional tokens instead */
344
+ --color-scale-pink-8: #611347; /* Avoid using scales, use other functional tokens instead */
345
+ --color-scale-pink-9: #4d0336; /* Avoid using scales, use other functional tokens instead */
346
+ --color-scale-coral-0: #fff0eb; /* Avoid using scales, use other functional tokens instead */
347
+ --color-scale-coral-1: #ffd6cc; /* Avoid using scales, use other functional tokens instead */
348
+ --color-scale-coral-2: #ffb4a1; /* Avoid using scales, use other functional tokens instead */
349
+ --color-scale-coral-3: #fd8c73; /* Avoid using scales, use other functional tokens instead */
350
+ --color-scale-coral-4: #ec6547; /* Avoid using scales, use other functional tokens instead */
351
+ --color-scale-coral-5: #c4432b; /* Avoid using scales, use other functional tokens instead */
352
+ --color-scale-coral-6: #9e2f1c; /* Avoid using scales, use other functional tokens instead */
353
+ --color-scale-coral-7: #801f0f; /* Avoid using scales, use other functional tokens instead */
354
+ --color-scale-coral-8: #691105; /* Avoid using scales, use other functional tokens instead */
355
+ --color-scale-coral-9: #510901; /* Avoid using scales, use other functional tokens instead */
356
+ --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
357
+ --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
358
+ --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
359
+ --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
360
+ --shadow-resting-medium: 0px 3px 6px 0px #8c959f26;
361
+ --shadow-floating-small: 0px 1px 3px 0px #1f23281f, 0px 8px 24px 0px #424a531f;
362
+ --shadow-floating-medium: 0px 4px 32px -4px #8c959f17, 0px 8px 16px -4px #8c959f17, 0px 24px 48px -12px #8c959f29, 0px 48px 96px -24px #8c959f3d;
363
+ --shadow-floating-large: 0px 8px 24px 0px #8c959f33;
364
+ --shadow-floating-xlarge: 0px 12px 28px 0px #8c959f4d;
365
+ }
366
+ }
@@ -0,0 +1,49 @@
1
+ @mixin primer-colors-typography {
2
+ & {
3
+ --fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
4
+ --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
5
+ --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
6
+ --text-display-lineBoxHeight: 3.5rem;
7
+ --text-display-size: 2.5rem;
8
+ --text-display-lineHeight: calc(56 / 40);
9
+ --text-display-weight: 500;
10
+ --text-display-shorthand: 500 2.5rem / calc(56 / 40) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
11
+ --text-title-size-large: 2rem;
12
+ --text-title-size-medium: 1.25rem;
13
+ --text-title-size-small: 1rem;
14
+ --text-title-lineHeight-large: calc(48 / 32);
15
+ --text-title-lineHeight-medium: calc(32 / 20);
16
+ --text-title-lineHeight-small: calc(24 / 16);
17
+ --text-title-weight-large: 600;
18
+ --text-title-weight-medium: 600;
19
+ --text-title-weight-small: 600;
20
+ --text-title-shorthand-large: 600 2rem / calc(48 / 32) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
21
+ --text-title-shorthand-medium: 600 1.25rem / calc(32 / 20) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
22
+ --text-title-shorthand-small: 600 1rem / calc(24 / 16) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
23
+ --text-subtitle-size: 1.25rem;
24
+ --text-subtitle-lineHeight: calc(32 / 20);
25
+ --text-subtitle-weight: 400;
26
+ --text-subtitle-shorthand: 400 1.25rem / calc(32 / 20) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
27
+ --text-body-size-large: 1rem;
28
+ --text-body-size-medium: 0.875rem;
29
+ --text-body-size-small: 0.75rem;
30
+ --text-body-lineHeight-large: calc(24 / 16);
31
+ --text-body-lineHeight-medium: calc(20 / 14);
32
+ --text-body-lineHeight-small: calc(20 / 12);
33
+ --text-body-weight: 400;
34
+ --text-body-shorthand-large: 400 1rem / calc(24 / 16) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
35
+ --text-body-shorthand-medium: 400 0.875rem / calc(20 / 14) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
36
+ --text-body-shorthand-small: 400 0.75rem / calc(20 / 12) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
37
+ --text-caption-size: 0.75rem;
38
+ --text-caption-lineHeight: calc(16 / 12);
39
+ --text-caption-weight: 400;
40
+ --text-caption-shorthand: 400 0.75rem / calc(16 / 12) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
41
+ --text-codeBlock-size: 0.8125rem;
42
+ --text-codeBlock-lineHeight: calc(20 / 13);
43
+ --text-codeBlock-weight: 400;
44
+ --text-codeBlock-shorthand: 400 0.8125rem / calc(20 / 13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
45
+ --text-codeInline-size: 0.9285em;
46
+ --text-codeInline-weight: 400;
47
+ --text-codeInline-shorthand: 400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
48
+ }
49
+ }
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 17 Oct 2022 21:56:43 GMT
3
+ // Generated on Thu, 20 Apr 2023 14:57:00 GMT
4
4
 
5
5
  $base-size-128: 8rem;
6
6
  $base-size-112: 7rem;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 17 Oct 2022 21:56:43 GMT
3
+ // Generated on Thu, 20 Apr 2023 14:56:59 GMT
4
4
 
5
5
  $base-text-weight-semibold: 600;
6
6
  $base-text-weight-medium: 500;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 17 Oct 2022 21:56:43 GMT
3
+ // Generated on Thu, 20 Apr 2023 14:56:59 GMT
4
4
 
5
5
  $primer-borderRadius-full: 100vh;
6
6
  $primer-borderRadius-large: 0.75rem;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 17 Oct 2022 21:56:43 GMT
3
+ // Generated on Thu, 20 Apr 2023 14:56:59 GMT
4
4
 
5
5
  $primer-breakpoint-xxlarge: 90rem;
6
6
  $primer-breakpoint-xlarge: 80rem;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 17 Oct 2022 21:56:43 GMT
3
+ // Generated on Thu, 20 Apr 2023 14:57:00 GMT
4
4
 
5
5
  $primer-controlStack-medium-gap-auto: $base-size-12;
6
6
  $primer-controlStack-small-gap-auto: $base-size-16;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 17 Oct 2022 21:56:43 GMT
3
+ // Generated on Thu, 20 Apr 2023 14:57:00 GMT
4
4
 
5
5
  $primer-controlStack-medium-gap-auto: $base-size-8;
6
6
  $primer-controlStack-small-gap-auto: $base-size-8;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 17 Oct 2022 21:56:43 GMT
3
+ // Generated on Thu, 20 Apr 2023 14:56:59 GMT
4
4
 
5
5
  $primer-controlStack-large-gap-spacious: $base-size-12;
6
6
  $primer-controlStack-large-gap-condensed: $base-size-8;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 17 Oct 2022 21:56:43 GMT
3
+ // Generated on Thu, 20 Apr 2023 14:56:59 GMT
4
4
 
5
5
  $primer-viewportRange-landscape: (orientation: landscape);
6
6
  $primer-viewportRange-portrait: (orientation: portrait);
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 17 Oct 2022 21:56:43 GMT
3
+ // Generated on Thu, 20 Apr 2023 14:56:59 GMT
4
4
 
5
5
  $primer-text-codeInline-size: 0.9285em;
6
6
  $primer-text-codeBlock-lineHeight: calc(20/13);
@@ -23,8 +23,8 @@ $primer-text-display-lineHeight: calc(56/40);
23
23
  $primer-text-display-size: 2.5rem;
24
24
  $primer-text-display-lineBoxHeight: 3.5rem;
25
25
  $primer-fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
26
- $primer-fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
27
- $primer-fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
26
+ $primer-fontStack-sansSerif: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
27
+ $primer-fontStack-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
28
28
  $primer-text-codeInline-weight: $base-text-weight-normal;
29
29
  $primer-text-codeBlock-weight: $base-text-weight-normal;
30
30
  $primer-text-caption-weight: $base-text-weight-normal;