primer_view_components 0.1.4 → 0.1.5
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +14 -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 +31 -10
- 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 +22 -0
- data/app/components/primer/alpha/action_menu/action_menu_element.js +139 -0
- data/app/components/primer/alpha/action_menu/action_menu_element.ts +137 -0
- data/app/components/primer/alpha/action_menu/list.rb +81 -0
- data/app/components/primer/alpha/action_menu.html.erb +26 -0
- data/app/components/primer/alpha/action_menu.rb +322 -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.json +0 -63
- data/app/components/primer/alpha/dialog.rb +6 -2
- 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/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 +14 -18
- 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/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 -22
- data/app/components/primer/beta/button.css.map +1 -1
- data/app/components/primer/beta/button.pcss +3 -3
- 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/opens_dialog.html.erb +21 -0
- data/previews/primer/alpha/action_menu_preview.rb +238 -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/static/arguments.json +3078 -1404
- data/static/audited_at.json +2 -0
- data/static/classes.json +576 -311
- data/static/constants.json +42 -2
- data/static/info_arch.json +8859 -0
- data/static/previews.json +221 -101
- data/static/statuses.json +2 -0
- metadata +23 -2
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,113 @@
|
|
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/default",
|
128
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/default",
|
129
|
+
"name": "default"
|
130
|
+
},
|
131
|
+
{
|
132
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/with_icon_button",
|
133
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_icon_button",
|
134
|
+
"name": "with_icon_button"
|
135
|
+
},
|
136
|
+
{
|
137
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/single_select",
|
138
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/single_select",
|
139
|
+
"name": "single_select"
|
140
|
+
},
|
141
|
+
{
|
142
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/multiple_select",
|
143
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/multiple_select",
|
144
|
+
"name": "multiple_select"
|
145
|
+
},
|
146
|
+
{
|
147
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/links",
|
148
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/links",
|
149
|
+
"name": "links"
|
150
|
+
},
|
151
|
+
{
|
152
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/single_selected_item",
|
153
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/single_selected_item",
|
154
|
+
"name": "single_selected_item"
|
155
|
+
},
|
156
|
+
{
|
157
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/single_select_with_internal_label",
|
158
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/single_select_with_internal_label",
|
159
|
+
"name": "single_select_with_internal_label"
|
160
|
+
},
|
161
|
+
{
|
162
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/multiple_selected_items",
|
163
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/multiple_selected_items",
|
164
|
+
"name": "multiple_selected_items"
|
165
|
+
},
|
166
|
+
{
|
167
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/with_deferred_content",
|
168
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_deferred_content",
|
169
|
+
"name": "with_deferred_content"
|
170
|
+
},
|
171
|
+
{
|
172
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/with_deferred_preloaded_content",
|
173
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_deferred_preloaded_content",
|
174
|
+
"name": "with_deferred_preloaded_content"
|
175
|
+
},
|
176
|
+
{
|
177
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/with_actions",
|
178
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_actions",
|
179
|
+
"name": "with_actions"
|
180
|
+
},
|
181
|
+
{
|
182
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/with_disabled_items",
|
183
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/with_disabled_items",
|
184
|
+
"name": "with_disabled_items"
|
185
|
+
},
|
186
|
+
{
|
187
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/opens_dialog",
|
188
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/opens_dialog",
|
189
|
+
"name": "opens_dialog"
|
190
|
+
},
|
191
|
+
{
|
192
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/align_end",
|
193
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/align_end",
|
194
|
+
"name": "align_end"
|
195
|
+
},
|
196
|
+
{
|
197
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/block_description",
|
198
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/block_description",
|
199
|
+
"name": "block_description"
|
200
|
+
},
|
201
|
+
{
|
202
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/inline_description",
|
203
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/inline_description",
|
204
|
+
"name": "inline_description"
|
205
|
+
},
|
206
|
+
{
|
207
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/leading_visual",
|
208
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/leading_visual",
|
209
|
+
"name": "leading_visual"
|
210
|
+
},
|
211
|
+
{
|
212
|
+
"inspect_path": "/lookbook/inspect/primer/alpha/action_menu/leading_visual_single_select",
|
213
|
+
"preview_path": "/lookbook/preview/primer/alpha/action_menu/leading_visual_single_select",
|
214
|
+
"name": "leading_visual_single_select"
|
215
|
+
}
|
216
|
+
]
|
217
|
+
},
|
113
218
|
{
|
114
219
|
"name": "auto_complete",
|
220
|
+
"component": "AutoComplete",
|
221
|
+
"status": "deprecated",
|
115
222
|
"lookup_path": "primer/alpha/auto_complete",
|
116
223
|
"examples": [
|
117
224
|
{
|
@@ -133,6 +240,8 @@
|
|
133
240
|
},
|
134
241
|
{
|
135
242
|
"name": "auto_complete",
|
243
|
+
"component": "AutoComplete",
|
244
|
+
"status": "beta",
|
136
245
|
"lookup_path": "primer/beta/auto_complete",
|
137
246
|
"examples": [
|
138
247
|
{
|
@@ -219,6 +328,8 @@
|
|
219
328
|
},
|
220
329
|
{
|
221
330
|
"name": "auto_complete_item",
|
331
|
+
"component": "AutoComplete::Item",
|
332
|
+
"status": "beta",
|
222
333
|
"lookup_path": "primer/beta/auto_complete_item",
|
223
334
|
"examples": [
|
224
335
|
{
|
@@ -240,6 +351,8 @@
|
|
240
351
|
},
|
241
352
|
{
|
242
353
|
"name": "avatar",
|
354
|
+
"component": "Avatar",
|
355
|
+
"status": "beta",
|
243
356
|
"lookup_path": "primer/beta/avatar",
|
244
357
|
"examples": [
|
245
358
|
{
|
@@ -271,6 +384,8 @@
|
|
271
384
|
},
|
272
385
|
{
|
273
386
|
"name": "avatar_stack",
|
387
|
+
"component": "AvatarStack",
|
388
|
+
"status": "beta",
|
274
389
|
"lookup_path": "primer/beta/avatar_stack",
|
275
390
|
"examples": [
|
276
391
|
{
|
@@ -297,6 +412,8 @@
|
|
297
412
|
},
|
298
413
|
{
|
299
414
|
"name": "banner",
|
415
|
+
"component": "Banner",
|
416
|
+
"status": "alpha",
|
300
417
|
"lookup_path": "primer/alpha/banner",
|
301
418
|
"examples": [
|
302
419
|
{
|
@@ -338,6 +455,8 @@
|
|
338
455
|
},
|
339
456
|
{
|
340
457
|
"name": "base_button",
|
458
|
+
"component": "BaseButton",
|
459
|
+
"status": "beta",
|
341
460
|
"lookup_path": "primer/beta/base_button",
|
342
461
|
"examples": [
|
343
462
|
{
|
@@ -354,6 +473,8 @@
|
|
354
473
|
},
|
355
474
|
{
|
356
475
|
"name": "blankslate",
|
476
|
+
"component": "Blankslate",
|
477
|
+
"status": "beta",
|
357
478
|
"lookup_path": "primer/beta/blankslate",
|
358
479
|
"examples": [
|
359
480
|
{
|
@@ -410,6 +531,8 @@
|
|
410
531
|
},
|
411
532
|
{
|
412
533
|
"name": "border_box",
|
534
|
+
"component": "BorderBox",
|
535
|
+
"status": "beta",
|
413
536
|
"lookup_path": "primer/beta/border_box",
|
414
537
|
"examples": [
|
415
538
|
{
|
@@ -441,6 +564,8 @@
|
|
441
564
|
},
|
442
565
|
{
|
443
566
|
"name": "breadcrumbs",
|
567
|
+
"component": "Breadcrumbs",
|
568
|
+
"status": "beta",
|
444
569
|
"lookup_path": "primer/beta/breadcrumbs",
|
445
570
|
"examples": [
|
446
571
|
{
|
@@ -457,6 +582,8 @@
|
|
457
582
|
},
|
458
583
|
{
|
459
584
|
"name": "button",
|
585
|
+
"component": "Button",
|
586
|
+
"status": "beta",
|
460
587
|
"lookup_path": "primer/beta/button",
|
461
588
|
"examples": [
|
462
589
|
{
|
@@ -533,6 +660,8 @@
|
|
533
660
|
},
|
534
661
|
{
|
535
662
|
"name": "button_group",
|
663
|
+
"component": "ButtonGroup",
|
664
|
+
"status": "beta",
|
536
665
|
"lookup_path": "primer/beta/button_group",
|
537
666
|
"examples": [
|
538
667
|
{
|
@@ -549,6 +678,8 @@
|
|
549
678
|
},
|
550
679
|
{
|
551
680
|
"name": "button_marketing",
|
681
|
+
"component": "ButtonMarketing",
|
682
|
+
"status": "alpha",
|
552
683
|
"lookup_path": "primer/alpha/button_marketing",
|
553
684
|
"examples": [
|
554
685
|
{
|
@@ -575,6 +706,8 @@
|
|
575
706
|
},
|
576
707
|
{
|
577
708
|
"name": "check_box",
|
709
|
+
"component": "CheckBox",
|
710
|
+
"status": "alpha",
|
578
711
|
"lookup_path": "primer/alpha/check_box",
|
579
712
|
"examples": [
|
580
713
|
{
|
@@ -596,6 +729,8 @@
|
|
596
729
|
},
|
597
730
|
{
|
598
731
|
"name": "check_box_group",
|
732
|
+
"component": "CheckBoxGroup",
|
733
|
+
"status": "alpha",
|
599
734
|
"lookup_path": "primer/alpha/check_box_group",
|
600
735
|
"examples": [
|
601
736
|
{
|
@@ -617,6 +752,8 @@
|
|
617
752
|
},
|
618
753
|
{
|
619
754
|
"name": "clipboard_copy",
|
755
|
+
"component": "ClipboardCopy",
|
756
|
+
"status": "beta",
|
620
757
|
"lookup_path": "primer/beta/clipboard_copy",
|
621
758
|
"examples": [
|
622
759
|
{
|
@@ -643,6 +780,8 @@
|
|
643
780
|
},
|
644
781
|
{
|
645
782
|
"name": "close_button",
|
783
|
+
"component": "CloseButton",
|
784
|
+
"status": "beta",
|
646
785
|
"lookup_path": "primer/beta/close_button",
|
647
786
|
"examples": [
|
648
787
|
{
|
@@ -659,6 +798,8 @@
|
|
659
798
|
},
|
660
799
|
{
|
661
800
|
"name": "counter",
|
801
|
+
"component": "Counter",
|
802
|
+
"status": "beta",
|
662
803
|
"lookup_path": "primer/beta/counter",
|
663
804
|
"examples": [
|
664
805
|
{
|
@@ -690,6 +831,8 @@
|
|
690
831
|
},
|
691
832
|
{
|
692
833
|
"name": "details",
|
834
|
+
"component": "Details",
|
835
|
+
"status": "beta",
|
693
836
|
"lookup_path": "primer/beta/details",
|
694
837
|
"examples": [
|
695
838
|
{
|
@@ -716,6 +859,8 @@
|
|
716
859
|
},
|
717
860
|
{
|
718
861
|
"name": "dialog",
|
862
|
+
"component": "Dialog",
|
863
|
+
"status": "alpha",
|
719
864
|
"lookup_path": "primer/alpha/dialog",
|
720
865
|
"examples": [
|
721
866
|
{
|
@@ -767,6 +912,8 @@
|
|
767
912
|
},
|
768
913
|
{
|
769
914
|
"name": "dropdown",
|
915
|
+
"component": "Dropdown",
|
916
|
+
"status": "alpha",
|
770
917
|
"lookup_path": "primer/alpha/dropdown",
|
771
918
|
"examples": [
|
772
919
|
{
|
@@ -798,6 +945,8 @@
|
|
798
945
|
},
|
799
946
|
{
|
800
947
|
"name": "flash",
|
948
|
+
"component": "Flash",
|
949
|
+
"status": "beta",
|
801
950
|
"lookup_path": "primer/beta/flash",
|
802
951
|
"examples": [
|
803
952
|
{
|
@@ -824,6 +973,8 @@
|
|
824
973
|
},
|
825
974
|
{
|
826
975
|
"name": "form_control",
|
976
|
+
"component": "FormControl",
|
977
|
+
"status": "alpha",
|
827
978
|
"lookup_path": "primer/alpha/form_control",
|
828
979
|
"examples": [
|
829
980
|
{
|
@@ -843,109 +994,10 @@
|
|
843
994
|
}
|
844
995
|
]
|
845
996
|
},
|
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
997
|
{
|
948
998
|
"name": "heading",
|
999
|
+
"component": "Heading",
|
1000
|
+
"status": "beta",
|
949
1001
|
"lookup_path": "primer/beta/heading",
|
950
1002
|
"examples": [
|
951
1003
|
{
|
@@ -962,6 +1014,8 @@
|
|
962
1014
|
},
|
963
1015
|
{
|
964
1016
|
"name": "hellip_button",
|
1017
|
+
"component": "HellipButton",
|
1018
|
+
"status": "alpha",
|
965
1019
|
"lookup_path": "primer/alpha/hellip_button",
|
966
1020
|
"examples": [
|
967
1021
|
{
|
@@ -978,6 +1032,8 @@
|
|
978
1032
|
},
|
979
1033
|
{
|
980
1034
|
"name": "hidden_text_expander",
|
1035
|
+
"component": "HiddenTextExpander",
|
1036
|
+
"status": "alpha",
|
981
1037
|
"lookup_path": "primer/alpha/hidden_text_expander",
|
982
1038
|
"examples": [
|
983
1039
|
{
|
@@ -994,6 +1050,8 @@
|
|
994
1050
|
},
|
995
1051
|
{
|
996
1052
|
"name": "icon_button",
|
1053
|
+
"component": "IconButton",
|
1054
|
+
"status": "beta",
|
997
1055
|
"lookup_path": "primer/beta/icon_button",
|
998
1056
|
"examples": [
|
999
1057
|
{
|
@@ -1020,6 +1078,8 @@
|
|
1020
1078
|
},
|
1021
1079
|
{
|
1022
1080
|
"name": "image_crop",
|
1081
|
+
"component": "ImageCrop",
|
1082
|
+
"status": "alpha",
|
1023
1083
|
"lookup_path": "primer/alpha/image_crop",
|
1024
1084
|
"examples": [
|
1025
1085
|
{
|
@@ -1041,6 +1101,8 @@
|
|
1041
1101
|
},
|
1042
1102
|
{
|
1043
1103
|
"name": "label",
|
1104
|
+
"component": "Label",
|
1105
|
+
"status": "beta",
|
1044
1106
|
"lookup_path": "primer/beta/label",
|
1045
1107
|
"examples": [
|
1046
1108
|
{
|
@@ -1072,6 +1134,8 @@
|
|
1072
1134
|
},
|
1073
1135
|
{
|
1074
1136
|
"name": "layout",
|
1137
|
+
"component": "Layout",
|
1138
|
+
"status": "alpha",
|
1075
1139
|
"lookup_path": "primer/alpha/layout",
|
1076
1140
|
"examples": [
|
1077
1141
|
{
|
@@ -1118,6 +1182,8 @@
|
|
1118
1182
|
},
|
1119
1183
|
{
|
1120
1184
|
"name": "link",
|
1185
|
+
"component": "Link",
|
1186
|
+
"status": "beta",
|
1121
1187
|
"lookup_path": "primer/beta/link",
|
1122
1188
|
"examples": [
|
1123
1189
|
{
|
@@ -1144,6 +1210,8 @@
|
|
1144
1210
|
},
|
1145
1211
|
{
|
1146
1212
|
"name": "markdown",
|
1213
|
+
"component": "Markdown",
|
1214
|
+
"status": "beta",
|
1147
1215
|
"lookup_path": "primer/beta/markdown",
|
1148
1216
|
"examples": [
|
1149
1217
|
{
|
@@ -1160,6 +1228,8 @@
|
|
1160
1228
|
},
|
1161
1229
|
{
|
1162
1230
|
"name": "menu",
|
1231
|
+
"component": "Menu",
|
1232
|
+
"status": "alpha",
|
1163
1233
|
"lookup_path": "primer/alpha/menu",
|
1164
1234
|
"examples": [
|
1165
1235
|
{
|
@@ -1176,6 +1246,8 @@
|
|
1176
1246
|
},
|
1177
1247
|
{
|
1178
1248
|
"name": "multi_input",
|
1249
|
+
"component": "MultiInput",
|
1250
|
+
"status": "alpha",
|
1179
1251
|
"lookup_path": "primer/alpha/multi_input",
|
1180
1252
|
"examples": [
|
1181
1253
|
{
|
@@ -1207,6 +1279,8 @@
|
|
1207
1279
|
},
|
1208
1280
|
{
|
1209
1281
|
"name": "nav_list",
|
1282
|
+
"component": "NavList",
|
1283
|
+
"status": "alpha",
|
1210
1284
|
"lookup_path": "primer/alpha/nav_list",
|
1211
1285
|
"examples": [
|
1212
1286
|
{
|
@@ -1233,6 +1307,8 @@
|
|
1233
1307
|
},
|
1234
1308
|
{
|
1235
1309
|
"name": "octicon",
|
1310
|
+
"component": "Octicon",
|
1311
|
+
"status": "beta",
|
1236
1312
|
"lookup_path": "primer/beta/octicon",
|
1237
1313
|
"examples": [
|
1238
1314
|
{
|
@@ -1249,6 +1325,8 @@
|
|
1249
1325
|
},
|
1250
1326
|
{
|
1251
1327
|
"name": "overlay",
|
1328
|
+
"component": "Overlay",
|
1329
|
+
"status": "alpha",
|
1252
1330
|
"lookup_path": "primer/alpha/overlay",
|
1253
1331
|
"examples": [
|
1254
1332
|
{
|
@@ -1275,6 +1353,8 @@
|
|
1275
1353
|
},
|
1276
1354
|
{
|
1277
1355
|
"name": "popover",
|
1356
|
+
"component": "Popover",
|
1357
|
+
"status": "beta",
|
1278
1358
|
"lookup_path": "primer/beta/popover",
|
1279
1359
|
"examples": [
|
1280
1360
|
{
|
@@ -1301,6 +1381,8 @@
|
|
1301
1381
|
},
|
1302
1382
|
{
|
1303
1383
|
"name": "progress_bar",
|
1384
|
+
"component": "ProgressBar",
|
1385
|
+
"status": "beta",
|
1304
1386
|
"lookup_path": "primer/beta/progress_bar",
|
1305
1387
|
"examples": [
|
1306
1388
|
{
|
@@ -1322,6 +1404,8 @@
|
|
1322
1404
|
},
|
1323
1405
|
{
|
1324
1406
|
"name": "radio_button",
|
1407
|
+
"component": "RadioButton",
|
1408
|
+
"status": "alpha",
|
1325
1409
|
"lookup_path": "primer/alpha/radio_button",
|
1326
1410
|
"examples": [
|
1327
1411
|
{
|
@@ -1343,6 +1427,8 @@
|
|
1343
1427
|
},
|
1344
1428
|
{
|
1345
1429
|
"name": "radio_button_group",
|
1430
|
+
"component": "RadioButtonGroup",
|
1431
|
+
"status": "alpha",
|
1346
1432
|
"lookup_path": "primer/alpha/radio_button_group",
|
1347
1433
|
"examples": [
|
1348
1434
|
{
|
@@ -1364,6 +1450,8 @@
|
|
1364
1450
|
},
|
1365
1451
|
{
|
1366
1452
|
"name": "relative_time",
|
1453
|
+
"component": "RelativeTime",
|
1454
|
+
"status": "beta",
|
1367
1455
|
"lookup_path": "primer/beta/relative_time",
|
1368
1456
|
"examples": [
|
1369
1457
|
{
|
@@ -1395,6 +1483,8 @@
|
|
1395
1483
|
},
|
1396
1484
|
{
|
1397
1485
|
"name": "segmented_control",
|
1486
|
+
"component": "SegmentedControl",
|
1487
|
+
"status": "alpha",
|
1398
1488
|
"lookup_path": "primer/alpha/segmented_control",
|
1399
1489
|
"examples": [
|
1400
1490
|
{
|
@@ -1436,6 +1526,8 @@
|
|
1436
1526
|
},
|
1437
1527
|
{
|
1438
1528
|
"name": "select",
|
1529
|
+
"component": "Select",
|
1530
|
+
"status": "alpha",
|
1439
1531
|
"lookup_path": "primer/alpha/select",
|
1440
1532
|
"examples": [
|
1441
1533
|
{
|
@@ -1457,6 +1549,8 @@
|
|
1457
1549
|
},
|
1458
1550
|
{
|
1459
1551
|
"name": "spinner",
|
1552
|
+
"component": "Spinner",
|
1553
|
+
"status": "beta",
|
1460
1554
|
"lookup_path": "primer/beta/spinner",
|
1461
1555
|
"examples": [
|
1462
1556
|
{
|
@@ -1473,6 +1567,8 @@
|
|
1473
1567
|
},
|
1474
1568
|
{
|
1475
1569
|
"name": "state",
|
1570
|
+
"component": "State",
|
1571
|
+
"status": "beta",
|
1476
1572
|
"lookup_path": "primer/beta/state",
|
1477
1573
|
"examples": [
|
1478
1574
|
{
|
@@ -1499,6 +1595,8 @@
|
|
1499
1595
|
},
|
1500
1596
|
{
|
1501
1597
|
"name": "subhead",
|
1598
|
+
"component": "Subhead",
|
1599
|
+
"status": "beta",
|
1502
1600
|
"lookup_path": "primer/beta/subhead",
|
1503
1601
|
"examples": [
|
1504
1602
|
{
|
@@ -1530,6 +1628,8 @@
|
|
1530
1628
|
},
|
1531
1629
|
{
|
1532
1630
|
"name": "tab_nav",
|
1631
|
+
"component": "TabNav",
|
1632
|
+
"status": "alpha",
|
1533
1633
|
"lookup_path": "primer/alpha/tab_nav",
|
1534
1634
|
"examples": [
|
1535
1635
|
{
|
@@ -1556,6 +1656,8 @@
|
|
1556
1656
|
},
|
1557
1657
|
{
|
1558
1658
|
"name": "tab_panels",
|
1659
|
+
"component": "TabPanels",
|
1660
|
+
"status": "alpha",
|
1559
1661
|
"lookup_path": "primer/alpha/tab_panels",
|
1560
1662
|
"examples": [
|
1561
1663
|
{
|
@@ -1577,6 +1679,8 @@
|
|
1577
1679
|
},
|
1578
1680
|
{
|
1579
1681
|
"name": "text",
|
1682
|
+
"component": "Text",
|
1683
|
+
"status": "beta",
|
1580
1684
|
"lookup_path": "primer/beta/text",
|
1581
1685
|
"examples": [
|
1582
1686
|
{
|
@@ -1593,6 +1697,8 @@
|
|
1593
1697
|
},
|
1594
1698
|
{
|
1595
1699
|
"name": "text_area",
|
1700
|
+
"component": "TextArea",
|
1701
|
+
"status": "alpha",
|
1596
1702
|
"lookup_path": "primer/alpha/text_area",
|
1597
1703
|
"examples": [
|
1598
1704
|
{
|
@@ -1614,6 +1720,8 @@
|
|
1614
1720
|
},
|
1615
1721
|
{
|
1616
1722
|
"name": "text_field",
|
1723
|
+
"component": "TextField",
|
1724
|
+
"status": "alpha",
|
1617
1725
|
"lookup_path": "primer/alpha/text_field",
|
1618
1726
|
"examples": [
|
1619
1727
|
{
|
@@ -1650,6 +1758,8 @@
|
|
1650
1758
|
},
|
1651
1759
|
{
|
1652
1760
|
"name": "timeline_item",
|
1761
|
+
"component": "TimelineItem",
|
1762
|
+
"status": "beta",
|
1653
1763
|
"lookup_path": "primer/beta/timeline_item",
|
1654
1764
|
"examples": [
|
1655
1765
|
{
|
@@ -1666,6 +1776,8 @@
|
|
1666
1776
|
},
|
1667
1777
|
{
|
1668
1778
|
"name": "toggle_switch",
|
1779
|
+
"component": "ToggleSwitch",
|
1780
|
+
"status": "alpha",
|
1669
1781
|
"lookup_path": "primer/alpha/toggle_switch",
|
1670
1782
|
"examples": [
|
1671
1783
|
{
|
@@ -1727,6 +1839,8 @@
|
|
1727
1839
|
},
|
1728
1840
|
{
|
1729
1841
|
"name": "tooltip",
|
1842
|
+
"component": "Tooltip",
|
1843
|
+
"status": "alpha",
|
1730
1844
|
"lookup_path": "primer/alpha/tooltip",
|
1731
1845
|
"examples": [
|
1732
1846
|
{
|
@@ -1768,6 +1882,8 @@
|
|
1768
1882
|
},
|
1769
1883
|
{
|
1770
1884
|
"name": "truncate",
|
1885
|
+
"component": "Truncate",
|
1886
|
+
"status": "beta",
|
1771
1887
|
"lookup_path": "primer/beta/truncate",
|
1772
1888
|
"examples": [
|
1773
1889
|
{
|
@@ -1799,6 +1915,8 @@
|
|
1799
1915
|
},
|
1800
1916
|
{
|
1801
1917
|
"name": "underline_nav",
|
1918
|
+
"component": "UnderlineNav",
|
1919
|
+
"status": "alpha",
|
1802
1920
|
"lookup_path": "primer/alpha/underline_nav",
|
1803
1921
|
"examples": [
|
1804
1922
|
{
|
@@ -1820,6 +1938,8 @@
|
|
1820
1938
|
},
|
1821
1939
|
{
|
1822
1940
|
"name": "underline_panels",
|
1941
|
+
"component": "UnderlinePanels",
|
1942
|
+
"status": "alpha",
|
1823
1943
|
"lookup_path": "primer/alpha/underline_panels",
|
1824
1944
|
"examples": [
|
1825
1945
|
{
|