jekyll-v4-theme-primer 0.11.0 → 0.12.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (111) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +6 -3
  3. data/_sass/@primer/css/base/normalize.scss +1 -0
  4. data/_sass/@primer/css/core/index.scss +0 -1
  5. data/_sass/@primer/css/forms/form-group.scss +2 -1
  6. data/_sass/@primer/css/forms/index.scss +0 -1
  7. data/_sass/@primer/css/labels/index.scss +0 -1
  8. data/_sass/@primer/css/layout/app-frame.scss +6 -6
  9. data/_sass/@primer/css/layout/stack.scss +6 -6
  10. data/_sass/@primer/css/markdown/lists.scss +4 -4
  11. data/_sass/@primer/css/primitives/index.scss +9 -9
  12. data/_sass/@primer/css/support/variables/misc.scss +1 -1
  13. data/_sass/@primer/css/utilities/borders.scss +8 -8
  14. data/_sass/@primer/css/utilities/visibility-display.scss +10 -9
  15. data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js +1 -1
  16. data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js.map +1 -1
  17. data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css +3 -3
  18. data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css.map +1 -1
  19. data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css +1 -1
  20. data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css.json +131 -1
  21. data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.d.ts +29 -0
  22. data/_sass/@primer/view-components/app/components/primer/alpha/action_menu/action_menu_element.js +217 -0
  23. data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css +1 -1
  24. data/_sass/@primer/view-components/app/components/primer/alpha/auto_complete.css.json +23 -1
  25. data/_sass/@primer/view-components/app/components/primer/alpha/banner.css +1 -1
  26. data/_sass/@primer/view-components/app/components/primer/alpha/banner.css.json +24 -1
  27. data/_sass/@primer/view-components/app/components/primer/alpha/button_marketing.css.json +33 -1
  28. data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css +1 -1
  29. data/_sass/@primer/view-components/app/components/primer/alpha/dialog.css.json +80 -1
  30. data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css +1 -1
  31. data/_sass/@primer/view-components/app/components/primer/alpha/dropdown.css.json +40 -1
  32. data/_sass/@primer/view-components/app/components/primer/alpha/layout.css +1 -1
  33. data/_sass/@primer/view-components/app/components/primer/alpha/layout.css.json +80 -1
  34. data/_sass/@primer/view-components/app/components/primer/alpha/menu.css +1 -1
  35. data/_sass/@primer/view-components/app/components/primer/alpha/menu.css.json +28 -1
  36. data/_sass/@primer/view-components/app/components/primer/alpha/modal_dialog.js +12 -0
  37. data/_sass/@primer/view-components/app/components/primer/alpha/nav_list.d.ts +7 -4
  38. data/_sass/@primer/view-components/app/components/primer/alpha/nav_list.js +121 -9
  39. data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css +1 -0
  40. data/_sass/@primer/view-components/app/components/primer/alpha/overlay.css.json +8 -0
  41. data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css +1 -1
  42. data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css.json +31 -1
  43. data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css +1 -1
  44. data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css.json +24 -1
  45. data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css +3 -3
  46. data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css.json +134 -1
  47. data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css +1 -1
  48. data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css.json +40 -1
  49. data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css +1 -1
  50. data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css.json +28 -1
  51. data/_sass/@primer/view-components/app/components/primer/anchored_position.d.ts +27 -0
  52. data/_sass/@primer/view-components/app/components/primer/anchored_position.js +149 -0
  53. data/_sass/@primer/view-components/app/components/primer/beta/avatar.css +1 -1
  54. data/_sass/@primer/view-components/app/components/primer/beta/avatar.css.json +17 -1
  55. data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css +1 -1
  56. data/_sass/@primer/view-components/app/components/primer/beta/avatar_stack.css.json +28 -1
  57. data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css +1 -1
  58. data/_sass/@primer/view-components/app/components/primer/beta/blankslate.css.json +22 -1
  59. data/_sass/@primer/view-components/app/components/primer/beta/border_box.css +1 -1
  60. data/_sass/@primer/view-components/app/components/primer/beta/border_box.css.json +54 -1
  61. data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css.json +11 -1
  62. data/_sass/@primer/view-components/app/components/primer/beta/button.css +1 -1
  63. data/_sass/@primer/view-components/app/components/primer/beta/button.css.json +71 -1
  64. data/_sass/@primer/view-components/app/components/primer/beta/counter.css +1 -1
  65. data/_sass/@primer/view-components/app/components/primer/beta/counter.css.json +10 -1
  66. data/_sass/@primer/view-components/app/components/primer/beta/flash.css +1 -1
  67. data/_sass/@primer/view-components/app/components/primer/beta/flash.css.json +27 -1
  68. data/_sass/@primer/view-components/app/components/primer/beta/label.css +1 -1
  69. data/_sass/@primer/view-components/app/components/primer/beta/label.css.json +25 -1
  70. data/_sass/@primer/view-components/app/components/primer/beta/link.css.json +19 -1
  71. data/_sass/@primer/view-components/app/components/primer/beta/popover.css +1 -1
  72. data/_sass/@primer/view-components/app/components/primer/beta/popover.css.json +39 -1
  73. data/_sass/@primer/view-components/app/components/primer/beta/progress_bar.css.json +10 -1
  74. data/_sass/@primer/view-components/app/components/primer/beta/state.css +1 -1
  75. data/_sass/@primer/view-components/app/components/primer/beta/state.css.json +13 -1
  76. data/_sass/@primer/view-components/app/components/primer/beta/subhead.css +1 -1
  77. data/_sass/@primer/view-components/app/components/primer/beta/subhead.css.json +12 -1
  78. data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css +1 -1
  79. data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css.json +16 -1
  80. data/_sass/@primer/view-components/app/components/primer/beta/truncate.css +1 -1
  81. data/_sass/@primer/view-components/app/components/primer/beta/truncate.css.json +12 -1
  82. data/_sass/@primer/view-components/app/components/primer/focus_group.d.ts +19 -0
  83. data/_sass/@primer/view-components/app/components/primer/focus_group.js +144 -0
  84. data/_sass/@primer/view-components/app/components/primer/primer.d.ts +5 -2
  85. data/_sass/@primer/view-components/app/components/primer/primer.js +5 -2
  86. data/_sass/@primer/view-components/app/components/primer/truncate.css.json +13 -1
  87. data/_sass/@primer/view-components/lib/primer/forms/primer_text_field.js +17 -6
  88. data/_sass/@primer/view-components/package.json +6 -4
  89. data/_sass/@primer/view-components/static/arguments.json +2167 -346
  90. data/_sass/@primer/view-components/static/audited_at.json +22 -22
  91. data/_sass/@primer/view-components/static/classes.json +579 -0
  92. data/_sass/@primer/view-components/static/constants.json +215 -61
  93. data/_sass/@primer/view-components/static/info_arch.json +9090 -0
  94. data/_sass/@primer/view-components/static/previews.json +2020 -0
  95. data/_sass/@primer/view-components/static/statuses.json +23 -23
  96. data/_sass/{jekyll-theme-primer.scss → jekyll-v4-theme-primer.scss} +3 -3
  97. data/_sass/primer.scss +1 -1
  98. data/assets/css/style.scss +1 -1
  99. metadata +16 -15
  100. data/_sass/@primer/css/actionlist/action-list-item-divider.scss +0 -48
  101. data/_sass/@primer/css/actionlist/action-list-item.scss +0 -593
  102. data/_sass/@primer/css/actionlist/action-list-tree.scss +0 -118
  103. data/_sass/@primer/css/actionlist/action-list-variables.scss +0 -8
  104. data/_sass/@primer/css/actionlist/action-list.scss +0 -67
  105. data/_sass/@primer/css/actionlist/index.scss +0 -6
  106. data/_sass/@primer/css/forms/form-validation.scss +0 -265
  107. data/_sass/@primer/css/labels/diffstat.scss +0 -37
  108. data/_sass/@primer/view-components/app/components/primer/time_ago_component.d.ts +0 -1
  109. data/_sass/@primer/view-components/app/components/primer/time_ago_component.js +0 -1
  110. /data/_sass/@primer/view-components/app/components/primer/{local_time.d.ts → beta/relative_time.d.ts} +0 -0
  111. /data/_sass/@primer/view-components/app/components/primer/{local_time.js → beta/relative_time.js} +0 -0
