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.
Files changed (120) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +30 -0
  3. data/app/assets/javascripts/primer_view_components.js +1 -1
  4. data/app/assets/javascripts/primer_view_components.js.map +1 -1
  5. data/app/assets/styles/primer_view_components.css +2 -2
  6. data/app/assets/styles/primer_view_components.css.map +1 -1
  7. data/app/components/primer/alpha/action_list/heading.html.erb +1 -1
  8. data/app/components/primer/alpha/action_list/heading.rb +5 -3
  9. data/app/components/primer/alpha/action_list/item.html.erb +9 -0
  10. data/app/components/primer/alpha/action_list/item.rb +32 -11
  11. data/app/components/primer/alpha/action_list.css +1 -1
  12. data/app/components/primer/alpha/action_list.css.json +4 -41
  13. data/app/components/primer/alpha/action_list.css.map +1 -1
  14. data/app/components/primer/alpha/action_list.pcss +19 -20
  15. data/app/components/primer/alpha/action_list.rb +54 -6
  16. data/app/components/primer/alpha/action_menu/action_menu_element.d.ts +23 -0
  17. data/app/components/primer/alpha/action_menu/action_menu_element.js +165 -0
  18. data/app/components/primer/alpha/action_menu/action_menu_element.ts +168 -0
  19. data/app/components/primer/alpha/action_menu/list.rb +91 -0
  20. data/app/components/primer/alpha/action_menu.html.erb +26 -0
  21. data/app/components/primer/alpha/action_menu.rb +361 -0
  22. data/app/components/primer/alpha/auto_complete.css.json +0 -11
  23. data/app/components/primer/alpha/banner.css.json +0 -14
  24. data/app/components/primer/alpha/button_marketing.css.json +0 -10
  25. data/app/components/primer/alpha/dialog.css +1 -1
  26. data/app/components/primer/alpha/dialog.css.json +0 -65
  27. data/app/components/primer/alpha/dialog.css.map +1 -1
  28. data/app/components/primer/alpha/dialog.pcss +0 -4
  29. data/app/components/primer/alpha/dialog.rb +6 -2
  30. data/app/components/primer/alpha/dropdown/menu.rb +1 -1
  31. data/app/components/primer/alpha/dropdown.css.json +0 -21
  32. data/app/components/primer/alpha/layout.css.json +0 -27
  33. data/app/components/primer/alpha/menu.css.json +0 -11
  34. data/app/components/primer/alpha/modal_dialog.js +12 -0
  35. data/app/components/primer/alpha/modal_dialog.ts +17 -0
  36. data/app/components/primer/alpha/nav_list/item.rb +5 -0
  37. data/app/components/primer/alpha/overlay.css +1 -1
  38. data/app/components/primer/alpha/overlay.css.json +0 -3
  39. data/app/components/primer/alpha/overlay.css.map +1 -1
  40. data/app/components/primer/alpha/overlay.pcss +1 -0
  41. data/app/components/primer/alpha/overlay.rb +19 -19
  42. data/app/components/primer/alpha/segmented_control.css.json +0 -15
  43. data/app/components/primer/alpha/tab_nav.css.json +0 -10
  44. data/app/components/primer/alpha/text_field.css.json +0 -38
  45. data/app/components/primer/alpha/toggle_switch.css.json +0 -16
  46. data/app/components/primer/alpha/underline_nav.css.json +0 -13
  47. data/app/components/primer/beta/auto_complete/auto_complete.html.erb +1 -1
  48. data/app/components/primer/beta/auto_complete.rb +19 -1
  49. data/app/components/primer/beta/avatar.css.json +0 -14
  50. data/app/components/primer/beta/avatar_stack.css.json +0 -9
  51. data/app/components/primer/beta/blankslate.css.json +0 -12
  52. data/app/components/primer/beta/border_box.css.json +0 -32
  53. data/app/components/primer/beta/border_box.rb +3 -3
  54. data/app/components/primer/beta/breadcrumbs.css.json +0 -4
  55. data/app/components/primer/beta/button.css +1 -1
  56. data/app/components/primer/beta/button.css.json +0 -24
  57. data/app/components/primer/beta/button.css.map +1 -1
  58. data/app/components/primer/beta/button.pcss +5 -7
  59. data/app/components/primer/beta/counter.css.json +0 -6
  60. data/app/components/primer/beta/flash.css.json +0 -15
  61. data/app/components/primer/beta/label.css.json +0 -20
  62. data/app/components/primer/beta/link.css.json +0 -8
  63. data/app/components/primer/beta/popover.css.json +0 -18
  64. data/app/components/primer/beta/progress_bar.css.json +0 -6
  65. data/app/components/primer/beta/state.css.json +0 -10
  66. data/app/components/primer/beta/subhead.css.json +0 -8
  67. data/app/components/primer/beta/timeline_item.css.json +0 -9
  68. data/app/components/primer/beta/truncate.css.json +0 -6
  69. data/app/components/primer/focus_group.d.ts +19 -0
  70. data/app/components/primer/focus_group.js +144 -0
  71. data/app/components/primer/focus_group.ts +137 -0
  72. data/app/components/primer/icon_button.rb +1 -1
  73. data/app/components/primer/primer.d.ts +2 -0
  74. data/app/components/primer/primer.js +2 -0
  75. data/app/components/primer/primer.ts +2 -0
  76. data/app/components/primer/truncate.css.json +0 -7
  77. data/app/lib/primer/css/layout.css.json +0 -263
  78. data/app/lib/primer/css/utilities.css.json +0 -1636
  79. data/lib/primer/static/generate_arguments.rb +55 -0
  80. data/lib/primer/static/generate_audited_at.rb +17 -0
  81. data/lib/primer/static/generate_constants.rb +19 -0
  82. data/lib/primer/static/generate_info_arch.rb +156 -0
  83. data/lib/primer/static/generate_previews.rb +45 -0
  84. data/lib/primer/static/generate_statuses.rb +17 -0
  85. data/lib/primer/static.rb +72 -0
  86. data/lib/primer/view_components/linters/disallow_component_css_counter.rb +43 -4
  87. data/lib/primer/view_components/version.rb +1 -1
  88. data/lib/primer/view_components.rb +0 -48
  89. data/lib/primer/yard/component_manifest.rb +1 -0
  90. data/lib/primer/yard/component_ref.rb +14 -0
  91. data/lib/primer/yard/docs_helper.rb +3 -0
  92. data/lib/primer/yard/info_arch_docs_helper.rb +31 -0
  93. data/lib/primer/yard/legacy_gatsby_backend.rb +3 -35
  94. data/lib/primer/yard/registry.rb +2 -1
  95. data/lib/primer/yard.rb +1 -0
  96. data/lib/tasks/docs.rake +10 -12
  97. data/lib/tasks/static.rake +20 -28
  98. data/previews/primer/alpha/action_list_preview.rb +4 -1
  99. data/previews/primer/alpha/action_menu_preview/align_end.html.erb +6 -0
  100. data/previews/primer/alpha/action_menu_preview/content_labels.html.erb +9 -0
  101. data/previews/primer/alpha/action_menu_preview/opens_dialog.html.erb +21 -0
  102. data/previews/primer/alpha/action_menu_preview.rb +245 -0
  103. data/previews/primer/alpha/dialog_preview/body_has_scrollbar_overflow.html.erb +2 -2
  104. data/previews/primer/alpha/dialog_preview/custom_header.html.erb +3 -3
  105. data/previews/primer/alpha/dialog_preview/nested_dialog.html.erb +4 -4
  106. data/previews/primer/alpha/dialog_preview/test.html.erb +3 -3
  107. data/previews/primer/alpha/dialog_preview/with_footer.html.erb +3 -3
  108. data/previews/primer/alpha/dialog_preview/with_form.html.erb +1 -1
  109. data/previews/primer/alpha/dialog_preview/with_text_input.html.erb +2 -2
  110. data/previews/primer/alpha/dialog_preview.rb +7 -2
  111. data/previews/primer/beta/auto_complete_item_preview.rb +1 -0
  112. data/previews/primer/beta/auto_complete_preview.rb +36 -23
  113. data/static/arguments.json +3085 -1405
  114. data/static/audited_at.json +2 -0
  115. data/static/classes.json +576 -311
  116. data/static/constants.json +53 -2
  117. data/static/info_arch.json +8888 -0
  118. data/static/previews.json +226 -101
  119. data/static/statuses.json +2 -0
  120. 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
  {