primer_view_components 0.1.4 → 0.1.6
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +30 -0
- data/app/assets/javascripts/primer_view_components.js +1 -1
- data/app/assets/javascripts/primer_view_components.js.map +1 -1
- data/app/assets/styles/primer_view_components.css +2 -2
- data/app/assets/styles/primer_view_components.css.map +1 -1
- data/app/components/primer/alpha/action_list/heading.html.erb +1 -1
- data/app/components/primer/alpha/action_list/heading.rb +5 -3
- data/app/components/primer/alpha/action_list/item.html.erb +9 -0
- data/app/components/primer/alpha/action_list/item.rb +32 -11
- data/app/components/primer/alpha/action_list.css +1 -1
- data/app/components/primer/alpha/action_list.css.json +4 -41
- data/app/components/primer/alpha/action_list.css.map +1 -1
- data/app/components/primer/alpha/action_list.pcss +19 -20
- data/app/components/primer/alpha/action_list.rb +54 -6
- data/app/components/primer/alpha/action_menu/action_menu_element.d.ts +23 -0
- data/app/components/primer/alpha/action_menu/action_menu_element.js +165 -0
- data/app/components/primer/alpha/action_menu/action_menu_element.ts +168 -0
- data/app/components/primer/alpha/action_menu/list.rb +91 -0
- data/app/components/primer/alpha/action_menu.html.erb +26 -0
- data/app/components/primer/alpha/action_menu.rb +361 -0
- data/app/components/primer/alpha/auto_complete.css.json +0 -11
- data/app/components/primer/alpha/banner.css.json +0 -14
- data/app/components/primer/alpha/button_marketing.css.json +0 -10
- data/app/components/primer/alpha/dialog.css +1 -1
- data/app/components/primer/alpha/dialog.css.json +0 -65
- data/app/components/primer/alpha/dialog.css.map +1 -1
- data/app/components/primer/alpha/dialog.pcss +0 -4
- data/app/components/primer/alpha/dialog.rb +6 -2
- data/app/components/primer/alpha/dropdown/menu.rb +1 -1
- data/app/components/primer/alpha/dropdown.css.json +0 -21
- data/app/components/primer/alpha/layout.css.json +0 -27
- data/app/components/primer/alpha/menu.css.json +0 -11
- data/app/components/primer/alpha/modal_dialog.js +12 -0
- data/app/components/primer/alpha/modal_dialog.ts +17 -0
- data/app/components/primer/alpha/nav_list/item.rb +5 -0
- data/app/components/primer/alpha/overlay.css +1 -1
- data/app/components/primer/alpha/overlay.css.json +0 -3
- data/app/components/primer/alpha/overlay.css.map +1 -1
- data/app/components/primer/alpha/overlay.pcss +1 -0
- data/app/components/primer/alpha/overlay.rb +19 -19
- data/app/components/primer/alpha/segmented_control.css.json +0 -15
- data/app/components/primer/alpha/tab_nav.css.json +0 -10
- data/app/components/primer/alpha/text_field.css.json +0 -38
- data/app/components/primer/alpha/toggle_switch.css.json +0 -16
- data/app/components/primer/alpha/underline_nav.css.json +0 -13
- data/app/components/primer/beta/auto_complete/auto_complete.html.erb +1 -1
- data/app/components/primer/beta/auto_complete.rb +19 -1
- data/app/components/primer/beta/avatar.css.json +0 -14
- data/app/components/primer/beta/avatar_stack.css.json +0 -9
- data/app/components/primer/beta/blankslate.css.json +0 -12
- data/app/components/primer/beta/border_box.css.json +0 -32
- data/app/components/primer/beta/border_box.rb +3 -3
- data/app/components/primer/beta/breadcrumbs.css.json +0 -4
- data/app/components/primer/beta/button.css +1 -1
- data/app/components/primer/beta/button.css.json +0 -24
- data/app/components/primer/beta/button.css.map +1 -1
- data/app/components/primer/beta/button.pcss +5 -7
- data/app/components/primer/beta/counter.css.json +0 -6
- data/app/components/primer/beta/flash.css.json +0 -15
- data/app/components/primer/beta/label.css.json +0 -20
- data/app/components/primer/beta/link.css.json +0 -8
- data/app/components/primer/beta/popover.css.json +0 -18
- data/app/components/primer/beta/progress_bar.css.json +0 -6
- data/app/components/primer/beta/state.css.json +0 -10
- data/app/components/primer/beta/subhead.css.json +0 -8
- data/app/components/primer/beta/timeline_item.css.json +0 -9
- data/app/components/primer/beta/truncate.css.json +0 -6
- data/app/components/primer/focus_group.d.ts +19 -0
- data/app/components/primer/focus_group.js +144 -0
- data/app/components/primer/focus_group.ts +137 -0
- data/app/components/primer/icon_button.rb +1 -1
- data/app/components/primer/primer.d.ts +2 -0
- data/app/components/primer/primer.js +2 -0
- data/app/components/primer/primer.ts +2 -0
- data/app/components/primer/truncate.css.json +0 -7
- data/app/lib/primer/css/layout.css.json +0 -263
- data/app/lib/primer/css/utilities.css.json +0 -1636
- data/lib/primer/static/generate_arguments.rb +55 -0
- data/lib/primer/static/generate_audited_at.rb +17 -0
- data/lib/primer/static/generate_constants.rb +19 -0
- data/lib/primer/static/generate_info_arch.rb +156 -0
- data/lib/primer/static/generate_previews.rb +45 -0
- data/lib/primer/static/generate_statuses.rb +17 -0
- data/lib/primer/static.rb +72 -0
- data/lib/primer/view_components/linters/disallow_component_css_counter.rb +43 -4
- data/lib/primer/view_components/version.rb +1 -1
- data/lib/primer/view_components.rb +0 -48
- data/lib/primer/yard/component_manifest.rb +1 -0
- data/lib/primer/yard/component_ref.rb +14 -0
- data/lib/primer/yard/docs_helper.rb +3 -0
- data/lib/primer/yard/info_arch_docs_helper.rb +31 -0
- data/lib/primer/yard/legacy_gatsby_backend.rb +3 -35
- data/lib/primer/yard/registry.rb +2 -1
- data/lib/primer/yard.rb +1 -0
- data/lib/tasks/docs.rake +10 -12
- data/lib/tasks/static.rake +20 -28
- data/previews/primer/alpha/action_list_preview.rb +4 -1
- data/previews/primer/alpha/action_menu_preview/align_end.html.erb +6 -0
- data/previews/primer/alpha/action_menu_preview/content_labels.html.erb +9 -0
- data/previews/primer/alpha/action_menu_preview/opens_dialog.html.erb +21 -0
- data/previews/primer/alpha/action_menu_preview.rb +245 -0
- data/previews/primer/alpha/dialog_preview/body_has_scrollbar_overflow.html.erb +2 -2
- data/previews/primer/alpha/dialog_preview/custom_header.html.erb +3 -3
- data/previews/primer/alpha/dialog_preview/nested_dialog.html.erb +4 -4
- data/previews/primer/alpha/dialog_preview/test.html.erb +3 -3
- data/previews/primer/alpha/dialog_preview/with_footer.html.erb +3 -3
- data/previews/primer/alpha/dialog_preview/with_form.html.erb +1 -1
- data/previews/primer/alpha/dialog_preview/with_text_input.html.erb +2 -2
- data/previews/primer/alpha/dialog_preview.rb +7 -2
- data/previews/primer/beta/auto_complete_item_preview.rb +1 -0
- data/previews/primer/beta/auto_complete_preview.rb +36 -23
- data/static/arguments.json +3085 -1405
- data/static/audited_at.json +2 -0
- data/static/classes.json +576 -311
- data/static/constants.json +53 -2
- data/static/info_arch.json +8888 -0
- data/static/previews.json +226 -101
- data/static/statuses.json +2 -0
- metadata +28 -6
data/static/previews.json
CHANGED
@@ -1,6 +1,8 @@
|
|
1
1
|
[
|
2
2
|
{
|
3
3
|
"name": "action_list",
|
4
|
+
"component": "ActionList",
|
5
|
+
"status": "alpha",
|
4
6
|
"lookup_path": "primer/alpha/action_list",
|
5
7
|
"examples": [
|
6
8
|
{
|
@@ -110,8 +112,118 @@
|
|
110
112
|
}
|
111
113
|
]
|
112
114
|
},
|
115
|
+
{
|
116
|
+
"name": "action_menu",
|
117
|
+
"component": "ActionMenu",
|
118
|
+
"status": "alpha",
|
119
|
+
"lookup_path": "primer/alpha/action_menu",
|
120
|
+
"examples": [
|
121
|
+
{
|
122
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/playground",
|
123
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/playground",
|
124
|
+
"name": "playground"
|
125
|
+
},
|
126
|
+
{
|
127
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/content_labels",
|
128
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/content_labels",
|
129
|
+
"name": "content_labels"
|
130
|
+
},
|
131
|
+
{
|
132
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/default",
|
133
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/default",
|
134
|
+
"name": "default"
|
135
|
+
},
|
136
|
+
{
|
137
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/with_icon_button",
|
138
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_icon_button",
|
139
|
+
"name": "with_icon_button"
|
140
|
+
},
|
141
|
+
{
|
142
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/single_select",
|
143
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/single_select",
|
144
|
+
"name": "single_select"
|
145
|
+
},
|
146
|
+
{
|
147
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/multiple_select",
|
148
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/multiple_select",
|
149
|
+
"name": "multiple_select"
|
150
|
+
},
|
151
|
+
{
|
152
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/links",
|
153
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/links",
|
154
|
+
"name": "links"
|
155
|
+
},
|
156
|
+
{
|
157
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/single_selected_item",
|
158
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/single_selected_item",
|
159
|
+
"name": "single_selected_item"
|
160
|
+
},
|
161
|
+
{
|
162
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/single_select_with_internal_label",
|
163
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/single_select_with_internal_label",
|
164
|
+
"name": "single_select_with_internal_label"
|
165
|
+
},
|
166
|
+
{
|
167
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/multiple_selected_items",
|
168
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/multiple_selected_items",
|
169
|
+
"name": "multiple_selected_items"
|
170
|
+
},
|
171
|
+
{
|
172
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/with_deferred_content",
|
173
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_deferred_content",
|
174
|
+
"name": "with_deferred_content"
|
175
|
+
},
|
176
|
+
{
|
177
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/with_deferred_preloaded_content",
|
178
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_deferred_preloaded_content",
|
179
|
+
"name": "with_deferred_preloaded_content"
|
180
|
+
},
|
181
|
+
{
|
182
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/with_actions",
|
183
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_actions",
|
184
|
+
"name": "with_actions"
|
185
|
+
},
|
186
|
+
{
|
187
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/with_disabled_items",
|
188
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_disabled_items",
|
189
|
+
"name": "with_disabled_items"
|
190
|
+
},
|
191
|
+
{
|
192
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/opens_dialog",
|
193
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/opens_dialog",
|
194
|
+
"name": "opens_dialog"
|
195
|
+
},
|
196
|
+
{
|
197
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/align_end",
|
198
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/align_end",
|
199
|
+
"name": "align_end"
|
200
|
+
},
|
201
|
+
{
|
202
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/block_description",
|
203
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/block_description",
|
204
|
+
"name": "block_description"
|
205
|
+
},
|
206
|
+
{
|
207
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/inline_description",
|
208
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/inline_description",
|
209
|
+
"name": "inline_description"
|
210
|
+
},
|
211
|
+
{
|
212
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/leading_visual",
|
213
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/leading_visual",
|
214
|
+
"name": "leading_visual"
|
215
|
+
},
|
216
|
+
{
|
217
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/leading_visual_single_select",
|
218
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/leading_visual_single_select",
|
219
|
+
"name": "leading_visual_single_select"
|
220
|
+
}
|
221
|
+
]
|
222
|
+
},
|
113
223
|
{
|
114
224
|
"name": "auto_complete",
|
225
|
+
"component": "AutoComplete",
|
226
|
+
"status": "deprecated",
|
115
227
|
"lookup_path": "primer/alpha/auto_complete",
|
116
228
|
"examples": [
|
117
229
|
{
|
@@ -133,6 +245,8 @@
|
|
133
245
|
},
|
134
246
|
{
|
135
247
|
"name": "auto_complete",
|
248
|
+
"component": "AutoComplete",
|
249
|
+
"status": "beta",
|
136
250
|
"lookup_path": "primer/beta/auto_complete",
|
137
251
|
"examples": [
|
138
252
|
{
|
@@ -219,6 +333,8 @@
|
|
219
333
|
},
|
220
334
|
{
|
221
335
|
"name": "auto_complete_item",
|
336
|
+
"component": "AutoComplete::Item",
|
337
|
+
"status": "beta",
|
222
338
|
"lookup_path": "primer/beta/auto_complete_item",
|
223
339
|
"examples": [
|
224
340
|
{
|
@@ -240,6 +356,8 @@
|
|
240
356
|
},
|
241
357
|
{
|
242
358
|
"name": "avatar",
|
359
|
+
"component": "Avatar",
|
360
|
+
"status": "beta",
|
243
361
|
"lookup_path": "primer/beta/avatar",
|
244
362
|
"examples": [
|
245
363
|
{
|
@@ -271,6 +389,8 @@
|
|
271
389
|
},
|
272
390
|
{
|
273
391
|
"name": "avatar_stack",
|
392
|
+
"component": "AvatarStack",
|
393
|
+
"status": "beta",
|
274
394
|
"lookup_path": "primer/beta/avatar_stack",
|
275
395
|
"examples": [
|
276
396
|
{
|
@@ -297,6 +417,8 @@
|
|
297
417
|
},
|
298
418
|
{
|
299
419
|
"name": "banner",
|
420
|
+
"component": "Banner",
|
421
|
+
"status": "alpha",
|
300
422
|
"lookup_path": "primer/alpha/banner",
|
301
423
|
"examples": [
|
302
424
|
{
|
@@ -338,6 +460,8 @@
|
|
338
460
|
},
|
339
461
|
{
|
340
462
|
"name": "base_button",
|
463
|
+
"component": "BaseButton",
|
464
|
+
"status": "beta",
|
341
465
|
"lookup_path": "primer/beta/base_button",
|
342
466
|
"examples": [
|
343
467
|
{
|
@@ -354,6 +478,8 @@
|
|
354
478
|
},
|
355
479
|
{
|
356
480
|
"name": "blankslate",
|
481
|
+
"component": "Blankslate",
|
482
|
+
"status": "beta",
|
357
483
|
"lookup_path": "primer/beta/blankslate",
|
358
484
|
"examples": [
|
359
485
|
{
|
@@ -410,6 +536,8 @@
|
|
410
536
|
},
|
411
537
|
{
|
412
538
|
"name": "border_box",
|
539
|
+
"component": "BorderBox",
|
540
|
+
"status": "beta",
|
413
541
|
"lookup_path": "primer/beta/border_box",
|
414
542
|
"examples": [
|
415
543
|
{
|
@@ -441,6 +569,8 @@
|
|
441
569
|
},
|
442
570
|
{
|
443
571
|
"name": "breadcrumbs",
|
572
|
+
"component": "Breadcrumbs",
|
573
|
+
"status": "beta",
|
444
574
|
"lookup_path": "primer/beta/breadcrumbs",
|
445
575
|
"examples": [
|
446
576
|
{
|
@@ -457,6 +587,8 @@
|
|
457
587
|
},
|
458
588
|
{
|
459
589
|
"name": "button",
|
590
|
+
"component": "Button",
|
591
|
+
"status": "beta",
|
460
592
|
"lookup_path": "primer/beta/button",
|
461
593
|
"examples": [
|
462
594
|
{
|
@@ -533,6 +665,8 @@
|
|
533
665
|
},
|
534
666
|
{
|
535
667
|
"name": "button_group",
|
668
|
+
"component": "ButtonGroup",
|
669
|
+
"status": "beta",
|
536
670
|
"lookup_path": "primer/beta/button_group",
|
537
671
|
"examples": [
|
538
672
|
{
|
@@ -549,6 +683,8 @@
|
|
549
683
|
},
|
550
684
|
{
|
551
685
|
"name": "button_marketing",
|
686
|
+
"component": "ButtonMarketing",
|
687
|
+
"status": "alpha",
|
552
688
|
"lookup_path": "primer/alpha/button_marketing",
|
553
689
|
"examples": [
|
554
690
|
{
|
@@ -575,6 +711,8 @@
|
|
575
711
|
},
|
576
712
|
{
|
577
713
|
"name": "check_box",
|
714
|
+
"component": "CheckBox",
|
715
|
+
"status": "alpha",
|
578
716
|
"lookup_path": "primer/alpha/check_box",
|
579
717
|
"examples": [
|
580
718
|
{
|
@@ -596,6 +734,8 @@
|
|
596
734
|
},
|
597
735
|
{
|
598
736
|
"name": "check_box_group",
|
737
|
+
"component": "CheckBoxGroup",
|
738
|
+
"status": "alpha",
|
599
739
|
"lookup_path": "primer/alpha/check_box_group",
|
600
740
|
"examples": [
|
601
741
|
{
|
@@ -617,6 +757,8 @@
|
|
617
757
|
},
|
618
758
|
{
|
619
759
|
"name": "clipboard_copy",
|
760
|
+
"component": "ClipboardCopy",
|
761
|
+
"status": "beta",
|
620
762
|
"lookup_path": "primer/beta/clipboard_copy",
|
621
763
|
"examples": [
|
622
764
|
{
|
@@ -643,6 +785,8 @@
|
|
643
785
|
},
|
644
786
|
{
|
645
787
|
"name": "close_button",
|
788
|
+
"component": "CloseButton",
|
789
|
+
"status": "beta",
|
646
790
|
"lookup_path": "primer/beta/close_button",
|
647
791
|
"examples": [
|
648
792
|
{
|
@@ -659,6 +803,8 @@
|
|
659
803
|
},
|
660
804
|
{
|
661
805
|
"name": "counter",
|
806
|
+
"component": "Counter",
|
807
|
+
"status": "beta",
|
662
808
|
"lookup_path": "primer/beta/counter",
|
663
809
|
"examples": [
|
664
810
|
{
|
@@ -690,6 +836,8 @@
|
|
690
836
|
},
|
691
837
|
{
|
692
838
|
"name": "details",
|
839
|
+
"component": "Details",
|
840
|
+
"status": "beta",
|
693
841
|
"lookup_path": "primer/beta/details",
|
694
842
|
"examples": [
|
695
843
|
{
|
@@ -716,6 +864,8 @@
|
|
716
864
|
},
|
717
865
|
{
|
718
866
|
"name": "dialog",
|
867
|
+
"component": "Dialog",
|
868
|
+
"status": "alpha",
|
719
869
|
"lookup_path": "primer/alpha/dialog",
|
720
870
|
"examples": [
|
721
871
|
{
|
@@ -767,6 +917,8 @@
|
|
767
917
|
},
|
768
918
|
{
|
769
919
|
"name": "dropdown",
|
920
|
+
"component": "Dropdown",
|
921
|
+
"status": "alpha",
|
770
922
|
"lookup_path": "primer/alpha/dropdown",
|
771
923
|
"examples": [
|
772
924
|
{
|
@@ -798,6 +950,8 @@
|
|
798
950
|
},
|
799
951
|
{
|
800
952
|
"name": "flash",
|
953
|
+
"component": "Flash",
|
954
|
+
"status": "beta",
|
801
955
|
"lookup_path": "primer/beta/flash",
|
802
956
|
"examples": [
|
803
957
|
{
|
@@ -824,6 +978,8 @@
|
|
824
978
|
},
|
825
979
|
{
|
826
980
|
"name": "form_control",
|
981
|
+
"component": "FormControl",
|
982
|
+
"status": "alpha",
|
827
983
|
"lookup_path": "primer/alpha/form_control",
|
828
984
|
"examples": [
|
829
985
|
{
|
@@ -843,109 +999,10 @@
|
|
843
999
|
}
|
844
1000
|
]
|
845
1001
|
},
|
846
|
-
{
|
847
|
-
"name": "forms",
|
848
|
-
"lookup_path": "primer/forms",
|
849
|
-
"examples": [
|
850
|
-
{
|
851
|
-
"inspect_path": "/lookbook/inspect/primer/forms/single_text_field_form",
|
852
|
-
"preview_path": "/lookbook/preview/primer/forms/single_text_field_form",
|
853
|
-
"name": "single_text_field_form"
|
854
|
-
},
|
855
|
-
{
|
856
|
-
"inspect_path": "/lookbook/inspect/primer/forms/multi_text_field_form",
|
857
|
-
"preview_path": "/lookbook/preview/primer/forms/multi_text_field_form",
|
858
|
-
"name": "multi_text_field_form"
|
859
|
-
},
|
860
|
-
{
|
861
|
-
"inspect_path": "/lookbook/inspect/primer/forms/text_field_and_checkbox_form",
|
862
|
-
"preview_path": "/lookbook/preview/primer/forms/text_field_and_checkbox_form",
|
863
|
-
"name": "text_field_and_checkbox_form"
|
864
|
-
},
|
865
|
-
{
|
866
|
-
"inspect_path": "/lookbook/inspect/primer/forms/horizontal_form",
|
867
|
-
"preview_path": "/lookbook/preview/primer/forms/horizontal_form",
|
868
|
-
"name": "horizontal_form"
|
869
|
-
},
|
870
|
-
{
|
871
|
-
"inspect_path": "/lookbook/inspect/primer/forms/composed_form",
|
872
|
-
"preview_path": "/lookbook/preview/primer/forms/composed_form",
|
873
|
-
"name": "composed_form"
|
874
|
-
},
|
875
|
-
{
|
876
|
-
"inspect_path": "/lookbook/inspect/primer/forms/submit_button_form",
|
877
|
-
"preview_path": "/lookbook/preview/primer/forms/submit_button_form",
|
878
|
-
"name": "submit_button_form"
|
879
|
-
},
|
880
|
-
{
|
881
|
-
"inspect_path": "/lookbook/inspect/primer/forms/radio_button_group_form",
|
882
|
-
"preview_path": "/lookbook/preview/primer/forms/radio_button_group_form",
|
883
|
-
"name": "radio_button_group_form"
|
884
|
-
},
|
885
|
-
{
|
886
|
-
"inspect_path": "/lookbook/inspect/primer/forms/check_box_group_form",
|
887
|
-
"preview_path": "/lookbook/preview/primer/forms/check_box_group_form",
|
888
|
-
"name": "check_box_group_form"
|
889
|
-
},
|
890
|
-
{
|
891
|
-
"inspect_path": "/lookbook/inspect/primer/forms/array_check_box_group_form",
|
892
|
-
"preview_path": "/lookbook/preview/primer/forms/array_check_box_group_form",
|
893
|
-
"name": "array_check_box_group_form"
|
894
|
-
},
|
895
|
-
{
|
896
|
-
"inspect_path": "/lookbook/inspect/primer/forms/select_form",
|
897
|
-
"preview_path": "/lookbook/preview/primer/forms/select_form",
|
898
|
-
"name": "select_form"
|
899
|
-
},
|
900
|
-
{
|
901
|
-
"inspect_path": "/lookbook/inspect/primer/forms/radio_button_with_nested_form",
|
902
|
-
"preview_path": "/lookbook/preview/primer/forms/radio_button_with_nested_form",
|
903
|
-
"name": "radio_button_with_nested_form"
|
904
|
-
},
|
905
|
-
{
|
906
|
-
"inspect_path": "/lookbook/inspect/primer/forms/check_box_with_nested_form",
|
907
|
-
"preview_path": "/lookbook/preview/primer/forms/check_box_with_nested_form",
|
908
|
-
"name": "check_box_with_nested_form"
|
909
|
-
},
|
910
|
-
{
|
911
|
-
"inspect_path": "/lookbook/inspect/primer/forms/caption_template_form",
|
912
|
-
"preview_path": "/lookbook/preview/primer/forms/caption_template_form",
|
913
|
-
"name": "caption_template_form"
|
914
|
-
},
|
915
|
-
{
|
916
|
-
"inspect_path": "/lookbook/inspect/primer/forms/after_content_form",
|
917
|
-
"preview_path": "/lookbook/preview/primer/forms/after_content_form",
|
918
|
-
"name": "after_content_form"
|
919
|
-
},
|
920
|
-
{
|
921
|
-
"inspect_path": "/lookbook/inspect/primer/forms/invalid_form",
|
922
|
-
"preview_path": "/lookbook/preview/primer/forms/invalid_form",
|
923
|
-
"name": "invalid_form"
|
924
|
-
},
|
925
|
-
{
|
926
|
-
"inspect_path": "/lookbook/inspect/primer/forms/multi_input_form",
|
927
|
-
"preview_path": "/lookbook/preview/primer/forms/multi_input_form",
|
928
|
-
"name": "multi_input_form"
|
929
|
-
},
|
930
|
-
{
|
931
|
-
"inspect_path": "/lookbook/inspect/primer/forms/name_with_question_mark_form",
|
932
|
-
"preview_path": "/lookbook/preview/primer/forms/name_with_question_mark_form",
|
933
|
-
"name": "name_with_question_mark_form"
|
934
|
-
},
|
935
|
-
{
|
936
|
-
"inspect_path": "/lookbook/inspect/primer/forms/immediate_validation_form",
|
937
|
-
"preview_path": "/lookbook/preview/primer/forms/immediate_validation_form",
|
938
|
-
"name": "immediate_validation_form"
|
939
|
-
},
|
940
|
-
{
|
941
|
-
"inspect_path": "/lookbook/inspect/primer/forms/example_toggle_switch_form",
|
942
|
-
"preview_path": "/lookbook/preview/primer/forms/example_toggle_switch_form",
|
943
|
-
"name": "example_toggle_switch_form"
|
944
|
-
}
|
945
|
-
]
|
946
|
-
},
|
947
1002
|
{
|
948
1003
|
"name": "heading",
|
1004
|
+
"component": "Heading",
|
1005
|
+
"status": "beta",
|
949
1006
|
"lookup_path": "primer/beta/heading",
|
950
1007
|
"examples": [
|
951
1008
|
{
|
@@ -962,6 +1019,8 @@
|
|
962
1019
|
},
|
963
1020
|
{
|
964
1021
|
"name": "hellip_button",
|
1022
|
+
"component": "HellipButton",
|
1023
|
+
"status": "alpha",
|
965
1024
|
"lookup_path": "primer/alpha/hellip_button",
|
966
1025
|
"examples": [
|
967
1026
|
{
|
@@ -978,6 +1037,8 @@
|
|
978
1037
|
},
|
979
1038
|
{
|
980
1039
|
"name": "hidden_text_expander",
|
1040
|
+
"component": "HiddenTextExpander",
|
1041
|
+
"status": "alpha",
|
981
1042
|
"lookup_path": "primer/alpha/hidden_text_expander",
|
982
1043
|
"examples": [
|
983
1044
|
{
|
@@ -994,6 +1055,8 @@
|
|
994
1055
|
},
|
995
1056
|
{
|
996
1057
|
"name": "icon_button",
|
1058
|
+
"component": "IconButton",
|
1059
|
+
"status": "beta",
|
997
1060
|
"lookup_path": "primer/beta/icon_button",
|
998
1061
|
"examples": [
|
999
1062
|
{
|
@@ -1020,6 +1083,8 @@
|
|
1020
1083
|
},
|
1021
1084
|
{
|
1022
1085
|
"name": "image_crop",
|
1086
|
+
"component": "ImageCrop",
|
1087
|
+
"status": "alpha",
|
1023
1088
|
"lookup_path": "primer/alpha/image_crop",
|
1024
1089
|
"examples": [
|
1025
1090
|
{
|
@@ -1041,6 +1106,8 @@
|
|
1041
1106
|
},
|
1042
1107
|
{
|
1043
1108
|
"name": "label",
|
1109
|
+
"component": "Label",
|
1110
|
+
"status": "beta",
|
1044
1111
|
"lookup_path": "primer/beta/label",
|
1045
1112
|
"examples": [
|
1046
1113
|
{
|
@@ -1072,6 +1139,8 @@
|
|
1072
1139
|
},
|
1073
1140
|
{
|
1074
1141
|
"name": "layout",
|
1142
|
+
"component": "Layout",
|
1143
|
+
"status": "alpha",
|
1075
1144
|
"lookup_path": "primer/alpha/layout",
|
1076
1145
|
"examples": [
|
1077
1146
|
{
|
@@ -1118,6 +1187,8 @@
|
|
1118
1187
|
},
|
1119
1188
|
{
|
1120
1189
|
"name": "link",
|
1190
|
+
"component": "Link",
|
1191
|
+
"status": "beta",
|
1121
1192
|
"lookup_path": "primer/beta/link",
|
1122
1193
|
"examples": [
|
1123
1194
|
{
|
@@ -1144,6 +1215,8 @@
|
|
1144
1215
|
},
|
1145
1216
|
{
|
1146
1217
|
"name": "markdown",
|
1218
|
+
"component": "Markdown",
|
1219
|
+
"status": "beta",
|
1147
1220
|
"lookup_path": "primer/beta/markdown",
|
1148
1221
|
"examples": [
|
1149
1222
|
{
|
@@ -1160,6 +1233,8 @@
|
|
1160
1233
|
},
|
1161
1234
|
{
|
1162
1235
|
"name": "menu",
|
1236
|
+
"component": "Menu",
|
1237
|
+
"status": "alpha",
|
1163
1238
|
"lookup_path": "primer/alpha/menu",
|
1164
1239
|
"examples": [
|
1165
1240
|
{
|
@@ -1176,6 +1251,8 @@
|
|
1176
1251
|
},
|
1177
1252
|
{
|
1178
1253
|
"name": "multi_input",
|
1254
|
+
"component": "MultiInput",
|
1255
|
+
"status": "alpha",
|
1179
1256
|
"lookup_path": "primer/alpha/multi_input",
|
1180
1257
|
"examples": [
|
1181
1258
|
{
|
@@ -1207,6 +1284,8 @@
|
|
1207
1284
|
},
|
1208
1285
|
{
|
1209
1286
|
"name": "nav_list",
|
1287
|
+
"component": "NavList",
|
1288
|
+
"status": "alpha",
|
1210
1289
|
"lookup_path": "primer/alpha/nav_list",
|
1211
1290
|
"examples": [
|
1212
1291
|
{
|
@@ -1233,6 +1312,8 @@
|
|
1233
1312
|
},
|
1234
1313
|
{
|
1235
1314
|
"name": "octicon",
|
1315
|
+
"component": "Octicon",
|
1316
|
+
"status": "beta",
|
1236
1317
|
"lookup_path": "primer/beta/octicon",
|
1237
1318
|
"examples": [
|
1238
1319
|
{
|
@@ -1249,6 +1330,8 @@
|
|
1249
1330
|
},
|
1250
1331
|
{
|
1251
1332
|
"name": "overlay",
|
1333
|
+
"component": "Overlay",
|
1334
|
+
"status": "alpha",
|
1252
1335
|
"lookup_path": "primer/alpha/overlay",
|
1253
1336
|
"examples": [
|
1254
1337
|
{
|
@@ -1275,6 +1358,8 @@
|
|
1275
1358
|
},
|
1276
1359
|
{
|
1277
1360
|
"name": "popover",
|
1361
|
+
"component": "Popover",
|
1362
|
+
"status": "beta",
|
1278
1363
|
"lookup_path": "primer/beta/popover",
|
1279
1364
|
"examples": [
|
1280
1365
|
{
|
@@ -1301,6 +1386,8 @@
|
|
1301
1386
|
},
|
1302
1387
|
{
|
1303
1388
|
"name": "progress_bar",
|
1389
|
+
"component": "ProgressBar",
|
1390
|
+
"status": "beta",
|
1304
1391
|
"lookup_path": "primer/beta/progress_bar",
|
1305
1392
|
"examples": [
|
1306
1393
|
{
|
@@ -1322,6 +1409,8 @@
|
|
1322
1409
|
},
|
1323
1410
|
{
|
1324
1411
|
"name": "radio_button",
|
1412
|
+
"component": "RadioButton",
|
1413
|
+
"status": "alpha",
|
1325
1414
|
"lookup_path": "primer/alpha/radio_button",
|
1326
1415
|
"examples": [
|
1327
1416
|
{
|
@@ -1343,6 +1432,8 @@
|
|
1343
1432
|
},
|
1344
1433
|
{
|
1345
1434
|
"name": "radio_button_group",
|
1435
|
+
"component": "RadioButtonGroup",
|
1436
|
+
"status": "alpha",
|
1346
1437
|
"lookup_path": "primer/alpha/radio_button_group",
|
1347
1438
|
"examples": [
|
1348
1439
|
{
|
@@ -1364,6 +1455,8 @@
|
|
1364
1455
|
},
|
1365
1456
|
{
|
1366
1457
|
"name": "relative_time",
|
1458
|
+
"component": "RelativeTime",
|
1459
|
+
"status": "beta",
|
1367
1460
|
"lookup_path": "primer/beta/relative_time",
|
1368
1461
|
"examples": [
|
1369
1462
|
{
|
@@ -1395,6 +1488,8 @@
|
|
1395
1488
|
},
|
1396
1489
|
{
|
1397
1490
|
"name": "segmented_control",
|
1491
|
+
"component": "SegmentedControl",
|
1492
|
+
"status": "alpha",
|
1398
1493
|
"lookup_path": "primer/alpha/segmented_control",
|
1399
1494
|
"examples": [
|
1400
1495
|
{
|
@@ -1436,6 +1531,8 @@
|
|
1436
1531
|
},
|
1437
1532
|
{
|
1438
1533
|
"name": "select",
|
1534
|
+
"component": "Select",
|
1535
|
+
"status": "alpha",
|
1439
1536
|
"lookup_path": "primer/alpha/select",
|
1440
1537
|
"examples": [
|
1441
1538
|
{
|
@@ -1457,6 +1554,8 @@
|
|
1457
1554
|
},
|
1458
1555
|
{
|
1459
1556
|
"name": "spinner",
|
1557
|
+
"component": "Spinner",
|
1558
|
+
"status": "beta",
|
1460
1559
|
"lookup_path": "primer/beta/spinner",
|
1461
1560
|
"examples": [
|
1462
1561
|
{
|
@@ -1473,6 +1572,8 @@
|
|
1473
1572
|
},
|
1474
1573
|
{
|
1475
1574
|
"name": "state",
|
1575
|
+
"component": "State",
|
1576
|
+
"status": "beta",
|
1476
1577
|
"lookup_path": "primer/beta/state",
|
1477
1578
|
"examples": [
|
1478
1579
|
{
|
@@ -1499,6 +1600,8 @@
|
|
1499
1600
|
},
|
1500
1601
|
{
|
1501
1602
|
"name": "subhead",
|
1603
|
+
"component": "Subhead",
|
1604
|
+
"status": "beta",
|
1502
1605
|
"lookup_path": "primer/beta/subhead",
|
1503
1606
|
"examples": [
|
1504
1607
|
{
|
@@ -1530,6 +1633,8 @@
|
|
1530
1633
|
},
|
1531
1634
|
{
|
1532
1635
|
"name": "tab_nav",
|
1636
|
+
"component": "TabNav",
|
1637
|
+
"status": "alpha",
|
1533
1638
|
"lookup_path": "primer/alpha/tab_nav",
|
1534
1639
|
"examples": [
|
1535
1640
|
{
|
@@ -1556,6 +1661,8 @@
|
|
1556
1661
|
},
|
1557
1662
|
{
|
1558
1663
|
"name": "tab_panels",
|
1664
|
+
"component": "TabPanels",
|
1665
|
+
"status": "alpha",
|
1559
1666
|
"lookup_path": "primer/alpha/tab_panels",
|
1560
1667
|
"examples": [
|
1561
1668
|
{
|
@@ -1577,6 +1684,8 @@
|
|
1577
1684
|
},
|
1578
1685
|
{
|
1579
1686
|
"name": "text",
|
1687
|
+
"component": "Text",
|
1688
|
+
"status": "beta",
|
1580
1689
|
"lookup_path": "primer/beta/text",
|
1581
1690
|
"examples": [
|
1582
1691
|
{
|
@@ -1593,6 +1702,8 @@
|
|
1593
1702
|
},
|
1594
1703
|
{
|
1595
1704
|
"name": "text_area",
|
1705
|
+
"component": "TextArea",
|
1706
|
+
"status": "alpha",
|
1596
1707
|
"lookup_path": "primer/alpha/text_area",
|
1597
1708
|
"examples": [
|
1598
1709
|
{
|
@@ -1614,6 +1725,8 @@
|
|
1614
1725
|
},
|
1615
1726
|
{
|
1616
1727
|
"name": "text_field",
|
1728
|
+
"component": "TextField",
|
1729
|
+
"status": "alpha",
|
1617
1730
|
"lookup_path": "primer/alpha/text_field",
|
1618
1731
|
"examples": [
|
1619
1732
|
{
|
@@ -1650,6 +1763,8 @@
|
|
1650
1763
|
},
|
1651
1764
|
{
|
1652
1765
|
"name": "timeline_item",
|
1766
|
+
"component": "TimelineItem",
|
1767
|
+
"status": "beta",
|
1653
1768
|
"lookup_path": "primer/beta/timeline_item",
|
1654
1769
|
"examples": [
|
1655
1770
|
{
|
@@ -1666,6 +1781,8 @@
|
|
1666
1781
|
},
|
1667
1782
|
{
|
1668
1783
|
"name": "toggle_switch",
|
1784
|
+
"component": "ToggleSwitch",
|
1785
|
+
"status": "alpha",
|
1669
1786
|
"lookup_path": "primer/alpha/toggle_switch",
|
1670
1787
|
"examples": [
|
1671
1788
|
{
|
@@ -1727,6 +1844,8 @@
|
|
1727
1844
|
},
|
1728
1845
|
{
|
1729
1846
|
"name": "tooltip",
|
1847
|
+
"component": "Tooltip",
|
1848
|
+
"status": "alpha",
|
1730
1849
|
"lookup_path": "primer/alpha/tooltip",
|
1731
1850
|
"examples": [
|
1732
1851
|
{
|
@@ -1768,6 +1887,8 @@
|
|
1768
1887
|
},
|
1769
1888
|
{
|
1770
1889
|
"name": "truncate",
|
1890
|
+
"component": "Truncate",
|
1891
|
+
"status": "beta",
|
1771
1892
|
"lookup_path": "primer/beta/truncate",
|
1772
1893
|
"examples": [
|
1773
1894
|
{
|
@@ -1799,6 +1920,8 @@
|
|
1799
1920
|
},
|
1800
1921
|
{
|
1801
1922
|
"name": "underline_nav",
|
1923
|
+
"component": "UnderlineNav",
|
1924
|
+
"status": "alpha",
|
1802
1925
|
"lookup_path": "primer/alpha/underline_nav",
|
1803
1926
|
"examples": [
|
1804
1927
|
{
|
@@ -1820,6 +1943,8 @@
|
|
1820
1943
|
},
|
1821
1944
|
{
|
1822
1945
|
"name": "underline_panels",
|
1946
|
+
"component": "UnderlinePanels",
|
1947
|
+
"status": "alpha",
|
1823
1948
|
"lookup_path": "primer/alpha/underline_panels",
|
1824
1949
|
"examples": [
|
1825
1950
|
{
|