primer_view_components 0.0.104 → 0.0.105
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +20 -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 +1 -1
- data/app/assets/styles/primer_view_components.css.map +1 -1
- data/app/components/primer/alpha/action_list/item.rb +2 -2
- data/app/components/primer/alpha/action_list.rb +2 -0
- data/app/components/primer/alpha/image.rb +50 -0
- data/app/components/primer/{image_crop.d.ts → alpha/image_crop.d.ts} +0 -0
- data/app/components/primer/{image_crop.html.erb → alpha/image_crop.html.erb} +0 -0
- data/app/components/primer/{image_crop.js → alpha/image_crop.js} +0 -0
- data/app/components/primer/alpha/image_crop.rb +39 -0
- data/app/components/primer/{image_crop.ts → alpha/image_crop.ts} +0 -0
- data/app/components/primer/alpha/nav_list/item.rb +2 -0
- data/app/components/primer/alpha/nav_list/section.rb +2 -0
- data/app/components/primer/alpha/segmented_control/item.html.erb +13 -0
- data/app/components/primer/alpha/segmented_control/item.rb +29 -0
- data/app/components/primer/alpha/segmented_control.css +1 -0
- data/app/components/primer/alpha/segmented_control.css.map +1 -0
- data/app/components/primer/alpha/segmented_control.d.ts +11 -0
- data/app/components/primer/alpha/segmented_control.html.erb +7 -0
- data/app/components/primer/alpha/segmented_control.js +48 -0
- data/app/components/primer/alpha/segmented_control.pcss +121 -0
- data/app/components/primer/alpha/segmented_control.rb +92 -0
- data/app/components/primer/alpha/segmented_control.ts +41 -0
- data/app/components/primer/alpha/tooltip.rb +2 -2
- data/app/components/primer/beta/auto_complete/item.rb +2 -2
- data/app/components/primer/beta/avatar.rb +1 -1
- data/app/components/primer/beta/blankslate.rb +4 -4
- data/app/components/primer/beta/breadcrumbs.rb +1 -1
- data/app/components/primer/beta/button.rb +1 -1
- data/app/components/primer/beta/label.rb +100 -0
- data/app/components/primer/beta/link.rb +99 -0
- data/app/components/primer/component.rb +1 -0
- data/app/components/primer/image.rb +2 -41
- data/app/components/primer/image_crop.rb +2 -32
- data/app/components/primer/label_component.rb +2 -93
- data/app/components/primer/link_component.rb +2 -92
- data/app/components/primer/primer.d.ts +2 -1
- data/app/components/primer/primer.js +2 -1
- data/app/components/primer/primer.pcss +1 -0
- data/app/components/primer/primer.ts +2 -1
- data/app/components/primer/subhead_component.rb +1 -1
- data/app/components/primer/time_ago_component.rb +2 -0
- data/app/helpers/primer/form_helper.rb +1 -0
- data/app/lib/primer/view_helper.rb +1 -1
- data/lib/primer/deprecations.rb +4 -0
- data/lib/primer/form_components.rb +1 -0
- data/lib/primer/view_components/linters/argument_mappers/label.rb +4 -4
- data/lib/primer/view_components/linters/label_component_migration_counter.rb +3 -3
- data/lib/primer/view_components/version.rb +1 -1
- data/lib/rubocop/config/default.yml +0 -3
- data/lib/rubocop/cop/primer/deprecated_label_schemes.rb +3 -3
- data/lib/rubocop/cop/primer/deprecated_label_variants.rb +5 -5
- data/lib/tasks/docs.rake +12 -7
- data/lib/tasks/test.rake +23 -26
- data/previews/primer/alpha/action_list_preview.rb +29 -0
- data/previews/primer/alpha/auto_complete_preview.rb +10 -0
- data/previews/primer/alpha/button_marketing_preview.rb +9 -0
- data/previews/primer/alpha/dialog_preview.rb +18 -1
- data/previews/primer/alpha/hidden_text_expander_preview.rb +7 -0
- data/previews/primer/alpha/image_crop_preview.rb +31 -0
- data/previews/primer/alpha/layout_preview.rb +15 -0
- data/previews/primer/alpha/nav_list_preview.rb +29 -0
- data/previews/primer/alpha/segmented_control_preview.rb +75 -0
- data/previews/primer/alpha/tab_panels_preview.rb +15 -0
- data/previews/primer/alpha/text_field_preview.rb +58 -0
- data/previews/primer/alpha/toggle_switch_preview.rb +4 -0
- data/previews/primer/alpha/tooltip_preview.rb +13 -3
- data/previews/primer/alpha/underline_nav_preview/playground.html.erb +8 -0
- data/previews/primer/alpha/underline_nav_preview.rb +15 -0
- data/previews/primer/alpha/underline_panels_preview.rb +15 -0
- data/previews/primer/beta/auto_complete_item_preview/playground.html.erb +9 -0
- data/previews/primer/beta/auto_complete_item_preview.rb +14 -0
- data/previews/primer/beta/auto_complete_preview.rb +20 -0
- data/previews/primer/beta/avatar_preview.rb +9 -0
- data/previews/primer/beta/avatar_stack_preview.rb +15 -0
- data/previews/primer/beta/base_button_preview.rb +9 -0
- data/previews/primer/beta/blankslate_preview.rb +12 -0
- data/previews/primer/beta/border_box_preview.rb +14 -0
- data/previews/primer/beta/breadcrumbs_preview.rb +11 -0
- data/previews/primer/beta/button_group_preview.rb +12 -0
- data/previews/primer/beta/close_button_preview.rb +7 -0
- data/previews/primer/beta/counter_preview.rb +11 -0
- data/previews/primer/beta/details_preview.rb +15 -0
- data/previews/primer/beta/flash_preview.rb +12 -0
- data/previews/primer/beta/heading_preview.rb +8 -0
- data/previews/primer/beta/label_preview.rb +26 -0
- data/previews/primer/beta/link_preview.rb +41 -0
- data/previews/primer/beta/text_preview.rb +8 -0
- data/previews/primer/beta/truncate_preview.rb +7 -0
- data/previews/primer/clipboard_copy_preview.rb +8 -0
- data/previews/primer/dropdown_preview.rb +18 -0
- data/previews/primer/hellip_button_preview.rb +8 -0
- data/previews/primer/layout_component_preview.rb +13 -1
- data/previews/primer/local_time_component_preview.rb +13 -0
- data/previews/primer/markdown_preview.rb +277 -266
- data/previews/primer/menu_component_preview/playground.html.erb +17 -0
- data/previews/primer/menu_component_preview.rb +4 -1
- data/previews/primer/octicon_component_preview.rb +8 -0
- data/previews/primer/popover_component_preview.rb +15 -1
- data/previews/primer/progress_bar_component_preview.rb +12 -1
- data/previews/primer/spinner_component_preview.rb +7 -0
- data/previews/primer/state_component_preview.rb +11 -1
- data/previews/primer/subhead_component_preview.rb +17 -0
- data/previews/primer/time_ago_component_preview.rb +8 -0
- data/previews/primer/timeline_item_component_preview.rb +12 -1
- data/static/arguments.json +300 -138
- data/static/audited_at.json +6 -0
- data/static/constants.json +86 -71
- data/static/statuses.json +10 -4
- metadata +27 -9
- data/previews/primer/image_crop_preview.rb +0 -22
- data/previews/primer/label_component_preview.rb +0 -15
- data/previews/primer/link_component_preview.rb +0 -29
data/static/arguments.json
CHANGED
@@ -1,7 +1,9 @@
|
|
1
1
|
[
|
2
2
|
{
|
3
3
|
"component": "ActionList",
|
4
|
+
"status": "alpha",
|
4
5
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list.rb",
|
6
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/default/",
|
5
7
|
"parameters": [
|
6
8
|
{
|
7
9
|
"name": "role",
|
@@ -37,7 +39,9 @@
|
|
37
39
|
},
|
38
40
|
{
|
39
41
|
"component": "ActionList::Divider",
|
42
|
+
"status": "alpha",
|
40
43
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/divider.rb",
|
44
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/divider/default/",
|
41
45
|
"parameters": [
|
42
46
|
{
|
43
47
|
"name": "scheme",
|
@@ -55,7 +59,9 @@
|
|
55
59
|
},
|
56
60
|
{
|
57
61
|
"component": "ActionList::Heading",
|
62
|
+
"status": "alpha",
|
58
63
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/heading.rb",
|
64
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/heading/default/",
|
59
65
|
"parameters": [
|
60
66
|
{
|
61
67
|
"name": "list_id",
|
@@ -97,7 +103,9 @@
|
|
97
103
|
},
|
98
104
|
{
|
99
105
|
"component": "ActionList::Item",
|
106
|
+
"status": "alpha",
|
100
107
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/item.rb",
|
108
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/item/default/",
|
101
109
|
"parameters": [
|
102
110
|
{
|
103
111
|
"name": "list",
|
@@ -199,7 +207,9 @@
|
|
199
207
|
},
|
200
208
|
{
|
201
209
|
"component": "ButtonMarketing",
|
210
|
+
"status": "alpha",
|
202
211
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/button_marketing.rb",
|
212
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/button_marketing/default/",
|
203
213
|
"parameters": [
|
204
214
|
{
|
205
215
|
"name": "scheme",
|
@@ -235,7 +245,9 @@
|
|
235
245
|
},
|
236
246
|
{
|
237
247
|
"component": "Dialog",
|
248
|
+
"status": "alpha",
|
238
249
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog.rb",
|
250
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/default/",
|
239
251
|
"parameters": [
|
240
252
|
{
|
241
253
|
"name": "id",
|
@@ -289,7 +301,9 @@
|
|
289
301
|
},
|
290
302
|
{
|
291
303
|
"component": "HiddenTextExpander",
|
304
|
+
"status": "alpha",
|
292
305
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/hidden_text_expander.rb",
|
306
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hidden_text_expander/default/",
|
293
307
|
"parameters": [
|
294
308
|
{
|
295
309
|
"name": "inline",
|
@@ -311,9 +325,69 @@
|
|
311
325
|
}
|
312
326
|
]
|
313
327
|
},
|
328
|
+
{
|
329
|
+
"component": "Image",
|
330
|
+
"status": "alpha",
|
331
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image.rb",
|
332
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image/default/",
|
333
|
+
"parameters": [
|
334
|
+
{
|
335
|
+
"name": "src",
|
336
|
+
"type": "String",
|
337
|
+
"default": "N/A",
|
338
|
+
"description": "The source url of the image."
|
339
|
+
},
|
340
|
+
{
|
341
|
+
"name": "alt",
|
342
|
+
"type": "String",
|
343
|
+
"default": "N/A",
|
344
|
+
"description": "Specifies an alternate text for the image."
|
345
|
+
},
|
346
|
+
{
|
347
|
+
"name": "lazy",
|
348
|
+
"type": "Boolean",
|
349
|
+
"default": "`false`",
|
350
|
+
"description": "Whether or not to lazily load the image."
|
351
|
+
},
|
352
|
+
{
|
353
|
+
"name": "system_arguments",
|
354
|
+
"type": "Hash",
|
355
|
+
"default": "N/A",
|
356
|
+
"description": "[System arguments](/system-arguments)"
|
357
|
+
}
|
358
|
+
]
|
359
|
+
},
|
360
|
+
{
|
361
|
+
"component": "ImageCrop",
|
362
|
+
"status": "alpha",
|
363
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image_crop.rb",
|
364
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image_crop/default/",
|
365
|
+
"parameters": [
|
366
|
+
{
|
367
|
+
"name": "src",
|
368
|
+
"type": "String",
|
369
|
+
"default": "N/A",
|
370
|
+
"description": "The path of the image to crop."
|
371
|
+
},
|
372
|
+
{
|
373
|
+
"name": "rounded",
|
374
|
+
"type": "Boolean",
|
375
|
+
"default": "`true`",
|
376
|
+
"description": "If the crop mask should be a circle. Defaults to true."
|
377
|
+
},
|
378
|
+
{
|
379
|
+
"name": "system_arguments",
|
380
|
+
"type": "Hash",
|
381
|
+
"default": "N/A",
|
382
|
+
"description": "[System arguments](/system-arguments)"
|
383
|
+
}
|
384
|
+
]
|
385
|
+
},
|
314
386
|
{
|
315
387
|
"component": "Layout",
|
388
|
+
"status": "alpha",
|
316
389
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/layout.rb",
|
390
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout/default/",
|
317
391
|
"parameters": [
|
318
392
|
{
|
319
393
|
"name": "stacking_breakpoint",
|
@@ -343,7 +417,9 @@
|
|
343
417
|
},
|
344
418
|
{
|
345
419
|
"component": "NavList",
|
420
|
+
"status": "alpha",
|
346
421
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list.rb",
|
422
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/default/",
|
347
423
|
"parameters": [
|
348
424
|
{
|
349
425
|
"name": "selected_item_id",
|
@@ -361,7 +437,9 @@
|
|
361
437
|
},
|
362
438
|
{
|
363
439
|
"component": "NavList::Item",
|
440
|
+
"status": "alpha",
|
364
441
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/item.rb",
|
442
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/item/default/",
|
365
443
|
"parameters": [
|
366
444
|
{
|
367
445
|
"name": "selected_item_id",
|
@@ -397,7 +475,9 @@
|
|
397
475
|
},
|
398
476
|
{
|
399
477
|
"component": "NavList::Section",
|
478
|
+
"status": "alpha",
|
400
479
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/section.rb",
|
480
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/section/default/",
|
401
481
|
"parameters": [
|
402
482
|
{
|
403
483
|
"name": "selected_item_id",
|
@@ -413,9 +493,43 @@
|
|
413
493
|
}
|
414
494
|
]
|
415
495
|
},
|
496
|
+
{
|
497
|
+
"component": "SegmentedControl",
|
498
|
+
"status": "alpha",
|
499
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/segmented_control.rb",
|
500
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/segmented_control/default/",
|
501
|
+
"parameters": [
|
502
|
+
{
|
503
|
+
"name": "hide_labels",
|
504
|
+
"type": "Boolean",
|
505
|
+
"default": "`false`",
|
506
|
+
"description": "Whether to hide the labels and only show the icons"
|
507
|
+
},
|
508
|
+
{
|
509
|
+
"name": "full_width",
|
510
|
+
"type": "Boolean",
|
511
|
+
"default": "`false`",
|
512
|
+
"description": "If the component should be full width"
|
513
|
+
},
|
514
|
+
{
|
515
|
+
"name": "size",
|
516
|
+
"type": "Symbol",
|
517
|
+
"default": "`:medium`",
|
518
|
+
"description": "One of `:large`, `:medium`, or `:small`."
|
519
|
+
},
|
520
|
+
{
|
521
|
+
"name": "system_arguments",
|
522
|
+
"type": "Hash",
|
523
|
+
"default": "N/A",
|
524
|
+
"description": "[System arguments](/system-arguments)"
|
525
|
+
}
|
526
|
+
]
|
527
|
+
},
|
416
528
|
{
|
417
529
|
"component": "TabNav",
|
530
|
+
"status": "alpha",
|
418
531
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_nav.rb",
|
532
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_nav/default/",
|
419
533
|
"parameters": [
|
420
534
|
{
|
421
535
|
"name": "tag",
|
@@ -445,7 +559,9 @@
|
|
445
559
|
},
|
446
560
|
{
|
447
561
|
"component": "TabPanels",
|
562
|
+
"status": "alpha",
|
448
563
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_panels.rb",
|
564
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_panels/default/",
|
449
565
|
"parameters": [
|
450
566
|
{
|
451
567
|
"name": "label",
|
@@ -481,7 +597,9 @@
|
|
481
597
|
},
|
482
598
|
{
|
483
599
|
"component": "TextField",
|
600
|
+
"status": "alpha",
|
484
601
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/text_field.rb",
|
602
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/text_field/default/",
|
485
603
|
"parameters": [
|
486
604
|
{
|
487
605
|
"name": "name",
|
@@ -613,7 +731,9 @@
|
|
613
731
|
},
|
614
732
|
{
|
615
733
|
"component": "ToggleSwitch",
|
734
|
+
"status": "alpha",
|
616
735
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/toggle_switch.rb",
|
736
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/toggle_switch/default/",
|
617
737
|
"parameters": [
|
618
738
|
{
|
619
739
|
"name": "src",
|
@@ -661,7 +781,9 @@
|
|
661
781
|
},
|
662
782
|
{
|
663
783
|
"component": "Tooltip",
|
784
|
+
"status": "alpha",
|
664
785
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tooltip.rb",
|
786
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tooltip/default/",
|
665
787
|
"parameters": [
|
666
788
|
{
|
667
789
|
"name": "for_id",
|
@@ -697,7 +819,9 @@
|
|
697
819
|
},
|
698
820
|
{
|
699
821
|
"component": "UnderlineNav",
|
822
|
+
"status": "alpha",
|
700
823
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_nav.rb",
|
824
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_nav/default/",
|
701
825
|
"parameters": [
|
702
826
|
{
|
703
827
|
"name": "tag",
|
@@ -733,7 +857,9 @@
|
|
733
857
|
},
|
734
858
|
{
|
735
859
|
"component": "UnderlinePanels",
|
860
|
+
"status": "alpha",
|
736
861
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_panels.rb",
|
862
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_panels/default/",
|
737
863
|
"parameters": [
|
738
864
|
{
|
739
865
|
"name": "label",
|
@@ -769,7 +895,9 @@
|
|
769
895
|
},
|
770
896
|
{
|
771
897
|
"component": "AutoComplete",
|
898
|
+
"status": "beta",
|
772
899
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete.rb",
|
900
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/default/",
|
773
901
|
"parameters": [
|
774
902
|
{
|
775
903
|
"name": "label_text",
|
@@ -865,7 +993,9 @@
|
|
865
993
|
},
|
866
994
|
{
|
867
995
|
"component": "AutoComplete::Item",
|
996
|
+
"status": "beta",
|
868
997
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/item.rb",
|
998
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/item/default/",
|
869
999
|
"parameters": [
|
870
1000
|
{
|
871
1001
|
"name": "value",
|
@@ -907,7 +1037,9 @@
|
|
907
1037
|
},
|
908
1038
|
{
|
909
1039
|
"component": "Avatar",
|
1040
|
+
"status": "beta",
|
910
1041
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar.rb",
|
1042
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar/default/",
|
911
1043
|
"parameters": [
|
912
1044
|
{
|
913
1045
|
"name": "src",
|
@@ -949,7 +1081,9 @@
|
|
949
1081
|
},
|
950
1082
|
{
|
951
1083
|
"component": "AvatarStack",
|
1084
|
+
"status": "beta",
|
952
1085
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar_stack.rb",
|
1086
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_stack/default/",
|
953
1087
|
"parameters": [
|
954
1088
|
{
|
955
1089
|
"name": "tag",
|
@@ -985,7 +1119,9 @@
|
|
985
1119
|
},
|
986
1120
|
{
|
987
1121
|
"component": "BaseButton",
|
1122
|
+
"status": "beta",
|
988
1123
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/base_button.rb",
|
1124
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button/default/",
|
989
1125
|
"parameters": [
|
990
1126
|
{
|
991
1127
|
"name": "tag",
|
@@ -1015,7 +1151,9 @@
|
|
1015
1151
|
},
|
1016
1152
|
{
|
1017
1153
|
"component": "Blankslate",
|
1154
|
+
"status": "beta",
|
1018
1155
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/blankslate.rb",
|
1156
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/blankslate/default/",
|
1019
1157
|
"parameters": [
|
1020
1158
|
{
|
1021
1159
|
"name": "narrow",
|
@@ -1045,7 +1183,9 @@
|
|
1045
1183
|
},
|
1046
1184
|
{
|
1047
1185
|
"component": "BorderBox",
|
1186
|
+
"status": "beta",
|
1048
1187
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box.rb",
|
1188
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/default/",
|
1049
1189
|
"parameters": [
|
1050
1190
|
{
|
1051
1191
|
"name": "padding",
|
@@ -1063,7 +1203,9 @@
|
|
1063
1203
|
},
|
1064
1204
|
{
|
1065
1205
|
"component": "BorderBox::Header",
|
1206
|
+
"status": "beta",
|
1066
1207
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box/header.rb",
|
1208
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/header/default/",
|
1067
1209
|
"parameters": [
|
1068
1210
|
{
|
1069
1211
|
"name": "system_arguments",
|
@@ -1075,7 +1217,9 @@
|
|
1075
1217
|
},
|
1076
1218
|
{
|
1077
1219
|
"component": "Breadcrumbs",
|
1220
|
+
"status": "beta",
|
1078
1221
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs.rb",
|
1222
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/default/",
|
1079
1223
|
"parameters": [
|
1080
1224
|
{
|
1081
1225
|
"name": "system_arguments",
|
@@ -1087,7 +1231,9 @@
|
|
1087
1231
|
},
|
1088
1232
|
{
|
1089
1233
|
"component": "Button",
|
1234
|
+
"status": "beta",
|
1090
1235
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button.rb",
|
1236
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button/default/",
|
1091
1237
|
"parameters": [
|
1092
1238
|
{
|
1093
1239
|
"name": "scheme",
|
@@ -1135,7 +1281,9 @@
|
|
1135
1281
|
},
|
1136
1282
|
{
|
1137
1283
|
"component": "ButtonGroup",
|
1284
|
+
"status": "beta",
|
1138
1285
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button_group.rb",
|
1286
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/default/",
|
1139
1287
|
"parameters": [
|
1140
1288
|
{
|
1141
1289
|
"name": "variant",
|
@@ -1159,7 +1307,9 @@
|
|
1159
1307
|
},
|
1160
1308
|
{
|
1161
1309
|
"component": "CloseButton",
|
1310
|
+
"status": "beta",
|
1162
1311
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/close_button.rb",
|
1312
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/close_button/default/",
|
1163
1313
|
"parameters": [
|
1164
1314
|
{
|
1165
1315
|
"name": "type",
|
@@ -1177,7 +1327,9 @@
|
|
1177
1327
|
},
|
1178
1328
|
{
|
1179
1329
|
"component": "Counter",
|
1330
|
+
"status": "beta",
|
1180
1331
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/counter.rb",
|
1332
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/counter/default/",
|
1181
1333
|
"parameters": [
|
1182
1334
|
{
|
1183
1335
|
"name": "count",
|
@@ -1225,7 +1377,9 @@
|
|
1225
1377
|
},
|
1226
1378
|
{
|
1227
1379
|
"component": "Details",
|
1380
|
+
"status": "beta",
|
1228
1381
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/details.rb",
|
1382
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/details/default/",
|
1229
1383
|
"parameters": [
|
1230
1384
|
{
|
1231
1385
|
"name": "overlay",
|
@@ -1249,7 +1403,9 @@
|
|
1249
1403
|
},
|
1250
1404
|
{
|
1251
1405
|
"component": "Flash",
|
1406
|
+
"status": "beta",
|
1252
1407
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/flash.rb",
|
1408
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/flash/default/",
|
1253
1409
|
"parameters": [
|
1254
1410
|
{
|
1255
1411
|
"name": "full",
|
@@ -1291,7 +1447,9 @@
|
|
1291
1447
|
},
|
1292
1448
|
{
|
1293
1449
|
"component": "Heading",
|
1450
|
+
"status": "beta",
|
1294
1451
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/heading.rb",
|
1452
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/heading/default/",
|
1295
1453
|
"parameters": [
|
1296
1454
|
{
|
1297
1455
|
"name": "tag",
|
@@ -1309,7 +1467,9 @@
|
|
1309
1467
|
},
|
1310
1468
|
{
|
1311
1469
|
"component": "IconButton",
|
1470
|
+
"status": "beta",
|
1312
1471
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/icon_button.rb",
|
1472
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/icon_button/default/",
|
1313
1473
|
"parameters": [
|
1314
1474
|
{
|
1315
1475
|
"name": "icon",
|
@@ -1379,9 +1539,99 @@
|
|
1379
1539
|
}
|
1380
1540
|
]
|
1381
1541
|
},
|
1542
|
+
{
|
1543
|
+
"component": "Label",
|
1544
|
+
"status": "beta",
|
1545
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/label.rb",
|
1546
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/label/default/",
|
1547
|
+
"parameters": [
|
1548
|
+
{
|
1549
|
+
"name": "tag",
|
1550
|
+
"type": "Symbol",
|
1551
|
+
"default": "`:span`",
|
1552
|
+
"description": "One of `:a`, `:div`, `:span`, or `:summary`."
|
1553
|
+
},
|
1554
|
+
{
|
1555
|
+
"name": "scheme",
|
1556
|
+
"type": "Symbol",
|
1557
|
+
"default": "`:default`",
|
1558
|
+
"description": "One of `:accent`, `:attention`, `:danger`, `:default`, `:done`, `:info`, `:orange`, `:primary`, `:purple`, `:secondary`, `:severe`, `:sponsors`, `:success`, or `:warning`."
|
1559
|
+
},
|
1560
|
+
{
|
1561
|
+
"name": "size",
|
1562
|
+
"type": "Symbol",
|
1563
|
+
"default": "`:medium`",
|
1564
|
+
"description": "One of `:large` or `:medium`."
|
1565
|
+
},
|
1566
|
+
{
|
1567
|
+
"name": "inline",
|
1568
|
+
"type": "Boolean",
|
1569
|
+
"default": "`false`",
|
1570
|
+
"description": "Whether or not to render this label inline."
|
1571
|
+
},
|
1572
|
+
{
|
1573
|
+
"name": "variant",
|
1574
|
+
"type": "Symbol",
|
1575
|
+
"default": "`:none`",
|
1576
|
+
"description": "One of `:inline`, `:large`, or `:none`."
|
1577
|
+
},
|
1578
|
+
{
|
1579
|
+
"name": "system_arguments",
|
1580
|
+
"type": "Hash",
|
1581
|
+
"default": "N/A",
|
1582
|
+
"description": "[System arguments](/system-arguments)"
|
1583
|
+
}
|
1584
|
+
]
|
1585
|
+
},
|
1586
|
+
{
|
1587
|
+
"component": "Link",
|
1588
|
+
"status": "beta",
|
1589
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/link.rb",
|
1590
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/link/default/",
|
1591
|
+
"parameters": [
|
1592
|
+
{
|
1593
|
+
"name": "tag",
|
1594
|
+
"type": "String",
|
1595
|
+
"default": "`:a`",
|
1596
|
+
"description": "One of `:a` or `:span`."
|
1597
|
+
},
|
1598
|
+
{
|
1599
|
+
"name": "href",
|
1600
|
+
"type": "String",
|
1601
|
+
"default": "`nil`",
|
1602
|
+
"description": "URL to be used for the Link. Required if tag is `:a`. If the requirements are not met an error will be raised in non production environments. In production, an empty link element will be rendered."
|
1603
|
+
},
|
1604
|
+
{
|
1605
|
+
"name": "scheme",
|
1606
|
+
"type": "Symbol",
|
1607
|
+
"default": "`:default`",
|
1608
|
+
"description": "One of `:default`, `:primary`, or `:secondary`."
|
1609
|
+
},
|
1610
|
+
{
|
1611
|
+
"name": "muted",
|
1612
|
+
"type": "Boolean",
|
1613
|
+
"default": "`false`",
|
1614
|
+
"description": "Uses light gray for Link color, and blue on hover."
|
1615
|
+
},
|
1616
|
+
{
|
1617
|
+
"name": "underline",
|
1618
|
+
"type": "Boolean",
|
1619
|
+
"default": "`true`",
|
1620
|
+
"description": "Whether or not to underline the link."
|
1621
|
+
},
|
1622
|
+
{
|
1623
|
+
"name": "system_arguments",
|
1624
|
+
"type": "Hash",
|
1625
|
+
"default": "N/A",
|
1626
|
+
"description": "[System arguments](/system-arguments)"
|
1627
|
+
}
|
1628
|
+
]
|
1629
|
+
},
|
1382
1630
|
{
|
1383
1631
|
"component": "Text",
|
1632
|
+
"status": "beta",
|
1384
1633
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/text.rb",
|
1634
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/text/default/",
|
1385
1635
|
"parameters": [
|
1386
1636
|
{
|
1387
1637
|
"name": "tag",
|
@@ -1399,7 +1649,9 @@
|
|
1399
1649
|
},
|
1400
1650
|
{
|
1401
1651
|
"component": "Truncate",
|
1652
|
+
"status": "beta",
|
1402
1653
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/truncate.rb",
|
1654
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/truncate/default/",
|
1403
1655
|
"parameters": [
|
1404
1656
|
{
|
1405
1657
|
"name": "system_arguments",
|
@@ -1411,7 +1663,9 @@
|
|
1411
1663
|
},
|
1412
1664
|
{
|
1413
1665
|
"component": "Box",
|
1666
|
+
"status": "stable",
|
1414
1667
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/box.rb",
|
1668
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box/default/",
|
1415
1669
|
"parameters": [
|
1416
1670
|
{
|
1417
1671
|
"name": "system_arguments",
|
@@ -1423,7 +1677,9 @@
|
|
1423
1677
|
},
|
1424
1678
|
{
|
1425
1679
|
"component": "Button",
|
1680
|
+
"status": "beta",
|
1426
1681
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/button_component.rb",
|
1682
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button/default/",
|
1427
1683
|
"parameters": [
|
1428
1684
|
{
|
1429
1685
|
"name": "scheme",
|
@@ -1483,7 +1739,9 @@
|
|
1483
1739
|
},
|
1484
1740
|
{
|
1485
1741
|
"component": "ClipboardCopy",
|
1742
|
+
"status": "beta",
|
1486
1743
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/clipboard_copy.rb",
|
1744
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/clipboard_copy/default/",
|
1487
1745
|
"parameters": [
|
1488
1746
|
{
|
1489
1747
|
"name": "aria-label",
|
@@ -1513,7 +1771,9 @@
|
|
1513
1771
|
},
|
1514
1772
|
{
|
1515
1773
|
"component": "Dropdown",
|
1774
|
+
"status": "alpha",
|
1516
1775
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/dropdown.rb",
|
1776
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown/default/",
|
1517
1777
|
"parameters": [
|
1518
1778
|
{
|
1519
1779
|
"name": "overlay",
|
@@ -1537,7 +1797,9 @@
|
|
1537
1797
|
},
|
1538
1798
|
{
|
1539
1799
|
"component": "DropdownMenu",
|
1800
|
+
"status": "deprecated",
|
1540
1801
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/dropdown_menu_component.rb",
|
1802
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown_menu/default/",
|
1541
1803
|
"parameters": [
|
1542
1804
|
{
|
1543
1805
|
"name": "direction",
|
@@ -1567,7 +1829,9 @@
|
|
1567
1829
|
},
|
1568
1830
|
{
|
1569
1831
|
"component": "HellipButton",
|
1832
|
+
"status": "alpha",
|
1570
1833
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/hellip_button.rb",
|
1834
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/hellip_button/default/",
|
1571
1835
|
"parameters": [
|
1572
1836
|
{
|
1573
1837
|
"name": "inline",
|
@@ -1585,7 +1849,9 @@
|
|
1585
1849
|
},
|
1586
1850
|
{
|
1587
1851
|
"component": "IconButton",
|
1852
|
+
"status": "deprecated",
|
1588
1853
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/icon_button.rb",
|
1854
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/icon_button/default/",
|
1589
1855
|
"parameters": [
|
1590
1856
|
{
|
1591
1857
|
"name": "scheme",
|
@@ -1643,105 +1909,11 @@
|
|
1643
1909
|
}
|
1644
1910
|
]
|
1645
1911
|
},
|
1646
|
-
{
|
1647
|
-
"component": "Image",
|
1648
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/image.rb",
|
1649
|
-
"parameters": [
|
1650
|
-
{
|
1651
|
-
"name": "src",
|
1652
|
-
"type": "String",
|
1653
|
-
"default": "N/A",
|
1654
|
-
"description": "The source url of the image."
|
1655
|
-
},
|
1656
|
-
{
|
1657
|
-
"name": "alt",
|
1658
|
-
"type": "String",
|
1659
|
-
"default": "N/A",
|
1660
|
-
"description": "Specifies an alternate text for the image."
|
1661
|
-
},
|
1662
|
-
{
|
1663
|
-
"name": "lazy",
|
1664
|
-
"type": "Boolean",
|
1665
|
-
"default": "`false`",
|
1666
|
-
"description": "Whether or not to lazily load the image."
|
1667
|
-
},
|
1668
|
-
{
|
1669
|
-
"name": "system_arguments",
|
1670
|
-
"type": "Hash",
|
1671
|
-
"default": "N/A",
|
1672
|
-
"description": "[System arguments](/system-arguments)"
|
1673
|
-
}
|
1674
|
-
]
|
1675
|
-
},
|
1676
|
-
{
|
1677
|
-
"component": "ImageCrop",
|
1678
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/image_crop.rb",
|
1679
|
-
"parameters": [
|
1680
|
-
{
|
1681
|
-
"name": "src",
|
1682
|
-
"type": "String",
|
1683
|
-
"default": "N/A",
|
1684
|
-
"description": "The path of the image to crop."
|
1685
|
-
},
|
1686
|
-
{
|
1687
|
-
"name": "rounded",
|
1688
|
-
"type": "Boolean",
|
1689
|
-
"default": "`true`",
|
1690
|
-
"description": "If the crop mask should be a circle. Defaults to true."
|
1691
|
-
},
|
1692
|
-
{
|
1693
|
-
"name": "system_arguments",
|
1694
|
-
"type": "Hash",
|
1695
|
-
"default": "N/A",
|
1696
|
-
"description": "[System arguments](/system-arguments)"
|
1697
|
-
}
|
1698
|
-
]
|
1699
|
-
},
|
1700
|
-
{
|
1701
|
-
"component": "Label",
|
1702
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/label_component.rb",
|
1703
|
-
"parameters": [
|
1704
|
-
{
|
1705
|
-
"name": "tag",
|
1706
|
-
"type": "Symbol",
|
1707
|
-
"default": "`:span`",
|
1708
|
-
"description": "One of `:a`, `:div`, `:span`, or `:summary`."
|
1709
|
-
},
|
1710
|
-
{
|
1711
|
-
"name": "scheme",
|
1712
|
-
"type": "Symbol",
|
1713
|
-
"default": "`:default`",
|
1714
|
-
"description": "One of `:accent`, `:attention`, `:danger`, `:default`, `:done`, `:info`, `:orange`, `:primary`, `:purple`, `:secondary`, `:severe`, `:sponsors`, `:success`, or `:warning`."
|
1715
|
-
},
|
1716
|
-
{
|
1717
|
-
"name": "size",
|
1718
|
-
"type": "Symbol",
|
1719
|
-
"default": "`:medium`",
|
1720
|
-
"description": "One of `:large` or `:medium`."
|
1721
|
-
},
|
1722
|
-
{
|
1723
|
-
"name": "inline",
|
1724
|
-
"type": "Boolean",
|
1725
|
-
"default": "`false`",
|
1726
|
-
"description": "Whether or not to render this label inline."
|
1727
|
-
},
|
1728
|
-
{
|
1729
|
-
"name": "variant",
|
1730
|
-
"type": "Symbol",
|
1731
|
-
"default": "`:none`",
|
1732
|
-
"description": "One of `:inline`, `:large`, or `:none`."
|
1733
|
-
},
|
1734
|
-
{
|
1735
|
-
"name": "system_arguments",
|
1736
|
-
"type": "Hash",
|
1737
|
-
"default": "N/A",
|
1738
|
-
"description": "[System arguments](/system-arguments)"
|
1739
|
-
}
|
1740
|
-
]
|
1741
|
-
},
|
1742
1912
|
{
|
1743
1913
|
"component": "Layout",
|
1914
|
+
"status": "alpha",
|
1744
1915
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/layout_component.rb",
|
1916
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout/default/",
|
1745
1917
|
"parameters": [
|
1746
1918
|
{
|
1747
1919
|
"name": "responsive",
|
@@ -1769,51 +1941,11 @@
|
|
1769
1941
|
}
|
1770
1942
|
]
|
1771
1943
|
},
|
1772
|
-
{
|
1773
|
-
"component": "Link",
|
1774
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/link_component.rb",
|
1775
|
-
"parameters": [
|
1776
|
-
{
|
1777
|
-
"name": "tag",
|
1778
|
-
"type": "String",
|
1779
|
-
"default": "`:a`",
|
1780
|
-
"description": "One of `:a` or `:span`."
|
1781
|
-
},
|
1782
|
-
{
|
1783
|
-
"name": "href",
|
1784
|
-
"type": "String",
|
1785
|
-
"default": "`nil`",
|
1786
|
-
"description": "URL to be used for the Link. Required if tag is `:a`. If the requirements are not met an error will be raised in non production environments. In production, an empty link element will be rendered."
|
1787
|
-
},
|
1788
|
-
{
|
1789
|
-
"name": "scheme",
|
1790
|
-
"type": "Symbol",
|
1791
|
-
"default": "`:default`",
|
1792
|
-
"description": "One of `:default`, `:primary`, or `:secondary`."
|
1793
|
-
},
|
1794
|
-
{
|
1795
|
-
"name": "muted",
|
1796
|
-
"type": "Boolean",
|
1797
|
-
"default": "`false`",
|
1798
|
-
"description": "Uses light gray for Link color, and blue on hover."
|
1799
|
-
},
|
1800
|
-
{
|
1801
|
-
"name": "underline",
|
1802
|
-
"type": "Boolean",
|
1803
|
-
"default": "`true`",
|
1804
|
-
"description": "Whether or not to underline the link."
|
1805
|
-
},
|
1806
|
-
{
|
1807
|
-
"name": "system_arguments",
|
1808
|
-
"type": "Hash",
|
1809
|
-
"default": "N/A",
|
1810
|
-
"description": "[System arguments](/system-arguments)"
|
1811
|
-
}
|
1812
|
-
]
|
1813
|
-
},
|
1814
1944
|
{
|
1815
1945
|
"component": "LocalTime",
|
1946
|
+
"status": "alpha",
|
1816
1947
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/local_time.rb",
|
1948
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/local_time/default/",
|
1817
1949
|
"parameters": [
|
1818
1950
|
{
|
1819
1951
|
"name": "datetime",
|
@@ -1885,7 +2017,9 @@
|
|
1885
2017
|
},
|
1886
2018
|
{
|
1887
2019
|
"component": "Markdown",
|
2020
|
+
"status": "beta",
|
1888
2021
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/markdown.rb",
|
2022
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/markdown/default/",
|
1889
2023
|
"parameters": [
|
1890
2024
|
{
|
1891
2025
|
"name": "tag",
|
@@ -1903,7 +2037,9 @@
|
|
1903
2037
|
},
|
1904
2038
|
{
|
1905
2039
|
"component": "Menu",
|
2040
|
+
"status": "alpha",
|
1906
2041
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/menu_component.rb",
|
2042
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/menu/default/",
|
1907
2043
|
"parameters": [
|
1908
2044
|
{
|
1909
2045
|
"name": "system_arguments",
|
@@ -1915,7 +2051,9 @@
|
|
1915
2051
|
},
|
1916
2052
|
{
|
1917
2053
|
"component": "Navigation::Tab",
|
2054
|
+
"status": "alpha",
|
1918
2055
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
|
2056
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/tab/default/",
|
1919
2057
|
"parameters": [
|
1920
2058
|
{
|
1921
2059
|
"name": "list",
|
@@ -1963,7 +2101,9 @@
|
|
1963
2101
|
},
|
1964
2102
|
{
|
1965
2103
|
"component": "Octicon",
|
2104
|
+
"status": "beta",
|
1966
2105
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/octicon_component.rb",
|
2106
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/octicon/default/",
|
1967
2107
|
"parameters": [
|
1968
2108
|
{
|
1969
2109
|
"name": "icon_name",
|
@@ -1999,7 +2139,9 @@
|
|
1999
2139
|
},
|
2000
2140
|
{
|
2001
2141
|
"component": "OcticonSymbols",
|
2142
|
+
"status": "alpha",
|
2002
2143
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/octicon_symbols_component.rb",
|
2144
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/octicon_symbols/default/",
|
2003
2145
|
"parameters": [
|
2004
2146
|
{
|
2005
2147
|
"name": "icons",
|
@@ -2011,7 +2153,9 @@
|
|
2011
2153
|
},
|
2012
2154
|
{
|
2013
2155
|
"component": "Popover",
|
2156
|
+
"status": "beta",
|
2014
2157
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/popover_component.rb",
|
2158
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/popover/default/",
|
2015
2159
|
"parameters": [
|
2016
2160
|
{
|
2017
2161
|
"name": "system_arguments",
|
@@ -2023,7 +2167,9 @@
|
|
2023
2167
|
},
|
2024
2168
|
{
|
2025
2169
|
"component": "ProgressBar",
|
2170
|
+
"status": "beta",
|
2026
2171
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/progress_bar_component.rb",
|
2172
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/progress_bar/default/",
|
2027
2173
|
"parameters": [
|
2028
2174
|
{
|
2029
2175
|
"name": "size",
|
@@ -2041,7 +2187,9 @@
|
|
2041
2187
|
},
|
2042
2188
|
{
|
2043
2189
|
"component": "Spinner",
|
2190
|
+
"status": "beta",
|
2044
2191
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/spinner_component.rb",
|
2192
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/spinner/default/",
|
2045
2193
|
"parameters": [
|
2046
2194
|
{
|
2047
2195
|
"name": "size",
|
@@ -2065,7 +2213,9 @@
|
|
2065
2213
|
},
|
2066
2214
|
{
|
2067
2215
|
"component": "State",
|
2216
|
+
"status": "beta",
|
2068
2217
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/state_component.rb",
|
2218
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/state/default/",
|
2069
2219
|
"parameters": [
|
2070
2220
|
{
|
2071
2221
|
"name": "title",
|
@@ -2101,7 +2251,9 @@
|
|
2101
2251
|
},
|
2102
2252
|
{
|
2103
2253
|
"component": "Subhead",
|
2254
|
+
"status": "beta",
|
2104
2255
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/subhead_component.rb",
|
2256
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/subhead/default/",
|
2105
2257
|
"parameters": [
|
2106
2258
|
{
|
2107
2259
|
"name": "spacious",
|
@@ -2125,7 +2277,9 @@
|
|
2125
2277
|
},
|
2126
2278
|
{
|
2127
2279
|
"component": "TabContainer",
|
2280
|
+
"status": "alpha",
|
2128
2281
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/tab_container_component.rb",
|
2282
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tab_container/default/",
|
2129
2283
|
"parameters": [
|
2130
2284
|
{
|
2131
2285
|
"name": "system_arguments",
|
@@ -2137,7 +2291,9 @@
|
|
2137
2291
|
},
|
2138
2292
|
{
|
2139
2293
|
"component": "TimeAgo",
|
2294
|
+
"status": "beta",
|
2140
2295
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/time_ago_component.rb",
|
2296
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/time_ago/default/",
|
2141
2297
|
"parameters": [
|
2142
2298
|
{
|
2143
2299
|
"name": "time",
|
@@ -2161,7 +2317,9 @@
|
|
2161
2317
|
},
|
2162
2318
|
{
|
2163
2319
|
"component": "TimelineItem",
|
2320
|
+
"status": "beta",
|
2164
2321
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/timeline_item_component.rb",
|
2322
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/timeline_item/default/",
|
2165
2323
|
"parameters": [
|
2166
2324
|
{
|
2167
2325
|
"name": "condensed",
|
@@ -2179,7 +2337,9 @@
|
|
2179
2337
|
},
|
2180
2338
|
{
|
2181
2339
|
"component": "Tooltip",
|
2340
|
+
"status": "deprecated",
|
2182
2341
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/tooltip.rb",
|
2342
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tooltip/default/",
|
2183
2343
|
"parameters": [
|
2184
2344
|
{
|
2185
2345
|
"name": "label",
|
@@ -2221,7 +2381,9 @@
|
|
2221
2381
|
},
|
2222
2382
|
{
|
2223
2383
|
"component": "Truncate",
|
2384
|
+
"status": "beta",
|
2224
2385
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/truncate.rb",
|
2386
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/truncate/default/",
|
2225
2387
|
"parameters": [
|
2226
2388
|
{
|
2227
2389
|
"name": "tag",
|