@@ -1,67 +0,0 @@
1
- // <ul>
2
- .ActionList {
3
- padding: $spacer-2;
4
- }
5
-
6
- // full bleed
7
- .ActionList--full {
8
- padding: 0;
9
- }
10
-
11
- // nested list within main ActionList
12
- .ActionList--subGroup {
13
- padding: 0;
14
- }
15
-
16
- // dividers
17
-
18
- .ActionList--divided {
19
- .ActionList-item-label::before {
20
- position: absolute;
21
- top: -$actionList-item-padding-vertical;
22
- display: block;
23
- width: 100%;
24
- height: 1px;
25
- content: '';
26
- background: var(--color-action-list-item-inline-divider);
27
- }
28
-
29
- // if descriptionWrap--inline exists, move pseudo divider to wrapper
30
- .ActionList-item-descriptionWrap--inline {
31
- &::before {
32
- position: absolute;
33
- top: -$actionList-item-padding-vertical;
34
- display: block;
35
- width: 100%;
36
- height: $border-width;
37
- content: '';
38
- background: var(--color-action-list-item-inline-divider);
39
- }
40
-
41
- // unset the default label pseudo
42
- .ActionList-item-label::before {
43
- content: unset;
44
- }
45
- }
46
-
47
- // hide divider if item is active
48
- .ActionList-item--navActive {
49
- // stylelint-disable-next-line selector-max-specificity, selector-max-compound-selectors
50
- .ActionList-item-label::before,
51
- + .ActionList-item .ActionList-item-label::before {
52
- visibility: hidden;
53
- }
54
- }
55
- }
56
-
57
- // hide if item is first of type with label::before, or is the first item after a sectionDivider
58
- .ActionList-item:first-of-type .ActionList-item-label::before,
59
- .ActionList-sectionDivider + .ActionList-item .ActionList-item-label::before {
60
- visibility: hidden;
61
- }
62
-
63
- // hide if item is first of type with label::before, or is the first item after a sectionDivider
64
- .ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before,
65
- .ActionList-sectionDivider + .ActionList-item .ActionList-item-descriptionWrap--inline::before {
66
- visibility: hidden;
67
- }
@@ -1,6 +0,0 @@
1
- @import '../support/index.scss';
2
- @import './action-list-variables.scss';
3
- @import './action-list.scss';
4
- @import './action-list-tree.scss';
5
- @import './action-list-item.scss';
6
- @import './action-list-item-divider.scss';
@@ -1,265 +0,0 @@
1
- // stylelint-disable selector-no-qualifying-type, selector-max-type
2
-
3
- // Inline verification
4
-
5
- .inline-form {
6
- display: inline-block;
7
-
8
- .btn-plain {
9
- background-color: transparent;
10
- border: 0;
11
- }
12
- }
13
-
14
- // Drag and drop
15
- //
16
- // Previously part of `_forms.scss` in Primer. Needs accounting for.
17
-
18
- .drag-and-drop {
19
- // stylelint-disable-next-line primer/spacing
20
- padding: 7px 10px;
21
- margin: 0;
22
- // stylelint-disable-next-line primer/typography
23
- font-size: 13px;
24
- // stylelint-disable-next-line primer/typography
25
- line-height: 16px;
26
- color: var(--color-fg-muted);
27
- background-color: var(--color-canvas-subtle);
28
- border: $border-width $border-style var(--color-border-default);
29
- border-top: 0;
30
- border-bottom-right-radius: $border-radius;
31
- border-bottom-left-radius: $border-radius;
32
-
33
- .default,
34
- .loading,
35
- .error {
36
- display: none;
37
- }
38
-
39
- .error {
40
- color: var(--color-danger-fg);
41
- }
42
-
43
- // Spinner
44
- img {
45
- vertical-align: top;
46
- }
47
- }
48
-
49
- .is-default .drag-and-drop .default {
50
- display: inline-block;
51
- }
52
-
53
- .is-uploading .drag-and-drop .loading {
54
- display: inline-block;
55
- }
56
-
57
- .is-bad-file .drag-and-drop .bad-file {
58
- display: inline-block;
59
- }
60
-
61
- .is-duplicate-filename .drag-and-drop .duplicate-filename {
62
- display: inline-block;
63
- }
64
-
65
- .is-too-big .drag-and-drop .too-big {
66
- display: inline-block;
67
- }
68
-
69
- .is-hidden-file .drag-and-drop .hidden-file {
70
- display: inline-block;
71
- }
72
-
73
- .is-empty .drag-and-drop .empty {
74
- display: inline-block;
75
- }
76
-
77
- .is-bad-permissions .drag-and-drop .bad-permissions {
78
- display: inline-block;
79
- }
80
-
81
- .is-repository-required .drag-and-drop .repository-required {
82
- display: inline-block;
83
- }
84
-
85
- .drag-and-drop-error-info {
86
- font-weight: $font-weight-normal;
87
- color: var(--color-fg-muted);
88
-
89
- a {
90
- color: var(--color-accent-fg);
91
- }
92
- }
93
-
94
- .is-failed .drag-and-drop .failed-request {
95
- display: inline-block;
96
- }
97
-
98
- .manual-file-chooser {
99
- position: absolute;
100
- width: 240px;
101
- // stylelint-disable-next-line primer/spacing
102
- padding: 5px;
103
- // stylelint-disable-next-line primer/spacing
104
- margin-left: -80px;
105
- cursor: pointer;
106
- opacity: 0.0001;
107
- }
108
-
109
- .manual-file-chooser:hover + .manual-file-chooser-text {
110
- text-decoration: underline;
111
- }
112
-
113
- .btn {
114
- // align manual-file-chooser inside a button
115
- .manual-file-chooser {
116
- top: 0;
117
- padding: 0;
118
- // stylelint-disable-next-line primer/typography
119
- line-height: 34px;
120
- }
121
- }
122
-
123
- // Focused Textarea styles
124
- .upload-enabled {
125
- textarea {
126
- display: block;
127
- // stylelint-disable-next-line primer/borders
128
- border-bottom: $border-width dashed var(--color-border-default);
129
- border-bottom-right-radius: 0;
130
- border-bottom-left-radius: 0;
131
- }
132
-
133
- &.focused {
134
- border-color: var(--color-accent-fg);
135
- border-radius: $border-radius;
136
- outline: none;
137
- // stylelint-disable-next-line primer/box-shadow
138
- box-shadow: 0 0 0 2px var(--color-accent-fg);
139
-
140
- .form-control {
141
- border-color: transparent;
142
- border-bottom-color: var(--color-accent-fg);
143
- box-shadow: none;
144
- }
145
-
146
- .drag-and-drop {
147
- border-color: transparent;
148
- }
149
- }
150
- }
151
-
152
- // Dropping a file on top
153
- .dragover textarea,
154
- .dragover .drag-and-drop {
155
- // stylelint-disable-next-line primer/box-shadow
156
- box-shadow: rgba(#c9ff00, 1) 0 0 3px;
157
- }
158
-
159
- .write-content {
160
- position: relative;
161
- }
162
-
163
- // Form style with a write and a preview tab
164
- .previewable-comment-form {
165
- position: relative;
166
-
167
- .tabnav {
168
- position: relative;
169
- padding: $spacer-2 $spacer-2 0;
170
- }
171
-
172
- .comment {
173
- border: $border-width $border-style var(--color-border-default);
174
- }
175
-
176
- .comment-form-error {
177
- margin-bottom: $spacer-2;
178
- }
179
-
180
- .write-content,
181
- .preview-content {
182
- display: none;
183
- margin: 0 $spacer-2 $spacer-2;
184
- }
185
-
186
- &.write-selected .write-content,
187
- &.preview-selected .preview-content {
188
- display: block;
189
- }
190
-
191
- textarea {
192
- display: block;
193
- width: 100%;
194
- min-height: 100px;
195
- max-height: 500px;
196
- padding: $spacer-2;
197
- resize: vertical;
198
- }
199
- }
200
-
201
- // Used in our boxed-group-less form styles. Give the submit button enough space
202
- // to breathe without the need for the extra hr.
203
- .form-action-spacious {
204
- // stylelint-disable-next-line primer/spacing
205
- margin-top: 10px;
206
- }
207
-
208
- // A two column form, with a .main and a .sidebar column
209
- //
210
- // Override some `.timeline-comment-wrapper` defaults.
211
- // The `div` is needed to be more specific than the other class.
212
- div.composer {
213
- margin-top: 0;
214
- border: 0;
215
- }
216
-
217
- // Override the previewable comment form defaults
218
- .composer .comment-form-textarea {
219
- height: 200px;
220
- min-height: 200px;
221
- }
222
-
223
- .composer .tabnav {
224
- // stylelint-disable-next-line primer/spacing
225
- margin: 0 0 10px;
226
- }
227
-
228
- // Misc CSS
229
- //
230
- // Previously part of `_forms.scss` in Primer. Needs accounting for.
231
-
232
- h2.account {
233
- // stylelint-disable-next-line primer/spacing
234
- margin: 15px 0 0;
235
- // stylelint-disable-next-line primer/typography
236
- font-size: 18px;
237
- font-weight: $font-weight-normal;
238
- color: var(--color-fg-muted);
239
- }
240
-
241
- p.explain {
242
- position: relative;
243
- font-size: $font-size-small;
244
- color: var(--color-fg-muted);
245
-
246
- strong {
247
- color: var(--color-fg-default);
248
- }
249
-
250
- .octicon {
251
- // stylelint-disable-next-line primer/spacing
252
- margin-right: 5px;
253
- color: var(--color-fg-muted);
254
- }
255
-
256
- .minibutton {
257
- top: -4px;
258
- float: right;
259
- }
260
- }
261
-
262
- // fix for chrome bug, see https://github.com/github/github/issues/53931
263
- .form-group label {
264
- position: static;
265
- }
@@ -1,37 +0,0 @@
1
- // diffstat
2
- //
3
- // Green/red blocks showing additions and deletions
4
-
5
- .diffstat {
6
- font-size: $h6-size;
7
- font-weight: $font-weight-bold;
8
- color: var(--color-fg-muted);
9
- white-space: nowrap;
10
- cursor: default;
11
- }
12
-
13
- .diffstat-block-deleted,
14
- .diffstat-block-added,
15
- .diffstat-block-neutral {
16
- display: inline-block;
17
- width: $spacer-2;
18
- height: $spacer-2;
19
- // stylelint-disable-next-line primer/spacing
20
- margin-left: 1px;
21
- outline-offset: -1px; // Support Firefox custom colors
22
- }
23
-
24
- .diffstat-block-deleted {
25
- background-color: var(--color-danger-emphasis);
26
- outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors
27
- }
28
-
29
- .diffstat-block-added {
30
- background-color: var(--color-diffstat-addition-bg);
31
- outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors
32
- }
33
-
34
- .diffstat-block-neutral {
35
- background-color: var(--color-neutral-muted);
36
- outline: 1px solid var(--color-border-subtle); // Support Firefox custom colors
37
- }
@@ -1 +0,0 @@
1
- import '@github/relative-time-element';
@@ -1 +0,0 @@
1
- import '@github/relative-time-element';